Informação da cor #59af75

A cor hexadecimal 59af75 no modelo de cores RGB (Red, Green, Blue), é um composta por 89 de vermelho, 175 de verde e 117 de azul.

No padrão de cores CMYK, é composto por 49.1% de ciano, 0% de magenta, 33.1% de amarelo e 31.4% de preto. Tem um ângulo de matiz de 139.5 graus, uma saturação de 35% e uma leveza de 51.8%.

A cor mais próxima WebSafe é 339966.

Conversões de #59af75 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 59af75
RGB 89, 175, 117
RGB Percentagem 34.9%, 68.6%, 45.9%
CMYK 0.49, 0, 0.33, 0.31
HSL 139.5°, 35%, 51.8%
HSV (ou HSB) 139.5°, 49.1%, 68.6%
RYB 34.9, 60.4, 68.6
Formato Cor
XYZ 25.2, 37, 25.2
CIELab 67.25, -37.82, 20.67
Decimal 5877621
Yxy 34.0664, 0.2871, 0.4316
YUV 142.674, 113.5113, 89.7161
CIELuv 65.0152, -39.5966, 35.8559
Web Safe 339966

Distribuição de #59af75

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.

#59af75

#59af75
rgb(89,175,117)

#af5994

#af5994
rgb(175,89,148)

Cores triadicas

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

#7559af

#7559af
rgb(117,89,175)

#59af75

#59af75
rgb(89,175,117)

#af7559

#af7559
rgb(175,117,89)

Cores tetrádicas

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

#5969af

#5969af
rgb(89,105,175)

#59af75

#59af75
rgb(89,175,117)

#af5994

#af5994
rgb(175,89,148)

#afa059

#afa059
rgb(175,160,89)

Cores monocromáticas

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

#59af75

#59af75
rgb(89,175,117)

#8aaf96

#8aaf96
rgb(138,175,150)

#88af95

#88af95
rgb(136,175,149)

#86af94

#86af94
rgb(134,175,148)

#85af93

#85af93
rgb(133,175,147)

#83af91

#83af91
rgb(131,175,145)

Tons e Matizes de #59af75

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

Matiz (adicionando branco)
#59af75

#59af75
rgb(89,175,117)

#7abf90

#7abf90
rgb(122,191,144)

#9bcfac

#9bcfac
rgb(155,207,172)

#bcdfc7

#bcdfc7
rgb(188,223,199)

#ddefe3

#ddefe3
rgb(221,239,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#59af75

#59af75
rgb(89,175,117)

#478c5d

#478c5d
rgb(71,140,93)

#356946

#356946
rgb(53,105,70)

#23452e

#23452e
rgb(35,69,46)

#112217

#112217
rgb(17,34,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #59af75

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #59af75

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

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

Este parágrafo tem fundo de cor #59af75.

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

Este elemento tem uma cor de borda de #59af75.

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

Cores alietórias

#fee7b3

#fee7b3
rgb(254,231,179)

#b5505e

#b5505e
rgb(181,80,94)

#a50b5b

#a50b5b
rgb(165,11,91)

#a24f0f

#a24f0f
rgb(162,79,15)

#038c2f

#038c2f
rgb(3,140,47)

#27f8e9

#27f8e9
rgb(39,248,233)

#a1532d

#a1532d
rgb(161,83,45)

#e24e64

#e24e64
rgb(226,78,100)

#85cd6e

#85cd6e
rgb(133,205,110)

#6bb9e3

#6bb9e3
rgb(107,185,227)

#173545

#173545
rgb(23,53,69)

#c3965f

#c3965f
rgb(195,150,95)