Informação da cor #059eb6

A cor hexadecimal 059eb6 no modelo de cores RGB (Red, Green, Blue), é um composta por 5 de vermelho, 158 de verde e 182 de azul.

No padrão de cores CMYK, é composto por 97.3% de ciano, 13.2% de magenta, 0% de amarelo e 28.6% de preto. Tem um ângulo de matiz de 188.1 graus, uma saturação de 94.7% e uma leveza de 36.7%.

A cor mais próxima WebSafe é 009999.

Conversões de #059eb6 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 059eb6
RGB 5, 158, 182
RGB Percentagem 2%, 62%, 71.4%
CMYK 0.97, 0.13, 0, 0.29
HSL 188.1°, 94.7%, 36.7%
HSV (ou HSB) 188.1°, 97.3%, 71.4%
RYB 2, 34.5, 71.4
Formato Cor
XYZ 22.4, 30.4, 51.8
CIELab 61.97, -27.12, -21.71
Decimal 368310
Yxy 27.8606, 0.2134, 0.2869
YUV 114.989, 165.8166, 49.5485
CIELuv 59.7626, -43.4417, -30.416
Web Safe 009999

Distribuição de #059eb6

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.

#059eb6

#059eb6
rgb(5,158,182)

#b61d06

#b61d06
rgb(182,29,6)

Cores triadicas

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

#b6069f

#b6069f
rgb(182,6,159)

#059eb6

#059eb6
rgb(5,158,182)

#9fb606

#9fb606
rgb(159,182,6)

Cores tetrádicas

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

#7606b6

#7606b6
rgb(118,6,182)

#059eb6

#059eb6
rgb(5,158,182)

#b61d06

#b61d06
rgb(182,29,6)

#46b606

#46b606
rgb(70,182,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.

#059eb6

#059eb6
rgb(5,158,182)

#8fb1b6

#8fb1b6
rgb(143,177,182)

#8db1b6

#8db1b6
rgb(141,177,182)

#8bb1b6

#8bb1b6
rgb(139,177,182)

#89b0b6

#89b0b6
rgb(137,176,182)

#87b0b6

#87b0b6
rgb(135,176,182)

Tons e Matizes de #059eb6

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

Matiz (adicionando branco)
#059eb6

#059eb6
rgb(5,158,182)

#37b1c4

#37b1c4
rgb(55,177,196)

#69c4d3

#69c4d3
rgb(105,196,211)

#9bd8e1

#9bd8e1
rgb(155,216,225)

#cdebf0

#cdebf0
rgb(205,235,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#059eb6

#059eb6
rgb(5,158,182)

#047e91

#047e91
rgb(4,126,145)

#035e6d

#035e6d
rgb(3,94,109)

#013f48

#013f48
rgb(1,63,72)

#001f24

#001f24
rgb(0,31,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #059eb6

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

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

Contraste

Branco e #059eb6
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 #059eb6
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 #059eb6

Este exemplo mostra como o texto na cor #059eb6 se parece.

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

Este parágrafo tem fundo de cor #059eb6.

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

Este elemento tem uma cor de borda de #059eb6.

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

Cores alietórias

#3df66e

#3df66e
rgb(61,246,110)

#2d934f

#2d934f
rgb(45,147,79)

#fb9b86

#fb9b86
rgb(251,155,134)

#c08b83

#c08b83
rgb(192,139,131)

#66f18e

#66f18e
rgb(102,241,142)

#d29c54

#d29c54
rgb(210,156,84)

#01dd2f

#01dd2f
rgb(1,221,47)

#2c656c

#2c656c
rgb(44,101,108)

#9dab86

#9dab86
rgb(157,171,134)

#c7c54c

#c7c54c
rgb(199,197,76)

#4cabcc

#4cabcc
rgb(76,171,204)

#703a57

#703a57
rgb(112,58,87)