Informação da cor #225e29

A cor hexadecimal 225e29 no modelo de cores RGB (Red, Green, Blue), é um composta por 34 de vermelho, 94 de verde e 41 de azul.

No padrão de cores CMYK, é composto por 63.8% de ciano, 0% de magenta, 56.4% de amarelo e 63.1% de preto. Tem um ângulo de matiz de 127 graus, uma saturação de 46.9% e uma leveza de 25.1%.

A cor mais próxima WebSafe é 003300.

Conversões de #225e29 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 225e29
RGB 34, 94, 41
RGB Percentagem 13.3%, 36.9%, 16.1%
CMYK 0.64, 0, 0.56, 0.63
HSL 127°, 46.9%, 25.1%
HSV (ou HSB) 127°, 63.8%, 36.9%
RYB 13.3, 34.5, 36.9
Formato Cor
XYZ 6.3, 10.3, 4.5
CIELab 38.39, -32.25, 24.43
Decimal 2252329
Yxy 8.5051, 0.2971, 0.4991
YUV 70.018, 111.6242, 102.3095
CIELuv 35.0134, -25.6226, 30.3791
Web Safe 003300

Distribuição de #225e29

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.

#225e29

#225e29
rgb(34,94,41)

#5e2258

#5e2258
rgb(94,34,88)

Cores triadicas

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

#29225e

#29225e
rgb(41,34,94)

#225e29

#225e29
rgb(34,94,41)

#5e2922

#5e2922
rgb(94,41,34)

Cores tetrádicas

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

#223a5e

#223a5e
rgb(34,58,94)

#225e29

#225e29
rgb(34,94,41)

#5e2258

#5e2258
rgb(94,34,88)

#5e4722

#5e4722
rgb(94,71,34)

Cores monocromáticas

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

#225e29

#225e29
rgb(34,94,41)

#4a5e4d

#4a5e4d
rgb(74,94,77)

#495e4c

#495e4c
rgb(73,94,76)

#485e4b

#485e4b
rgb(72,94,75)

#475e4a

#475e4a
rgb(71,94,74)

#465e49

#465e49
rgb(70,94,73)

Tons e Matizes de #225e29

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

Matiz (adicionando branco)
#225e29

#225e29
rgb(34,94,41)

#4e7e53

#4e7e53
rgb(78,126,83)

#7a9e7e

#7a9e7e
rgb(122,158,126)

#a6bea9

#a6bea9
rgb(166,190,169)

#d2ded4

#d2ded4
rgb(210,222,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#225e29

#225e29
rgb(34,94,41)

#1b4b20

#1b4b20
rgb(27,75,32)

#143818

#143818
rgb(20,56,24)

#0d2510

#0d2510
rgb(13,37,16)

#061208

#061208
rgb(6,18,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #225e29

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

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

Contraste

Branco e #225e29
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.

Preto e #225e29
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.

Exemplos CSS

Texto com cor hexadecimal #225e29

Este exemplo mostra como o texto na cor #225e29 se parece.

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

Este parágrafo tem fundo de cor #225e29.

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

Este elemento tem uma cor de borda de #225e29.

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

Cores alietórias

#578c71

#578c71
rgb(87,140,113)

#461eb5

#461eb5
rgb(70,30,181)

#b91fbb

#b91fbb
rgb(185,31,187)

#cffd88

#cffd88
rgb(207,253,136)

#e74813

#e74813
rgb(231,72,19)

#6940f9

#6940f9
rgb(105,64,249)

#91e1e2

#91e1e2
rgb(145,225,226)

#6b42fd

#6b42fd
rgb(107,66,253)

#3f8c14

#3f8c14
rgb(63,140,20)

#a935cb

#a935cb
rgb(169,53,203)

#03b734

#03b734
rgb(3,183,52)

#c528e0

#c528e0
rgb(197,40,224)