Informação da cor #289f52

A cor hexadecimal 289f52 no modelo de cores RGB (Red, Green, Blue), é um composta por 40 de vermelho, 159 de verde e 82 de azul.

No padrão de cores CMYK, é composto por 74.8% de ciano, 0% de magenta, 48.4% de amarelo e 37.6% de preto. Tem um ângulo de matiz de 141.2 graus, uma saturação de 59.8% e uma leveza de 39%.

A cor mais próxima WebSafe é 009933.

Conversões de #289f52 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 289f52
RGB 40, 159, 82
RGB Percentagem 15.7%, 62.4%, 32.2%
CMYK 0.75, 0, 0.48, 0.38
HSL 141.2°, 59.8%, 39%
HSV (ou HSB) 141.2°, 74.8%, 62.4%
RYB 15.7, 50.2, 62.4
Formato Cor
XYZ 16.6, 28.5, 14.4
CIELab 60.3, -49.27, 29.6
Decimal 2662226
Yxy 25.8549, 0.28, 0.4893
YUV 114.641, 109.5796, 74.761
CIELuv 57.899, -47.4894, 46.2788
Web Safe 009933

Distribuição de #289f52

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.

#289f52

#289f52
rgb(40,159,82)

#9f2876

#9f2876
rgb(159,40,118)

Cores triadicas

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

#52289f

#52289f
rgb(82,40,159)

#289f52

#289f52
rgb(40,159,82)

#9f5228

#9f5228
rgb(159,82,40)

Cores tetrádicas

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

#283a9f

#283a9f
rgb(40,58,159)

#289f52

#289f52
rgb(40,159,82)

#9f2876

#9f2876
rgb(159,40,118)

#9f8e28

#9f8e28
rgb(159,142,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.

#289f52

#289f52
rgb(40,159,82)

#7d9f89

#7d9f89
rgb(125,159,137)

#7b9f88

#7b9f88
rgb(123,159,136)

#7a9f87

#7a9f87
rgb(122,159,135)

#789f86

#789f86
rgb(120,159,134)

#779f85

#779f85
rgb(119,159,133)

Tons e Matizes de #289f52

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

Matiz (adicionando branco)
#289f52

#289f52
rgb(40,159,82)

#53b274

#53b274
rgb(83,178,116)

#7ec597

#7ec597
rgb(126,197,151)

#a9d8b9

#a9d8b9
rgb(169,216,185)

#d4ebdc

#d4ebdc
rgb(212,235,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#289f52

#289f52
rgb(40,159,82)

#207f41

#207f41
rgb(32,127,65)

#185f31

#185f31
rgb(24,95,49)

#0f3f20

#0f3f20
rgb(15,63,32)

#071f10

#071f10
rgb(7,31,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #289f52

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

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

Contraste

Branco e #289f52
Texto grande WCAG AA ✓ 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 #289f52
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

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

Exemplos CSS

Texto com cor hexadecimal #289f52

Este exemplo mostra como o texto na cor #289f52 se parece.

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

Este parágrafo tem fundo de cor #289f52.

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

Este elemento tem uma cor de borda de #289f52.

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

Cores alietórias

#ff41cd

#ff41cd
rgb(255,65,205)

#bf5868

#bf5868
rgb(191,88,104)

#f68d2b

#f68d2b
rgb(246,141,43)

#b0acdf

#b0acdf
rgb(176,172,223)

#c82371

#c82371
rgb(200,35,113)

#5260c6

#5260c6
rgb(82,96,198)

#106c3c

#106c3c
rgb(16,108,60)

#989bde

#989bde
rgb(152,155,222)

#9fce77

#9fce77
rgb(159,206,119)

#9b549f

#9b549f
rgb(155,84,159)

#3f6818

#3f6818
rgb(63,104,24)

#b770e4

#b770e4
rgb(183,112,228)