Informação da cor #587762

A cor hexadecimal 587762 no modelo de cores RGB (Red, Green, Blue), é um composta por 88 de vermelho, 119 de verde e 98 de azul.

No padrão de cores CMYK, é composto por 26.1% de ciano, 0% de magenta, 17.6% de amarelo e 53.3% de preto. Tem um ângulo de matiz de 139.4 graus, uma saturação de 15% e uma leveza de 40.6%.

A cor mais próxima WebSafe é 336633.

Conversões de #587762 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 587762
RGB 88, 119, 98
RGB Percentagem 34.5%, 46.7%, 38.4%
CMYK 0.26, 0, 0.18, 0.53
HSL 139.4°, 15%, 40.6%
HSV (ou HSB) 139.4°, 26.1%, 46.7%
RYB 34.5, 43.9, 46.7
Formato Cor
XYZ 15.1, 18.8, 16.6
CIELab 50.4, -15.38, 7.67
Decimal 5797730
Yxy 16.1497, 0.2985, 0.3758
YUV 107.337, 122.7308, 114.2076
CIELuv 47.1703, -15.4164, 12.8529
Web Safe 336633

Distribuição de #587762

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.

#587762

#587762
rgb(88,119,98)

#77586e

#77586e
rgb(119,88,110)

Cores triadicas

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

#625877

#625877
rgb(98,88,119)

#587762

#587762
rgb(88,119,98)

#776258

#776258
rgb(119,98,88)

Cores tetrádicas

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

#585e77

#585e77
rgb(88,94,119)

#587762

#587762
rgb(88,119,98)

#77586e

#77586e
rgb(119,88,110)

#777258

#777258
rgb(119,114,88)

Cores monocromáticas

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

#587762

#587762
rgb(88,119,98)

#5e7766

#5e7766
rgb(94,119,102)

#5d7766

#5d7766
rgb(93,119,102)

#5c7765

#5c7765
rgb(92,119,101)

#5b7764

#5b7764
rgb(91,119,100)

#597763

#597763
rgb(89,119,99)

Tons e Matizes de #587762

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

Matiz (adicionando branco)
#587762

#587762
rgb(88,119,98)

#799281

#799281
rgb(121,146,129)

#9aada0

#9aada0
rgb(154,173,160)

#bcc8c0

#bcc8c0
rgb(188,200,192)

#dde3df

#dde3df
rgb(221,227,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#587762

#587762
rgb(88,119,98)

#465f4e

#465f4e
rgb(70,95,78)

#34473a

#34473a
rgb(52,71,58)

#232f27

#232f27
rgb(35,47,39)

#111713

#111713
rgb(17,23,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #587762

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

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

Contraste

Branco e #587762
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.

Preto e #587762
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.

Exemplos CSS

Texto com cor hexadecimal #587762

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

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

Este parágrafo tem fundo de cor #587762.

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

Este elemento tem uma cor de borda de #587762.

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

Cores alietórias

#ba43ac

#ba43ac
rgb(186,67,172)

#ce0ecd

#ce0ecd
rgb(206,14,205)

#532415

#532415
rgb(83,36,21)

#cfda76

#cfda76
rgb(207,218,118)

#1d8641

#1d8641
rgb(29,134,65)

#d7bb50

#d7bb50
rgb(215,187,80)

#1a8062

#1a8062
rgb(26,128,98)

#517e7a

#517e7a
rgb(81,126,122)

#f86962

#f86962
rgb(248,105,98)

#20b5df

#20b5df
rgb(32,181,223)

#7d0f90

#7d0f90
rgb(125,15,144)

#320568

#320568
rgb(50,5,104)