Informação da cor #559e7b

A cor hexadecimal 559e7b no modelo de cores RGB (Red, Green, Blue), é um composta por 85 de vermelho, 158 de verde e 123 de azul.

No padrão de cores CMYK, é composto por 46.2% de ciano, 0% de magenta, 22.2% de amarelo e 38% de preto. Tem um ângulo de matiz de 151.2 graus, uma saturação de 30% e uma leveza de 47.7%.

A cor mais próxima WebSafe é 339966.

Conversões de #559e7b 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 559e7b
RGB 85, 158, 123
RGB Percentagem 33.3%, 62%, 48.2%
CMYK 0.46, 0, 0.22, 0.38
HSL 151.2°, 30%, 47.7%
HSV (ou HSB) 151.2°, 46.2%, 62%
RYB 33.3, 52.5, 62
Formato Cor
XYZ 22, 30.7, 26.2
CIELab 62.28, -30.27, 10.56
Decimal 5611131
Yxy 27.8136, 0.2775, 0.3949
YUV 132.183, 122.8177, 94.3459
CIELuv 59.72, -33.625, 20.4958
Web Safe 339966

Distribuição de #559e7b

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.

#559e7b

#559e7b
rgb(85,158,123)

#9e5578

#9e5578
rgb(158,85,120)

Cores triadicas

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

#7c559e

#7c559e
rgb(124,85,158)

#559e7b

#559e7b
rgb(85,158,123)

#9e7c55

#9e7c55
rgb(158,124,85)

Cores tetrádicas

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

#57559e

#57559e
rgb(87,85,158)

#559e7b

#559e7b
rgb(85,158,123)

#9e5578

#9e5578
rgb(158,85,120)

#9d9e55

#9d9e55
rgb(157,158,85)

Cores monocromáticas

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

#559e7b

#559e7b
rgb(85,158,123)

#7d9e8e

#7d9e8e
rgb(125,158,142)

#7b9e8d

#7b9e8d
rgb(123,158,141)

#799e8d

#799e8d
rgb(121,158,141)

#789e8c

#789e8c
rgb(120,158,140)

#769e8b

#769e8b
rgb(118,158,139)

Tons e Matizes de #559e7b

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

Matiz (adicionando branco)
#559e7b

#559e7b
rgb(85,158,123)

#77b195

#77b195
rgb(119,177,149)

#99c4af

#99c4af
rgb(153,196,175)

#bbd8ca

#bbd8ca
rgb(187,216,202)

#ddebe4

#ddebe4
rgb(221,235,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#559e7b

#559e7b
rgb(85,158,123)

#447e62

#447e62
rgb(68,126,98)

#335e49

#335e49
rgb(51,94,73)

#213f31

#213f31
rgb(33,63,49)

#101f18

#101f18
rgb(16,31,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #559e7b

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

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

Contraste

Branco e #559e7b
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 #559e7b
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 #559e7b

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

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

Este parágrafo tem fundo de cor #559e7b.

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

Este elemento tem uma cor de borda de #559e7b.

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

Cores alietórias

#9f419c

#9f419c
rgb(159,65,156)

#0985df

#0985df
rgb(9,133,223)

#d66e95

#d66e95
rgb(214,110,149)

#bd7a89

#bd7a89
rgb(189,122,137)

#8fdb19

#8fdb19
rgb(143,219,25)

#b1dd65

#b1dd65
rgb(177,221,101)

#1acb63

#1acb63
rgb(26,203,99)

#f55676

#f55676
rgb(245,86,118)

#f42809

#f42809
rgb(244,40,9)

#0822a5

#0822a5
rgb(8,34,165)

#3cd3b5

#3cd3b5
rgb(60,211,181)

#adced1

#adced1
rgb(173,206,209)