Informação da cor #15dc31

A cor hexadecimal 15dc31 no modelo de cores RGB (Red, Green, Blue), é um composta por 21 de vermelho, 220 de verde e 49 de azul.

No padrão de cores CMYK, é composto por 90.5% de ciano, 0% de magenta, 77.7% de amarelo e 13.7% de preto. Tem um ângulo de matiz de 128.4 graus, uma saturação de 82.6% e uma leveza de 47.3%.

A cor mais próxima WebSafe é 00CC00.

Conversões de #15dc31 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 15dc31
RGB 21, 220, 49
RGB Percentagem 8.2%, 86.3%, 19.2%
CMYK 0.9, 0, 0.78, 0.14
HSL 128.4°, 82.6%, 47.3%
HSV (ou HSB) 128.4°, 90.5%, 86.3%
RYB 8.2, 76.9, 86.3
Formato Cor
XYZ 27.5, 53.2, 12.7
CIELab 77.97, -74.28, 64.32
Decimal 1432625
Yxy 51.5641, 0.2956, 0.5762
YUV 141.005, 76.0785, 42.4044
CIELuv 77.0195, -71.0933, 88.0159
Web Safe 00CC00

Distribuição de #15dc31

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.

#15dc31

#15dc31
rgb(21,220,49)

#dc16c1

#dc16c1
rgb(220,22,193)

Cores triadicas

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

#3116dc

#3116dc
rgb(49,22,220)

#15dc31

#15dc31
rgb(21,220,49)

#dc3116

#dc3116
rgb(220,49,22)

Cores tetrádicas

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

#165ddc

#165ddc
rgb(22,93,220)

#15dc31

#15dc31
rgb(21,220,49)

#dc16c1

#dc16c1
rgb(220,22,193)

#dc9516

#dc9516
rgb(220,149,22)

Cores monocromáticas

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

#15dc31

#15dc31
rgb(21,220,49)

#acdcb3

#acdcb3
rgb(172,220,179)

#aadcb1

#aadcb1
rgb(170,220,177)

#a8dcaf

#a8dcaf
rgb(168,220,175)

#a6dcad

#a6dcad
rgb(166,220,173)

#a4dcac

#a4dcac
rgb(164,220,172)

Tons e Matizes de #15dc31

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

Matiz (adicionando branco)
#15dc31

#15dc31
rgb(21,220,49)

#43e35a

#43e35a
rgb(67,227,90)

#72ea83

#72ea83
rgb(114,234,131)

#a1f1ac

#a1f1ac
rgb(161,241,172)

#d0f8d5

#d0f8d5
rgb(208,248,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#15dc31

#15dc31
rgb(21,220,49)

#10b027

#10b027
rgb(16,176,39)

#0c841d

#0c841d
rgb(12,132,29)

#085713

#085713
rgb(8,87,19)

#042b09

#042b09
rgb(4,43,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #15dc31

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

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

Contraste

Branco e #15dc31
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 #15dc31
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 #15dc31

Este exemplo mostra como o texto na cor #15dc31 se parece.

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

Este parágrafo tem fundo de cor #15dc31.

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

Este elemento tem uma cor de borda de #15dc31.

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

Cores alietórias

#35b13a

#35b13a
rgb(53,177,58)

#4640db

#4640db
rgb(70,64,219)

#746c87

#746c87
rgb(116,108,135)

#2a51c1

#2a51c1
rgb(42,81,193)

#f6c212

#f6c212
rgb(246,194,18)

#32a53e

#32a53e
rgb(50,165,62)

#41d0a2

#41d0a2
rgb(65,208,162)

#a0b26b

#a0b26b
rgb(160,178,107)

#39e1ed

#39e1ed
rgb(57,225,237)

#c44a53

#c44a53
rgb(196,74,83)

#9514a8

#9514a8
rgb(149,20,168)

#7134c0

#7134c0
rgb(113,52,192)