Informação da cor #4df1ac

A cor hexadecimal 4df1ac no modelo de cores RGB (Red, Green, Blue), é um composta por 77 de vermelho, 241 de verde e 172 de azul.

No padrão de cores CMYK, é composto por 68% de ciano, 0% de magenta, 28.6% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 154.8 graus, uma saturação de 85.4% e uma leveza de 62.4%.

A cor mais próxima WebSafe é 33CC99.

Conversões de #4df1ac 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 4df1ac
RGB 77, 241, 172
RGB Percentagem 30.2%, 94.5%, 67.5%
CMYK 0.68, 0, 0.29, 0.05
HSL 154.8°, 85.4%, 62.4%
HSV (ou HSB) 154.8°, 68.1%, 94.5%
RYB 30.2, 71, 94.5
Formato Cor
XYZ 43.6, 68.8, 53
CIELab 86.38, -55.66, 19.21
Decimal 5108140
Yxy 67.4622, 0.2635, 0.4236
YUV 184.098, 121.1727, 51.6105
CIELuv 85.7368, -65.0619, 40.3547
Web Safe 33CC99

Distribuição de #4df1ac

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.

#4df1ac

#4df1ac
rgb(77,241,172)

#f14d92

#f14d92
rgb(241,77,146)

Cores triadicas

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

#ad4df1

#ad4df1
rgb(173,77,241)

#4df1ac

#4df1ac
rgb(77,241,172)

#f1ad4d

#f1ad4d
rgb(241,173,77)

Cores tetrádicas

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

#5b4df1

#5b4df1
rgb(91,77,241)

#4df1ac

#4df1ac
rgb(77,241,172)

#f14d92

#f14d92
rgb(241,77,146)

#e4f14d

#e4f14d
rgb(228,241,77)

Cores monocromáticas

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

#4df1ac

#4df1ac
rgb(77,241,172)

#bdf1dc

#bdf1dc
rgb(189,241,220)

#bbf1db

#bbf1db
rgb(187,241,219)

#b8f1d9

#b8f1d9
rgb(184,241,217)

#b6f1d8

#b6f1d8
rgb(182,241,216)

#b4f1d7

#b4f1d7
rgb(180,241,215)

Tons e Matizes de #4df1ac

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

Matiz (adicionando branco)
#4df1ac

#4df1ac
rgb(77,241,172)

#70f3bc

#70f3bc
rgb(112,243,188)

#94f6cd

#94f6cd
rgb(148,246,205)

#b7f9dd

#b7f9dd
rgb(183,249,221)

#dbfcee

#dbfcee
rgb(219,252,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4df1ac

#4df1ac
rgb(77,241,172)

#3dc089

#3dc089
rgb(61,192,137)

#2e9067

#2e9067
rgb(46,144,103)

#1e6044

#1e6044
rgb(30,96,68)

#0f3022

#0f3022
rgb(15,48,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4df1ac

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

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

Contraste

Branco e #4df1ac
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 #4df1ac
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 #4df1ac

Este exemplo mostra como o texto na cor #4df1ac se parece.

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

Este parágrafo tem fundo de cor #4df1ac.

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

Este elemento tem uma cor de borda de #4df1ac.

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

Cores alietórias

#798b46

#798b46
rgb(121,139,70)

#200f0b

#200f0b
rgb(32,15,11)

#c39c2a

#c39c2a
rgb(195,156,42)

#5d3228

#5d3228
rgb(93,50,40)

#87599d

#87599d
rgb(135,89,157)

#e8fea5

#e8fea5
rgb(232,254,165)

#318124

#318124
rgb(49,129,36)

#8e0aa8

#8e0aa8
rgb(142,10,168)

#9dc5e0

#9dc5e0
rgb(157,197,224)

#012cf6

#012cf6
rgb(1,44,246)

#0decb9

#0decb9
rgb(13,236,185)

#4156f1

#4156f1
rgb(65,86,241)