Informação da cor #0588e1

A cor hexadecimal 0588e1 no modelo de cores RGB (Red, Green, Blue), é um composta por 5 de vermelho, 136 de verde e 225 de azul.

No padrão de cores CMYK, é composto por 97.8% de ciano, 39.6% de magenta, 0% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 204.3 graus, uma saturação de 95.7% e uma leveza de 45.1%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #0588e1 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 0588e1
RGB 5, 136, 225
RGB Percentagem 2%, 53.3%, 88.2%
CMYK 0.98, 0.4, 0, 0.12
HSL 204.3°, 95.7%, 45.1%
HSV (ou HSB) 204.3°, 97.8%, 88.2%
RYB 2, 34.5, 88.2
Formato Cor
XYZ 23.9, 25.4, 76.6
CIELab 57.45, -1.13, -51.21
Decimal 362721
Yxy 23.0738, 0.1871, 0.1923
YUV 106.977, 194.6044, 55.2632
CIELuv 55.1483, -33.0818, -84.2886
Web Safe 0066CC

Distribuição de #0588e1

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.

#0588e1

#0588e1
rgb(5,136,225)

#e15e06

#e15e06
rgb(225,94,6)

Cores triadicas

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

#e10689

#e10689
rgb(225,6,137)

#0588e1

#0588e1
rgb(5,136,225)

#89e106

#89e106
rgb(137,225,6)

Cores tetrádicas

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

#cc06e1

#cc06e1
rgb(204,6,225)

#0588e1

#0588e1
rgb(5,136,225)

#e15e06

#e15e06
rgb(225,94,6)

#1be106

#1be106
rgb(27,225,6)

Cores monocromáticas

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

#0588e1

#0588e1
rgb(5,136,225)

#b0cde1

#b0cde1
rgb(176,205,225)

#aecde1

#aecde1
rgb(174,205,225)

#accce1

#accce1
rgb(172,204,225)

#a9cbe1

#a9cbe1
rgb(169,203,225)

#a7cae1

#a7cae1
rgb(167,202,225)

Tons e Matizes de #0588e1

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

Matiz (adicionando branco)
#0588e1

#0588e1
rgb(5,136,225)

#379fe7

#379fe7
rgb(55,159,231)

#69b7ed

#69b7ed
rgb(105,183,237)

#9bcff3

#9bcff3
rgb(155,207,243)

#cde7f9

#cde7f9
rgb(205,231,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0588e1

#0588e1
rgb(5,136,225)

#046cb4

#046cb4
rgb(4,108,180)

#035187

#035187
rgb(3,81,135)

#013659

#013659
rgb(1,54,89)

#001b2c

#001b2c
rgb(0,27,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0588e1

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

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

Contraste

Branco e #0588e1
Texto grande WCAG AA ✓ 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 #0588e1
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #0588e1

Este exemplo mostra como o texto na cor #0588e1 se parece.

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

Este parágrafo tem fundo de cor #0588e1.

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

Este elemento tem uma cor de borda de #0588e1.

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

Cores alietórias

#840183

#840183
rgb(132,1,131)

#8aaf31

#8aaf31
rgb(138,175,49)

#f564a9

#f564a9
rgb(245,100,169)

#f1fd69

#f1fd69
rgb(241,253,105)

#662bdb

#662bdb
rgb(102,43,219)

#caf602

#caf602
rgb(202,246,2)

#f928e4

#f928e4
rgb(249,40,228)

#bcaef0

#bcaef0
rgb(188,174,240)

#622cd9

#622cd9
rgb(98,44,217)

#3ae28c

#3ae28c
rgb(58,226,140)

#e29f73

#e29f73
rgb(226,159,115)

#f5318e

#f5318e
rgb(245,49,142)