Informação da cor #59fb31

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

No padrão de cores CMYK, é composto por 64.5% de ciano, 0% de magenta, 80.5% de amarelo e 1.6% de preto. Tem um ângulo de matiz de 108.1 graus, uma saturação de 96.2% e uma leveza de 58.8%.

A cor mais próxima WebSafe é 33CC00.

Conversões de #59fb31 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 59fb31
RGB 89, 251, 49
RGB Percentagem 34.9%, 98.4%, 19.2%
CMYK 0.65, 0, 0.8, 0.02
HSL 108.1°, 96.2%, 58.8%
HSV (ou HSB) 108.1°, 80.5%, 98.4%
RYB 19.2, 98.4, 82.7
Formato Cor
XYZ 40.3, 72.1, 15.7
CIELab 88, -72.56, 74.51
Decimal 5897009
Yxy 71.336, 0.3131, 0.5702
YUV 179.534, 54.3352, 63.425
CIELuv 87.648, -70.5958, 100.8089
Web Safe 33CC00

Distribuição de #59fb31

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.

#59fb31

#59fb31
rgb(89,251,49)

#d432fb

#d432fb
rgb(212,50,251)

Cores triadicas

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

#3259fb

#3259fb
rgb(50,89,251)

#59fb31

#59fb31
rgb(89,251,49)

#fb3259

#fb3259
rgb(251,50,89)

Cores tetrádicas

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

#32befb

#32befb
rgb(50,190,251)

#59fb31

#59fb31
rgb(89,251,49)

#d432fb

#d432fb
rgb(212,50,251)

#fb6f32

#fb6f32
rgb(251,111,50)

Cores monocromáticas

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

#59fb31

#59fb31
rgb(89,251,49)

#d0fbc5

#d0fbc5
rgb(208,251,197)

#cefbc2

#cefbc2
rgb(206,251,194)

#ccfbc0

#ccfbc0
rgb(204,251,192)

#cafbbd

#cafbbd
rgb(202,251,189)

#c8fbbb

#c8fbbb
rgb(200,251,187)

Tons e Matizes de #59fb31

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

Matiz (adicionando branco)
#59fb31

#59fb31
rgb(89,251,49)

#7afb5a

#7afb5a
rgb(122,251,90)

#9bfc83

#9bfc83
rgb(155,252,131)

#bcfdac

#bcfdac
rgb(188,253,172)

#ddfed5

#ddfed5
rgb(221,254,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#59fb31

#59fb31
rgb(89,251,49)

#47c827

#47c827
rgb(71,200,39)

#35961d

#35961d
rgb(53,150,29)

#236413

#236413
rgb(35,100,19)

#113209

#113209
rgb(17,50,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #59fb31

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

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

Contraste

Branco e #59fb31
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 #59fb31
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 #59fb31

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

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

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

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

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

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

Cores alietórias

#9aa8c7

#9aa8c7
rgb(154,168,199)

#5b81a8

#5b81a8
rgb(91,129,168)

#6b6396

#6b6396
rgb(107,99,150)

#6c6f33

#6c6f33
rgb(108,111,51)

#7b51ec

#7b51ec
rgb(123,81,236)

#eb5694

#eb5694
rgb(235,86,148)

#ae292e

#ae292e
rgb(174,41,46)

#10d7fa

#10d7fa
rgb(16,215,250)

#d8b7de

#d8b7de
rgb(216,183,222)

#8e7c63

#8e7c63
rgb(142,124,99)

#ca0982

#ca0982
rgb(202,9,130)

#20f3db

#20f3db
rgb(32,243,219)