Informação da cor #4fb9a1

A cor hexadecimal 4fb9a1 no modelo de cores RGB (Red, Green, Blue), é um composta por 79 de vermelho, 185 de verde e 161 de azul.

No padrão de cores CMYK, é composto por 57.3% de ciano, 0% de magenta, 13% de amarelo e 27.5% de preto. Tem um ângulo de matiz de 166.4 graus, uma saturação de 43.1% e uma leveza de 51.8%.

A cor mais próxima WebSafe é 339999.

Conversões de #4fb9a1 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 4fb9a1
RGB 79, 185, 161
RGB Percentagem 31%, 72.5%, 63.1%
CMYK 0.57, 0, 0.13, 0.27
HSL 166.4°, 43.1%, 51.8%
HSV (ou HSB) 166.4°, 57.3%, 72.6%
RYB 31, 54.5, 72.5
Formato Cor
XYZ 29.4, 41.7, 43.3
CIELab 70.67, -35.35, 2.43
Decimal 5224865
Yxy 38.9308, 0.2554, 0.3682
YUV 150.57, 133.886, 76.9515
CIELuv 68.7011, -44.6119, 10.1699
Web Safe 339999

Distribuição de #4fb9a1

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.

#4fb9a1

#4fb9a1
rgb(79,185,161)

#b95068

#b95068
rgb(185,80,104)

Cores triadicas

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

#a150b9

#a150b9
rgb(161,80,185)

#4fb9a1

#4fb9a1
rgb(79,185,161)

#b9a150

#b9a150
rgb(185,161,80)

Cores tetrádicas

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

#6c50b9

#6c50b9
rgb(108,80,185)

#4fb9a1

#4fb9a1
rgb(79,185,161)

#b95068

#b95068
rgb(185,80,104)

#9db950

#9db950
rgb(157,185,80)

Cores monocromáticas

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

#4fb9a1

#4fb9a1
rgb(79,185,161)

#92b9b0

#92b9b0
rgb(146,185,176)

#90b9b0

#90b9b0
rgb(144,185,176)

#8eb9b0

#8eb9b0
rgb(142,185,176)

#8cb9af

#8cb9af
rgb(140,185,175)

#8ab9af

#8ab9af
rgb(138,185,175)

Tons e Matizes de #4fb9a1

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

Matiz (adicionando branco)
#4fb9a1

#4fb9a1
rgb(79,185,161)

#72c7b3

#72c7b3
rgb(114,199,179)

#95d5c6

#95d5c6
rgb(149,213,198)

#b8e3d9

#b8e3d9
rgb(184,227,217)

#dbf1ec

#dbf1ec
rgb(219,241,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4fb9a1

#4fb9a1
rgb(79,185,161)

#3f9480

#3f9480
rgb(63,148,128)

#2f6f60

#2f6f60
rgb(47,111,96)

#1f4940

#1f4940
rgb(31,73,64)

#0f2420

#0f2420
rgb(15,36,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4fb9a1

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#607f30

#607f30
rgb(96,127,48)

#f9c3fb

#f9c3fb
rgb(249,195,251)

#351eb9

#351eb9
rgb(53,30,185)

#486e5f

#486e5f
rgb(72,110,95)

#bd67a3

#bd67a3
rgb(189,103,163)

#77f26e

#77f26e
rgb(119,242,110)

#bddcd7

#bddcd7
rgb(189,220,215)

#522425

#522425
rgb(82,36,37)

#f1fa37

#f1fa37
rgb(241,250,55)

#e1980b

#e1980b
rgb(225,152,11)

#1534b7

#1534b7
rgb(21,52,183)

#d97e2d

#d97e2d
rgb(217,126,45)