Informação da cor #3ebb89

A cor hexadecimal 3ebb89 no modelo de cores RGB (Red, Green, Blue), é um composta por 62 de vermelho, 187 de verde e 137 de azul.

No padrão de cores CMYK, é composto por 66.8% de ciano, 0% de magenta, 26.7% de amarelo e 26.7% de preto. Tem um ângulo de matiz de 156 graus, uma saturação de 50.2% e uma leveza de 48.8%.

A cor mais próxima WebSafe é 339966.

Conversões de #3ebb89 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 3ebb89
RGB 62, 187, 137
RGB Percentagem 24.3%, 73.3%, 53.7%
CMYK 0.67, 0, 0.27, 0.27
HSL 156°, 50.2%, 48.8%
HSV (ou HSB) 156°, 66.8%, 73.3%
RYB 24.3, 55.3, 73.3
Formato Cor
XYZ 26.5, 41, 33.1
CIELab 70.19, -45.02, 14.15
Decimal 4111241
Yxy 38.3683, 0.2626, 0.4151
YUV 143.925, 124.092, 69.5656
CIELuv 68.2912, -50.5806, 29.0565
Web Safe 339966

Distribuição de #3ebb89

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.

#3ebb89

#3ebb89
rgb(62,187,137)

#bb3e71

#bb3e71
rgb(187,62,113)

Cores triadicas

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

#893ebb

#893ebb
rgb(137,62,187)

#3ebb89

#3ebb89
rgb(62,187,137)

#bb893e

#bb893e
rgb(187,137,62)

Cores tetrádicas

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

#4b3ebb

#4b3ebb
rgb(75,62,187)

#3ebb89

#3ebb89
rgb(62,187,137)

#bb3e71

#bb3e71
rgb(187,62,113)

#afbb3e

#afbb3e
rgb(175,187,62)

Cores monocromáticas

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

#3ebb89

#3ebb89
rgb(62,187,137)

#93bbab

#93bbab
rgb(147,187,171)

#91bbab

#91bbab
rgb(145,187,171)

#8fbbaa

#8fbbaa
rgb(143,187,170)

#8dbba9

#8dbba9
rgb(141,187,169)

#8cbba8

#8cbba8
rgb(140,187,168)

Tons e Matizes de #3ebb89

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

Matiz (adicionando branco)
#3ebb89

#3ebb89
rgb(62,187,137)

#64c8a0

#64c8a0
rgb(100,200,160)

#8bd6b8

#8bd6b8
rgb(139,214,184)

#b1e3cf

#b1e3cf
rgb(177,227,207)

#d8f1e7

#d8f1e7
rgb(216,241,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3ebb89

#3ebb89
rgb(62,187,137)

#31956d

#31956d
rgb(49,149,109)

#257052

#257052
rgb(37,112,82)

#184a36

#184a36
rgb(24,74,54)

#0c251b

#0c251b
rgb(12,37,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3ebb89

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

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

Contraste

Branco e #3ebb89
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 #3ebb89
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 #3ebb89

Este exemplo mostra como o texto na cor #3ebb89 se parece.

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

Este parágrafo tem fundo de cor #3ebb89.

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

Este elemento tem uma cor de borda de #3ebb89.

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

Cores alietórias

#c9f74f

#c9f74f
rgb(201,247,79)

#f7d0fd

#f7d0fd
rgb(247,208,253)

#5683d7

#5683d7
rgb(86,131,215)

#d199f3

#d199f3
rgb(209,153,243)

#32adf0

#32adf0
rgb(50,173,240)

#a0c29c

#a0c29c
rgb(160,194,156)

#434128

#434128
rgb(67,65,40)

#620df2

#620df2
rgb(98,13,242)

#df9751

#df9751
rgb(223,151,81)

#eb7a40

#eb7a40
rgb(235,122,64)

#458cb6

#458cb6
rgb(69,140,182)

#8f71b2

#8f71b2
rgb(143,113,178)