Informação da cor #5abfe4

A cor hexadecimal 5abfe4 no modelo de cores RGB (Red, Green, Blue), é um composta por 90 de vermelho, 191 de verde e 228 de azul.

No padrão de cores CMYK, é composto por 60.5% de ciano, 16.2% de magenta, 0% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 196.1 graus, uma saturação de 71.9% e uma leveza de 62.4%.

A cor mais próxima WebSafe é 3399CC.

Conversões de #5abfe4 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 5abfe4
RGB 90, 191, 228
RGB Percentagem 35.3%, 74.9%, 89.4%
CMYK 0.61, 0.16, 0, 0.11
HSL 196.1°, 71.9%, 62.4%
HSV (ou HSB) 196.1°, 60.5%, 89.4%
RYB 35.3, 58.4, 89.4
Formato Cor
XYZ 39.1, 47.7, 82.1
CIELab 74.63, -18.87, -25.78
Decimal 5947364
Yxy 45.033, 0.2274, 0.278
YUV 165.019, 163.5423, 74.4915
CIELuv 72.9136, -40.8993, -40.6982
Web Safe 3399CC

Distribuição de #5abfe4

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.

#5abfe4

#5abfe4
rgb(90,191,228)

#e4805a

#e4805a
rgb(228,128,90)

Cores triadicas

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

#e45abf

#e45abf
rgb(228,90,191)

#5abfe4

#5abfe4
rgb(90,191,228)

#bfe45a

#bfe45a
rgb(191,228,90)

Cores tetrádicas

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

#c55ae4

#c55ae4
rgb(197,90,228)

#5abfe4

#5abfe4
rgb(90,191,228)

#e4805a

#e4805a
rgb(228,128,90)

#7ae45a

#7ae45a
rgb(122,228,90)

Cores monocromáticas

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

#5abfe4

#5abfe4
rgb(90,191,228)

#b3d7e4

#b3d7e4
rgb(179,215,228)

#b1d7e4

#b1d7e4
rgb(177,215,228)

#afd6e4

#afd6e4
rgb(175,214,228)

#acd5e4

#acd5e4
rgb(172,213,228)

#aad5e4

#aad5e4
rgb(170,213,228)

Tons e Matizes de #5abfe4

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

Matiz (adicionando branco)
#5abfe4

#5abfe4
rgb(90,191,228)

#7bcbe9

#7bcbe9
rgb(123,203,233)

#9cd8ee

#9cd8ee
rgb(156,216,238)

#bde5f4

#bde5f4
rgb(189,229,244)

#def2f9

#def2f9
rgb(222,242,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5abfe4

#5abfe4
rgb(90,191,228)

#4898b6

#4898b6
rgb(72,152,182)

#367288

#367288
rgb(54,114,136)

#234c5b

#234c5b
rgb(35,76,91)

#11262d

#11262d
rgb(17,38,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5abfe4

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

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

Contraste

Branco e #5abfe4
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 #5abfe4
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 #5abfe4

Este exemplo mostra como o texto na cor #5abfe4 se parece.

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

Este parágrafo tem fundo de cor #5abfe4.

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

Este elemento tem uma cor de borda de #5abfe4.

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

Cores alietórias

#7e8b28

#7e8b28
rgb(126,139,40)

#c9b24f

#c9b24f
rgb(201,178,79)

#62585b

#62585b
rgb(98,88,91)

#0f806b

#0f806b
rgb(15,128,107)

#1b9072

#1b9072
rgb(27,144,114)

#5d53fb

#5d53fb
rgb(93,83,251)

#bdd172

#bdd172
rgb(189,209,114)

#08ef46

#08ef46
rgb(8,239,70)

#9151b3

#9151b3
rgb(145,81,179)

#cfee52

#cfee52
rgb(207,238,82)

#b90310

#b90310
rgb(185,3,16)

#2212b3

#2212b3
rgb(34,18,179)