Informação da cor #9fe921

A cor hexadecimal 9fe921 no modelo de cores RGB (Red, Green, Blue), é um composta por 159 de vermelho, 233 de verde e 33 de azul.

No padrão de cores CMYK, é composto por 31.8% de ciano, 0% de magenta, 85.8% de amarelo e 8.6% de preto. Tem um ângulo de matiz de 82.2 graus, uma saturação de 82% e uma leveza de 52.2%.

A cor mais próxima WebSafe é 99CC00.

Conversões de #9fe921 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 9fe921
RGB 159, 233, 33
RGB Percentagem 62.4%, 91.4%, 12.9%
CMYK 0.32, 0, 0.86, 0.09
HSL 82.2°, 82%, 52.2%
HSV (ou HSB) 82.2°, 85.8%, 91.4%
RYB 12.9, 91.4, 42
Formato Cor
XYZ 45.7, 67.5, 12.7
CIELab 85.75, -47.02, 77.82
Decimal 10479905
Yxy 65.7572, 0.3604, 0.5421
YUV 188.074, 40.4865, 107.2624
CIELuv 84.8724, -37.2384, 96.0677
Web Safe 99CC00

Distribuição de #9fe921

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.

#9fe921

#9fe921
rgb(159,233,33)

#6b21e9

#6b21e9
rgb(107,33,233)

Cores triadicas

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

#21a0e9

#21a0e9
rgb(33,160,233)

#9fe921

#9fe921
rgb(159,233,33)

#e921a0

#e921a0
rgb(233,33,160)

Cores tetrádicas

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

#21e9cf

#21e9cf
rgb(33,233,207)

#9fe921

#9fe921
rgb(159,233,33)

#6b21e9

#6b21e9
rgb(107,33,233)

#e9213c

#e9213c
rgb(233,33,60)

Cores monocromáticas

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

#9fe921

#9fe921
rgb(159,233,33)

#d7e9b7

#d7e9b7
rgb(215,233,183)

#d6e9b4

#d6e9b4
rgb(214,233,180)

#d5e9b2

#d5e9b2
rgb(213,233,178)

#d4e9b0

#d4e9b0
rgb(212,233,176)

#d3e9ad

#d3e9ad
rgb(211,233,173)

Tons e Matizes de #9fe921

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

Matiz (adicionando branco)
#9fe921

#9fe921
rgb(159,233,33)

#b2ed4d

#b2ed4d
rgb(178,237,77)

#c5f179

#c5f179
rgb(197,241,121)

#d8f6a6

#d8f6a6
rgb(216,246,166)

#ebfad2

#ebfad2
rgb(235,250,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9fe921

#9fe921
rgb(159,233,33)

#7fba1a

#7fba1a
rgb(127,186,26)

#5f8b13

#5f8b13
rgb(95,139,19)

#3f5d0d

#3f5d0d
rgb(63,93,13)

#1f2e06

#1f2e06
rgb(31,46,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9fe921

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

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

Contraste

Branco e #9fe921
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 #9fe921
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 #9fe921

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

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

Este parágrafo tem fundo de cor #9fe921.

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

Este elemento tem uma cor de borda de #9fe921.

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

Cores alietórias

#380956

#380956
rgb(56,9,86)

#dcaf41

#dcaf41
rgb(220,175,65)

#dab369

#dab369
rgb(218,179,105)

#16b261

#16b261
rgb(22,178,97)

#b0e104

#b0e104
rgb(176,225,4)

#a9b46d

#a9b46d
rgb(169,180,109)

#8df88d

#8df88d
rgb(141,248,141)

#786225

#786225
rgb(120,98,37)

#244a25

#244a25
rgb(36,74,37)

#83ee5b

#83ee5b
rgb(131,238,91)

#e0d2bb

#e0d2bb
rgb(224,210,187)

#1bb3bb

#1bb3bb
rgb(27,179,187)