Informação da cor #4bb7b5

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

No padrão de cores CMYK, é composto por 59% de ciano, 0% de magenta, 1.1% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 178.9 graus, uma saturação de 42.9% e uma leveza de 50.6%.

A cor mais próxima WebSafe é 339999.

Conversões de #4bb7b5 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 4bb7b5
RGB 75, 183, 181
RGB Percentagem 29.4%, 71.8%, 71%
CMYK 0.59, 0, 0.01, 0.28
HSL 178.9°, 42.9%, 50.6%
HSV (ou HSB) 178.9°, 59%, 71.8%
RYB 29.4, 51, 71.8
Formato Cor
XYZ 30.5, 41.5, 53
CIELab 70.5, -30.41, -8.19
Decimal 4962229
Yxy 38.6961, 0.2417, 0.332
YUV 150.48, 145.2235, 74.1626
CIELuv 68.5306, -43.7553, -7.7461
Web Safe 339999

Distribuição de #4bb7b5

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.

#4bb7b5

#4bb7b5
rgb(75,183,181)

#b74b4e

#b74b4e
rgb(183,75,78)

Cores triadicas

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

#b54bb7

#b54bb7
rgb(181,75,183)

#4bb7b5

#4bb7b5
rgb(75,183,181)

#b7b54b

#b7b54b
rgb(183,181,75)

Cores tetrádicas

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

#7f4bb7

#7f4bb7
rgb(127,75,183)

#4bb7b5

#4bb7b5
rgb(75,183,181)

#b74b4e

#b74b4e
rgb(183,75,78)

#84b74b

#84b74b
rgb(132,183,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.

#4bb7b5

#4bb7b5
rgb(75,183,181)

#90b7b7

#90b7b7
rgb(144,183,183)

#8eb7b7

#8eb7b7
rgb(142,183,183)

#8cb7b7

#8cb7b7
rgb(140,183,183)

#8ab7b7

#8ab7b7
rgb(138,183,183)

#89b7b7

#89b7b7
rgb(137,183,183)

Tons e Matizes de #4bb7b5

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

Matiz (adicionando branco)
#4bb7b5

#4bb7b5
rgb(75,183,181)

#6fc5c3

#6fc5c3
rgb(111,197,195)

#93d3d2

#93d3d2
rgb(147,211,210)

#b7e2e1

#b7e2e1
rgb(183,226,225)

#dbf0f0

#dbf0f0
rgb(219,240,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4bb7b5

#4bb7b5
rgb(75,183,181)

#3c9290

#3c9290
rgb(60,146,144)

#2d6d6c

#2d6d6c
rgb(45,109,108)

#1d4948

#1d4948
rgb(29,73,72)

#0e2424

#0e2424
rgb(14,36,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4bb7b5

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#5257ae

#5257ae
rgb(82,87,174)

#45f38f

#45f38f
rgb(69,243,143)

#bd6934

#bd6934
rgb(189,105,52)

#2de5b0

#2de5b0
rgb(45,229,176)

#b4d944

#b4d944
rgb(180,217,68)

#8227db

#8227db
rgb(130,39,219)

#b7b41e

#b7b41e
rgb(183,180,30)

#ca3abe

#ca3abe
rgb(202,58,190)

#256a3a

#256a3a
rgb(37,106,58)

#46269f

#46269f
rgb(70,38,159)

#70a407

#70a407
rgb(112,164,7)

#30e274

#30e274
rgb(48,226,116)