Informação da cor #4fea96

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

No padrão de cores CMYK, é composto por 66.2% de ciano, 0% de magenta, 35.9% de amarelo e 8.2% de preto. Tem um ângulo de matiz de 147.5 graus, uma saturação de 78.7% e uma leveza de 61.4%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #4fea96 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 4fea96
RGB 79, 234, 150
RGB Percentagem 31%, 91.8%, 58.8%
CMYK 0.66, 0, 0.36, 0.08
HSL 147.5°, 78.7%, 61.4%
HSV (ou HSB) 147.5°, 66.2%, 91.8%
RYB 31, 72.9, 91.8
Formato Cor
XYZ 40, 64.3, 42.2
CIELab 84.12, -56.95, 26.86
Decimal 5237398
Yxy 62.7058, 0.2729, 0.4486
YUV 178.079, 112.1541, 57.3302
CIELuv 83.2873, -63.3989, 50.6619
Web Safe 33CC66

Distribuição de #4fea96

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.

#4fea96

#4fea96
rgb(79,234,150)

#ea4fa3

#ea4fa3
rgb(234,79,163)

Cores triadicas

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

#974fea

#974fea
rgb(151,79,234)

#4fea96

#4fea96
rgb(79,234,150)

#ea974f

#ea974f
rgb(234,151,79)

Cores tetrádicas

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

#4f56ea

#4f56ea
rgb(79,86,234)

#4fea96

#4fea96
rgb(79,234,150)

#ea4fa3

#ea4fa3
rgb(234,79,163)

#eae44f

#eae44f
rgb(234,228,79)

Cores monocromáticas

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

#4fea96

#4fea96
rgb(79,234,150)

#b8eacf

#b8eacf
rgb(184,234,207)

#b5eace

#b5eace
rgb(181,234,206)

#b3eacc

#b3eacc
rgb(179,234,204)

#b1eacb

#b1eacb
rgb(177,234,203)

#aeeaca

#aeeaca
rgb(174,234,202)

Tons e Matizes de #4fea96

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

Matiz (adicionando branco)
#4fea96

#4fea96
rgb(79,234,150)

#72eeab

#72eeab
rgb(114,238,171)

#95f2c0

#95f2c0
rgb(149,242,192)

#b8f6d5

#b8f6d5
rgb(184,246,213)

#dbfaea

#dbfaea
rgb(219,250,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4fea96

#4fea96
rgb(79,234,150)

#3fbb78

#3fbb78
rgb(63,187,120)

#2f8c5a

#2f8c5a
rgb(47,140,90)

#1f5d3b

#1f5d3b
rgb(31,93,59)

#0f2e1d

#0f2e1d
rgb(15,46,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4fea96

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#744693

#744693
rgb(116,70,147)

#083662

#083662
rgb(8,54,98)

#3c8694

#3c8694
rgb(60,134,148)

#2a7e64

#2a7e64
rgb(42,126,100)

#3ac0ba

#3ac0ba
rgb(58,192,186)

#a605fb

#a605fb
rgb(166,5,251)

#a26a35

#a26a35
rgb(162,106,53)

#0d5967

#0d5967
rgb(13,89,103)

#f7ee47

#f7ee47
rgb(247,238,71)

#4c7372

#4c7372
rgb(76,115,114)

#ee3051

#ee3051
rgb(238,48,81)

#f9e25e

#f9e25e
rgb(249,226,94)