Informação da cor #28e685

A cor hexadecimal 28e685 no modelo de cores RGB (Red, Green, Blue), é um composta por 40 de vermelho, 230 de verde e 133 de azul.

No padrão de cores CMYK, é composto por 82.6% de ciano, 0% de magenta, 42.2% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 149.4 graus, uma saturação de 79.2% e uma leveza de 52.9%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #28e685 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 28e685
RGB 40, 230, 133
RGB Percentagem 15.7%, 90.2%, 52.2%
CMYK 0.83, 0, 0.42, 0.1
HSL 149.4°, 79.2%, 52.9%
HSV (ou HSB) 149.4°, 82.6%, 90.2%
RYB 15.7, 65.9, 90.2
Formato Cor
XYZ 34.8, 60.2, 34.8
CIELab 81.97, -64.46, 32.14
Decimal 2680453
Yxy 58.734, 0.2696, 0.474
YUV 162.132, 111.5598, 40.8873
CIELuv 81.1452, -69.1099, 58.2215
Web Safe 00CC66

Distribuição de #28e685

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#28e685

#28e685
rgb(40,230,133)

#e62889

#e62889
rgb(230,40,137)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#8628e6

#8628e6
rgb(134,40,230)

#28e685

#28e685
rgb(40,230,133)

#e68628

#e68628
rgb(230,134,40)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#282ae6

#282ae6
rgb(40,42,230)

#28e685

#28e685
rgb(40,230,133)

#e62889

#e62889
rgb(230,40,137)

#e6e528

#e6e528
rgb(230,229,40)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#28e685

#28e685
rgb(40,230,133)

#b4e6cd

#b4e6cd
rgb(180,230,205)

#b2e6cc

#b2e6cc
rgb(178,230,204)

#b0e6cb

#b0e6cb
rgb(176,230,203)

#ade6c9

#ade6c9
rgb(173,230,201)

#abe6c8

#abe6c8
rgb(171,230,200)

Tons e Matizes de #28e685

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#28e685

#28e685
rgb(40,230,133)

#53eb9d

#53eb9d
rgb(83,235,157)

#7ef0b5

#7ef0b5
rgb(126,240,181)

#a9f5ce

#a9f5ce
rgb(169,245,206)

#d4fae6

#d4fae6
rgb(212,250,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#28e685

#28e685
rgb(40,230,133)

#20b86a

#20b86a
rgb(32,184,106)

#188a4f

#188a4f
rgb(24,138,79)

#0f5b35

#0f5b35
rgb(15,91,53)

#072d1a

#072d1a
rgb(7,45,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #28e685 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #28e685 fica em um fundo preto.

Fundo de cor #28e685

Esta visualização mostra como a cor branca fica em um fundo #28e685.

Esta visualização mostra como a cor preta fica em um fundo #28e685.

Contraste

Branco e #28e685
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #28e685
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #28e685

Este exemplo mostra como o texto na cor #28e685 se parece.

<span style="color:#28e685;">Aqui fica o texto.</span>
Cor de fundo #28e685

Este parágrafo tem fundo de cor #28e685.

<p style="background-color:#28e685;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #28e685.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#28e685;}
.background {background-color:#28e685;}
.border {border:1px solid #28e685;}

Cores alietórias

#7031f8

#7031f8
rgb(112,49,248)

#7a62fb

#7a62fb
rgb(122,98,251)

#dd8814

#dd8814
rgb(221,136,20)

#46309f

#46309f
rgb(70,48,159)

#0e3827

#0e3827
rgb(14,56,39)

#89cf89

#89cf89
rgb(137,207,137)

#d385af

#d385af
rgb(211,133,175)

#f330bf

#f330bf
rgb(243,48,191)

#ca0bbc

#ca0bbc
rgb(202,11,188)

#076d9d

#076d9d
rgb(7,109,157)

#90a540

#90a540
rgb(144,165,64)

#fc0c3a

#fc0c3a
rgb(252,12,58)