Informação da cor #4bf4a4

A cor hexadecimal 4bf4a4 no modelo de cores RGB (Red, Green, Blue), é um composta por 75 de vermelho, 244 de verde e 164 de azul.

No padrão de cores CMYK, é composto por 69.3% de ciano, 0% de magenta, 32.8% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 151.6 graus, uma saturação de 88.5% e uma leveza de 62.6%.

A cor mais próxima WebSafe é 33CC99.

Conversões de #4bf4a4 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 4bf4a4
RGB 75, 244, 164
RGB Percentagem 29.4%, 95.7%, 64.3%
CMYK 0.69, 0, 0.33, 0.04
HSL 151.6°, 88.5%, 62.6%
HSV (ou HSB) 151.6°, 69.3%, 95.7%
RYB 29.4, 72.9, 95.7
Formato Cor
XYZ 43.5, 70, 49.4
CIELab 87.01, -58.62, 23.96
Decimal 4977828
Yxy 68.8728, 0.2672, 0.4386
YUV 184.349, 116.5164, 50.005
CIELuv 86.441, -66.9525, 47.6538
Web Safe 33CC99

Distribuição de #4bf4a4

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.

#4bf4a4

#4bf4a4
rgb(75,244,164)

#f44b9b

#f44b9b
rgb(244,75,155)

Cores triadicas

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

#a54bf4

#a54bf4
rgb(165,75,244)

#4bf4a4

#4bf4a4
rgb(75,244,164)

#f4a54b

#f4a54b
rgb(244,165,75)

Cores tetrádicas

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

#504bf4

#504bf4
rgb(80,75,244)

#4bf4a4

#4bf4a4
rgb(75,244,164)

#f44b9b

#f44b9b
rgb(244,75,155)

#f0f44b

#f0f44b
rgb(240,244,75)

Cores monocromáticas

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

#4bf4a4

#4bf4a4
rgb(75,244,164)

#c0f4db

#c0f4db
rgb(192,244,219)

#bdf4da

#bdf4da
rgb(189,244,218)

#bbf4d9

#bbf4d9
rgb(187,244,217)

#b8f4d8

#b8f4d8
rgb(184,244,216)

#b6f4d7

#b6f4d7
rgb(182,244,215)

Tons e Matizes de #4bf4a4

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

Matiz (adicionando branco)
#4bf4a4

#4bf4a4
rgb(75,244,164)

#6ff6b6

#6ff6b6
rgb(111,246,182)

#93f8c8

#93f8c8
rgb(147,248,200)

#b7fada

#b7fada
rgb(183,250,218)

#dbfcec

#dbfcec
rgb(219,252,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4bf4a4

#4bf4a4
rgb(75,244,164)

#3cc383

#3cc383
rgb(60,195,131)

#2d9262

#2d9262
rgb(45,146,98)

#1d6141

#1d6141
rgb(29,97,65)

#0e3020

#0e3020
rgb(14,48,32)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4bf4a4

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#4fe551

#4fe551
rgb(79,229,81)

#7d69f9

#7d69f9
rgb(125,105,249)

#bf6f65

#bf6f65
rgb(191,111,101)

#69e409

#69e409
rgb(105,228,9)

#36ee29

#36ee29
rgb(54,238,41)

#c5942f

#c5942f
rgb(197,148,47)

#e87bd4

#e87bd4
rgb(232,123,212)

#8eeae6

#8eeae6
rgb(142,234,230)

#e4065f

#e4065f
rgb(228,6,95)

#0ddce8

#0ddce8
rgb(13,220,232)

#820f66

#820f66
rgb(130,15,102)

#24b98c

#24b98c
rgb(36,185,140)