Informação da cor #8fdd21

A cor hexadecimal 8fdd21 no modelo de cores RGB (Red, Green, Blue), é um composta por 143 de vermelho, 221 de verde e 33 de azul.

No padrão de cores CMYK, é composto por 35.3% de ciano, 0% de magenta, 85.1% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 84.9 graus, uma saturação de 74% e uma leveza de 49.8%.

A cor mais próxima WebSafe é 66CC00.

Conversões de #8fdd21 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 8fdd21
RGB 143, 221, 33
RGB Percentagem 56.1%, 86.7%, 12.9%
CMYK 0.35, 0, 0.85, 0.13
HSL 84.9°, 74%, 49.8%
HSV (ou HSB) 84.9°, 85.1%, 86.7%
RYB 12.9, 86.7, 43.5
Formato Cor
XYZ 39.6, 59.8, 11.5
CIELab 81.72, -47.88, 73.97
Decimal 9428257
Yxy 57.6609, 0.3543, 0.5454
YUV 176.246, 47.1614, 104.2867
CIELuv 80.5499, -39.2105, 91.3009
Web Safe 66CC00

Distribuição de #8fdd21

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.

#8fdd21

#8fdd21
rgb(143,221,33)

#6f21dd

#6f21dd
rgb(111,33,221)

Cores triadicas

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

#2190dd

#2190dd
rgb(33,144,221)

#8fdd21

#8fdd21
rgb(143,221,33)

#dd2190

#dd2190
rgb(221,33,144)

Cores tetrádicas

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

#21ddcd

#21ddcd
rgb(33,221,205)

#8fdd21

#8fdd21
rgb(143,221,33)

#6f21dd

#6f21dd
rgb(111,33,221)

#dd2132

#dd2132
rgb(221,33,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.

#8fdd21

#8fdd21
rgb(143,221,33)

#c9ddad

#c9ddad
rgb(201,221,173)

#c9ddab

#c9ddab
rgb(201,221,171)

#c8dda9

#c8dda9
rgb(200,221,169)

#c7dda7

#c7dda7
rgb(199,221,167)

#c6dda4

#c6dda4
rgb(198,221,164)

Tons e Matizes de #8fdd21

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

Matiz (adicionando branco)
#8fdd21

#8fdd21
rgb(143,221,33)

#a5e34d

#a5e34d
rgb(165,227,77)

#bbea79

#bbea79
rgb(187,234,121)

#d2f1a6

#d2f1a6
rgb(210,241,166)

#e8f8d2

#e8f8d2
rgb(232,248,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8fdd21

#8fdd21
rgb(143,221,33)

#72b01a

#72b01a
rgb(114,176,26)

#558413

#558413
rgb(85,132,19)

#39580d

#39580d
rgb(57,88,13)

#1c2c06

#1c2c06
rgb(28,44,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8fdd21

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

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

Contraste

Branco e #8fdd21
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 #8fdd21
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 #8fdd21

Este exemplo mostra como o texto na cor #8fdd21 se parece.

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

Este parágrafo tem fundo de cor #8fdd21.

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

Este elemento tem uma cor de borda de #8fdd21.

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

Cores alietórias

#2f1ef0

#2f1ef0
rgb(47,30,240)

#77080d

#77080d
rgb(119,8,13)

#4511e0

#4511e0
rgb(69,17,224)

#0b6378

#0b6378
rgb(11,99,120)

#7b28c0

#7b28c0
rgb(123,40,192)

#91f76e

#91f76e
rgb(145,247,110)

#07732e

#07732e
rgb(7,115,46)

#4a5414

#4a5414
rgb(74,84,20)

#ca1ffa

#ca1ffa
rgb(202,31,250)

#33bb1c

#33bb1c
rgb(51,187,28)

#efb5a3

#efb5a3
rgb(239,181,163)

#eae4c3

#eae4c3
rgb(234,228,195)