Informação da cor #058782

A cor hexadecimal 058782 no modelo de cores RGB (Red, Green, Blue), é um composta por 5 de vermelho, 135 de verde e 130 de azul.

No padrão de cores CMYK, é composto por 96.3% de ciano, 0% de magenta, 3.7% de amarelo e 47.1% de preto. Tem um ângulo de matiz de 177.7 graus, uma saturação de 92.9% e uma leveza de 27.5%.

A cor mais próxima WebSafe é 006666.

Conversões de #058782 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 058782
RGB 5, 135, 130
RGB Percentagem 2%, 52.9%, 51%
CMYK 0.96, 0, 0.04, 0.47
HSL 177.7°, 92.9%, 27.5%
HSV (ou HSB) 177.7°, 96.3%, 52.9%
RYB 2, 28.2, 52.9
Formato Cor
XYZ 14.4, 21.4, 27.3
CIELab 53.34, -32.47, -6.55
Decimal 362370
Yxy 18.9702, 0.2284, 0.3398
YUV 95.56, 147.4357, 63.4066
CIELuv 50.6523, -39.3892, -4.2299
Web Safe 006666

Distribuição de #058782

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.

#058782

#058782
rgb(5,135,130)

#87050b

#87050b
rgb(135,5,11)

Cores triadicas

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

#820587

#820587
rgb(130,5,135)

#058782

#058782
rgb(5,135,130)

#878205

#878205
rgb(135,130,5)

Cores tetrádicas

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

#410587

#410587
rgb(65,5,135)

#058782

#058782
rgb(5,135,130)

#87050b

#87050b
rgb(135,5,11)

#4c8705

#4c8705
rgb(76,135,5)

Cores monocromáticas

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

#058782

#058782
rgb(5,135,130)

#6a8786

#6a8786
rgb(106,135,134)

#688786

#688786
rgb(104,135,134)

#678786

#678786
rgb(103,135,134)

#668786

#668786
rgb(102,135,134)

#648786

#648786
rgb(100,135,134)

Tons e Matizes de #058782

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

Matiz (adicionando branco)
#058782

#058782
rgb(5,135,130)

#379f9b

#379f9b
rgb(55,159,155)

#69b7b4

#69b7b4
rgb(105,183,180)

#9bcfcd

#9bcfcd
rgb(155,207,205)

#cde7e6

#cde7e6
rgb(205,231,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#058782

#058782
rgb(5,135,130)

#046c68

#046c68
rgb(4,108,104)

#03514e

#03514e
rgb(3,81,78)

#013533

#013533
rgb(1,53,51)

#001a19

#001a19
rgb(0,26,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #058782

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

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

Contraste

Branco e #058782
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 #058782
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 #058782

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

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

Este parágrafo tem fundo de cor #058782.

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

Este elemento tem uma cor de borda de #058782.

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

Cores alietórias

#70dd4d

#70dd4d
rgb(112,221,77)

#f07de3

#f07de3
rgb(240,125,227)

#61da1a

#61da1a
rgb(97,218,26)

#1d8068

#1d8068
rgb(29,128,104)

#9f6449

#9f6449
rgb(159,100,73)

#fc97fe

#fc97fe
rgb(252,151,254)

#0f45c0

#0f45c0
rgb(15,69,192)

#a0373d

#a0373d
rgb(160,55,61)

#863487

#863487
rgb(134,52,135)

#788044

#788044
rgb(120,128,68)

#1db9f6

#1db9f6
rgb(29,185,246)

#b4e83f

#b4e83f
rgb(180,232,63)