Informação da cor #22cb05

A cor hexadecimal 22cb05 no modelo de cores RGB (Red, Green, Blue), é um composta por 34 de vermelho, 203 de verde e 5 de azul.

No padrão de cores CMYK, é composto por 83.3% de ciano, 0% de magenta, 97.5% de amarelo e 20.4% de preto. Tem um ângulo de matiz de 111.2 graus, uma saturação de 95.2% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 009900.

Conversões de #22cb05 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 22cb05
RGB 34, 203, 5
RGB Percentagem 13.3%, 79.6%, 2%
CMYK 0.83, 0, 0.98, 0.2
HSL 111.2°, 95.2%, 40.8%
HSV (ou HSB) 111.2°, 97.5%, 79.6%
RYB 2, 79.6, 68.2
Formato Cor
XYZ 23.3, 45.1, 7.6
CIELab 72.94, -70.67, 70.94
Decimal 2280197
Yxy 43.0602, 0.3045, 0.5948
YUV 129.897, 57.5164, 59.5998
CIELuv 71.5958, -65.1796, 86.9886
Web Safe 009900

Distribuição de #22cb05

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.

#22cb05

#22cb05
rgb(34,203,5)

#ae05cb

#ae05cb
rgb(174,5,203)

Cores triadicas

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

#0523cb

#0523cb
rgb(5,35,203)

#22cb05

#22cb05
rgb(34,203,5)

#cb0523

#cb0523
rgb(203,5,35)

Cores tetrádicas

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

#0586cb

#0586cb
rgb(5,134,203)

#22cb05

#22cb05
rgb(34,203,5)

#ae05cb

#ae05cb
rgb(174,5,203)

#cb4b05

#cb4b05
rgb(203,75,5)

Cores monocromáticas

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

#22cb05

#22cb05
rgb(34,203,5)

#a5cb9f

#a5cb9f
rgb(165,203,159)

#a4cb9d

#a4cb9d
rgb(164,203,157)

#a2cb9b

#a2cb9b
rgb(162,203,155)

#a0cb99

#a0cb99
rgb(160,203,153)

#9ecb97

#9ecb97
rgb(158,203,151)

Tons e Matizes de #22cb05

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

Matiz (adicionando branco)
#22cb05

#22cb05
rgb(34,203,5)

#4ed537

#4ed537
rgb(78,213,55)

#7adf69

#7adf69
rgb(122,223,105)

#a6ea9b

#a6ea9b
rgb(166,234,155)

#d2f4cd

#d2f4cd
rgb(210,244,205)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#22cb05

#22cb05
rgb(34,203,5)

#1ba204

#1ba204
rgb(27,162,4)

#147903

#147903
rgb(20,121,3)

#0d5101

#0d5101
rgb(13,81,1)

#062800

#062800
rgb(6,40,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #22cb05

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

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

Contraste

Branco e #22cb05
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 #22cb05
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 #22cb05

Este exemplo mostra como o texto na cor #22cb05 se parece.

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

Este parágrafo tem fundo de cor #22cb05.

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

Este elemento tem uma cor de borda de #22cb05.

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

Cores alietórias

#ee3ad6

#ee3ad6
rgb(238,58,214)

#ca1956

#ca1956
rgb(202,25,86)

#759e22

#759e22
rgb(117,158,34)

#febb20

#febb20
rgb(254,187,32)

#647876

#647876
rgb(100,120,118)

#0818fb

#0818fb
rgb(8,24,251)

#ec1015

#ec1015
rgb(236,16,21)

#25b890

#25b890
rgb(37,184,144)

#c30083

#c30083
rgb(195,0,131)

#51d52c

#51d52c
rgb(81,213,44)

#b98348

#b98348
rgb(185,131,72)

#588de0

#588de0
rgb(88,141,224)