Informação da cor #222a89

A cor hexadecimal 222a89 no modelo de cores RGB (Red, Green, Blue), é um composta por 34 de vermelho, 42 de verde e 137 de azul.

No padrão de cores CMYK, é composto por 75.2% de ciano, 69.3% de magenta, 0% de amarelo e 46.3% de preto. Tem um ângulo de matiz de 235.3 graus, uma saturação de 60.2% e uma leveza de 33.5%.

A cor mais próxima WebSafe é 000066.

Conversões de #222a89 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 222a89
RGB 34, 42, 137
RGB Percentagem 13.3%, 16.5%, 53.7%
CMYK 0.75, 0.69, 0, 0.46
HSL 235.3°, 60.2%, 33.5%
HSV (ou HSB) 235.3°, 75.2%, 53.7%
RYB 13.3, 16.5, 53.7
Formato Cor
XYZ 7.1, 4.8, 27.1
CIELab 26.08, 29.52, -53.26
Decimal 2239113
Yxy 3.8015, 0.1771, 0.1122
YUV 50.438, 176.8499, 116.2754
CIELuv 23.0042, -6.09, -64.4144
Web Safe 000066

Distribuição de #222a89

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.

#222a89

#222a89
rgb(34,42,137)

#898222

#898222
rgb(137,130,34)

Cores triadicas

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

#89222a

#89222a
rgb(137,34,42)

#222a89

#222a89
rgb(34,42,137)

#2a8922

#2a8922
rgb(42,137,34)

Cores tetrádicas

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

#89225e

#89225e
rgb(137,34,94)

#222a89

#222a89
rgb(34,42,137)

#898222

#898222
rgb(137,130,34)

#22894e

#22894e
rgb(34,137,78)

Cores monocromáticas

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

#222a89

#222a89
rgb(34,42,137)

#6c6e89

#6c6e89
rgb(108,110,137)

#6a6d89

#6a6d89
rgb(106,109,137)

#696b89

#696b89
rgb(105,107,137)

#686a89

#686a89
rgb(104,106,137)

#666989

#666989
rgb(102,105,137)

Tons e Matizes de #222a89

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

Matiz (adicionando branco)
#222a89

#222a89
rgb(34,42,137)

#4e54a0

#4e54a0
rgb(78,84,160)

#7a7fb8

#7a7fb8
rgb(122,127,184)

#a6a9cf

#a6a9cf
rgb(166,169,207)

#d2d4e7

#d2d4e7
rgb(210,212,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#222a89

#222a89
rgb(34,42,137)

#1b216d

#1b216d
rgb(27,33,109)

#141952

#141952
rgb(20,25,82)

#0d1036

#0d1036
rgb(13,16,54)

#06081b

#06081b
rgb(6,8,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #222a89

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

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

Contraste

Branco e #222a89
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 #222a89
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 #222a89

Este exemplo mostra como o texto na cor #222a89 se parece.

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

Este parágrafo tem fundo de cor #222a89.

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

Este elemento tem uma cor de borda de #222a89.

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

Cores alietórias

#3def9e

#3def9e
rgb(61,239,158)

#87af14

#87af14
rgb(135,175,20)

#7b969b

#7b969b
rgb(123,150,155)

#1da355

#1da355
rgb(29,163,85)

#ca1466

#ca1466
rgb(202,20,102)

#8784eb

#8784eb
rgb(135,132,235)

#ad034d

#ad034d
rgb(173,3,77)

#d547e8

#d547e8
rgb(213,71,232)

#ba381f

#ba381f
rgb(186,56,31)

#6e54b7

#6e54b7
rgb(110,84,183)

#d55224

#d55224
rgb(213,82,36)

#b3f92c

#b3f92c
rgb(179,249,44)