Informação da cor #04bd21

A cor hexadecimal 04bd21 no modelo de cores RGB (Red, Green, Blue), é um composta por 4 de vermelho, 189 de verde e 33 de azul.

No padrão de cores CMYK, é composto por 97.9% de ciano, 0% de magenta, 82.5% de amarelo e 25.9% de preto. Tem um ângulo de matiz de 129.4 graus, uma saturação de 95.9% e uma leveza de 37.8%.

A cor mais próxima WebSafe é 009900.

Conversões de #04bd21 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 04bd21
RGB 4, 189, 33
RGB Percentagem 1.6%, 74.1%, 12.9%
CMYK 0.98, 0, 0.83, 0.26
HSL 129.4°, 95.9%, 37.8%
HSV (ou HSB) 129.4°, 97.9%, 74.1%
RYB 1.6, 64.3, 74.1
Formato Cor
XYZ 19.7, 38.7, 8.5
CIELab 68.52, -68.47, 60.36
Decimal 310561
Yxy 36.5283, 0.296, 0.5839
YUV 115.901, 81.2162, 48.1847
CIELuv 66.9217, -62.6894, 78.1554
Web Safe 009900

Distribuição de #04bd21

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.

#04bd21

#04bd21
rgb(4,189,33)

#bd04a0

#bd04a0
rgb(189,4,160)

Cores triadicas

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

#2204bd

#2204bd
rgb(34,4,189)

#04bd21

#04bd21
rgb(4,189,33)

#bd2204

#bd2204
rgb(189,34,4)

Cores tetrádicas

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

#0444bd

#0444bd
rgb(4,68,189)

#04bd21

#04bd21
rgb(4,189,33)

#bd04a0

#bd04a0
rgb(189,4,160)

#bd7e04

#bd7e04
rgb(189,126,4)

Cores monocromáticas

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

#04bd21

#04bd21
rgb(4,189,33)

#94bd9a

#94bd9a
rgb(148,189,154)

#92bd99

#92bd99
rgb(146,189,153)

#90bd97

#90bd97
rgb(144,189,151)

#8ebd96

#8ebd96
rgb(142,189,150)

#8cbd94

#8cbd94
rgb(140,189,148)

Tons e Matizes de #04bd21

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

Matiz (adicionando branco)
#04bd21

#04bd21
rgb(4,189,33)

#36ca4d

#36ca4d
rgb(54,202,77)

#68d779

#68d779
rgb(104,215,121)

#9ae4a6

#9ae4a6
rgb(154,228,166)

#ccf1d2

#ccf1d2
rgb(204,241,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#04bd21

#04bd21
rgb(4,189,33)

#03971a

#03971a
rgb(3,151,26)

#027113

#027113
rgb(2,113,19)

#014b0d

#014b0d
rgb(1,75,13)

#002506

#002506
rgb(0,37,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #04bd21

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

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

Contraste

Branco e #04bd21
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 #04bd21
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 #04bd21

Este exemplo mostra como o texto na cor #04bd21 se parece.

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

Este parágrafo tem fundo de cor #04bd21.

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

Este elemento tem uma cor de borda de #04bd21.

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

Cores alietórias

#5841a9

#5841a9
rgb(88,65,169)

#07aac8

#07aac8
rgb(7,170,200)

#4a5e94

#4a5e94
rgb(74,94,148)

#d57795

#d57795
rgb(213,119,149)

#f75351

#f75351
rgb(247,83,81)

#43c112

#43c112
rgb(67,193,18)

#4131fa

#4131fa
rgb(65,49,250)

#3f5c69

#3f5c69
rgb(63,92,105)

#5ed21b

#5ed21b
rgb(94,210,27)

#49d280

#49d280
rgb(73,210,128)

#08c077

#08c077
rgb(8,192,119)

#37ce73

#37ce73
rgb(55,206,115)