Informação da cor #99f821

A cor hexadecimal 99f821 no modelo de cores RGB (Red, Green, Blue), é um composta por 153 de vermelho, 248 de verde e 33 de azul.

No padrão de cores CMYK, é composto por 38.3% de ciano, 0% de magenta, 86.7% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 86.5 graus, uma saturação de 93.9% e uma leveza de 55.1%.

A cor mais próxima WebSafe é 99CC00.

Conversões de #99f821 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 99f821
RGB 153, 248, 33
RGB Percentagem 60%, 97.3%, 12.9%
CMYK 0.38, 0, 0.87, 0.03
HSL 86.5°, 93.9%, 55.1%
HSV (ou HSB) 86.5°, 86.7%, 97.3%
RYB 12.9, 97.3, 50.2
Formato Cor
XYZ 48.6, 75.1, 14
CIELab 89.44, -54.69, 80.91
Decimal 10090529
Yxy 74.0147, 0.35, 0.5514
YUV 195.085, 36.5299, 97.9821
CIELuv 88.9294, -47.2217, 101.9546
Web Safe 99CC00

Distribuição de #99f821

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.

#99f821

#99f821
rgb(153,248,33)

#8021f8

#8021f8
rgb(128,33,248)

Cores triadicas

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

#219af8

#219af8
rgb(33,154,248)

#99f821

#99f821
rgb(153,248,33)

#f8219a

#f8219a
rgb(248,33,154)

Cores tetrádicas

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

#21f8ec

#21f8ec
rgb(33,248,236)

#99f821

#99f821
rgb(153,248,33)

#8021f8

#8021f8
rgb(128,33,248)

#f8212e

#f8212e
rgb(248,33,46)

Cores monocromáticas

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

#99f821

#99f821
rgb(153,248,33)

#e1f8c2

#e1f8c2
rgb(225,248,194)

#dff8c0

#dff8c0
rgb(223,248,192)

#def8bd

#def8bd
rgb(222,248,189)

#ddf8bb

#ddf8bb
rgb(221,248,187)

#dcf8b8

#dcf8b8
rgb(220,248,184)

Tons e Matizes de #99f821

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

Matiz (adicionando branco)
#99f821

#99f821
rgb(153,248,33)

#adf94d

#adf94d
rgb(173,249,77)

#c1fa79

#c1fa79
rgb(193,250,121)

#d6fca6

#d6fca6
rgb(214,252,166)

#eafdd2

#eafdd2
rgb(234,253,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#99f821

#99f821
rgb(153,248,33)

#7ac61a

#7ac61a
rgb(122,198,26)

#5b9413

#5b9413
rgb(91,148,19)

#3d630d

#3d630d
rgb(61,99,13)

#1e3106

#1e3106
rgb(30,49,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #99f821

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

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

Contraste

Branco e #99f821
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 #99f821
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 #99f821

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

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

Este parágrafo tem fundo de cor #99f821.

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

Este elemento tem uma cor de borda de #99f821.

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

Cores alietórias

#9b5c64

#9b5c64
rgb(155,92,100)

#405cf5

#405cf5
rgb(64,92,245)

#e043dc

#e043dc
rgb(224,67,220)

#e0fb88

#e0fb88
rgb(224,251,136)

#ecc899

#ecc899
rgb(236,200,153)

#83dc5b

#83dc5b
rgb(131,220,91)

#215808

#215808
rgb(33,88,8)

#3df467

#3df467
rgb(61,244,103)

#87e406

#87e406
rgb(135,228,6)

#6c8439

#6c8439
rgb(108,132,57)

#eecd83

#eecd83
rgb(238,205,131)

#e220b7

#e220b7
rgb(226,32,183)