Informação da cor #3ee5ad

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

No padrão de cores CMYK, é composto por 72.9% de ciano, 0% de magenta, 24.5% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 159.9 graus, uma saturação de 76.3% e uma leveza de 57.1%.

A cor mais próxima WebSafe é 33CC99.

Conversões de #3ee5ad 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 3ee5ad
RGB 62, 229, 173
RGB Percentagem 24.3%, 89.8%, 67.8%
CMYK 0.73, 0, 0.24, 0.1
HSL 159.9°, 76.3%, 57.1%
HSV (ou HSB) 159.9°, 72.9%, 89.8%
RYB 24.3, 63.9, 89.8
Formato Cor
XYZ 39.3, 61.8, 52.4
CIELab 82.78, -53.4, 13.62
Decimal 4122029
Yxy 60.0754, 0.2558, 0.4093
YUV 172.683, 128.1789, 49.0535
CIELuv 81.8792, -63.406, 31.376
Web Safe 33CC99

Distribuição de #3ee5ad

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.

#3ee5ad

#3ee5ad
rgb(62,229,173)

#e53e76

#e53e76
rgb(229,62,118)

Cores triadicas

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

#ae3ee5

#ae3ee5
rgb(174,62,229)

#3ee5ad

#3ee5ad
rgb(62,229,173)

#e5ae3e

#e5ae3e
rgb(229,174,62)

Cores tetrádicas

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

#5a3ee5

#5a3ee5
rgb(90,62,229)

#3ee5ad

#3ee5ad
rgb(62,229,173)

#e53e76

#e53e76
rgb(229,62,118)

#cae53e

#cae53e
rgb(202,229,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.

#3ee5ad

#3ee5ad
rgb(62,229,173)

#b4e5d5

#b4e5d5
rgb(180,229,213)

#b1e5d4

#b1e5d4
rgb(177,229,212)

#afe5d3

#afe5d3
rgb(175,229,211)

#ade5d3

#ade5d3
rgb(173,229,211)

#abe5d2

#abe5d2
rgb(171,229,210)

Tons e Matizes de #3ee5ad

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

Matiz (adicionando branco)
#3ee5ad

#3ee5ad
rgb(62,229,173)

#64eabd

#64eabd
rgb(100,234,189)

#8befcd

#8befcd
rgb(139,239,205)

#b1f4de

#b1f4de
rgb(177,244,222)

#d8f9ee

#d8f9ee
rgb(216,249,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3ee5ad

#3ee5ad
rgb(62,229,173)

#31b78a

#31b78a
rgb(49,183,138)

#258967

#258967
rgb(37,137,103)

#185b45

#185b45
rgb(24,91,69)

#0c2d22

#0c2d22
rgb(12,45,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3ee5ad

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#8bc894

#8bc894
rgb(139,200,148)

#b6e042

#b6e042
rgb(182,224,66)

#356c0b

#356c0b
rgb(53,108,11)

#53cd32

#53cd32
rgb(83,205,50)

#3e0a19

#3e0a19
rgb(62,10,25)

#a98777

#a98777
rgb(169,135,119)

#430c9d

#430c9d
rgb(67,12,157)

#256c8c

#256c8c
rgb(37,108,140)

#3b6228

#3b6228
rgb(59,98,40)

#0b0b79

#0b0b79
rgb(11,11,121)

#4046c5

#4046c5
rgb(64,70,197)

#046aee

#046aee
rgb(4,106,238)