Informação da cor #0a2328

A cor hexadecimal 0a2328 no modelo de cores RGB (Red, Green, Blue), é um composta por 10 de vermelho, 35 de verde e 40 de azul.

No padrão de cores CMYK, é composto por 75% de ciano, 12.5% de magenta, 0% de amarelo e 84.3% de preto. Tem um ângulo de matiz de 190 graus, uma saturação de 60% e uma leveza de 9.8%.

A cor mais próxima WebSafe é 000000.

Conversões de #0a2328 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 0a2328
RGB 10, 35, 40
RGB Percentagem 3.9%, 13.7%, 15.7%
CMYK 0.75, 0.12, 0, 0.84
HSL 190°, 60%, 9.8%
HSV (ou HSB) 190°, 75%, 15.7%
RYB 3.9, 9.4, 15.7
Formato Cor
XYZ 1.5, 2, 3.1
CIELab 15.3, -9.57, -6.88
Decimal 664360
Yxy 1.4197, 0.2334, 0.2988
YUV 28.095, 134.7184, 115.0934
CIELuv 12.0881, -7.1103, -4.532
Web Safe 000000

Distribuição de #0a2328

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.

#0a2328

#0a2328
rgb(10,35,40)

#280f0a

#280f0a
rgb(40,15,10)

Cores triadicas

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

#280a24

#280a24
rgb(40,10,36)

#0a2328

#0a2328
rgb(10,35,40)

#24280a

#24280a
rgb(36,40,10)

Cores tetrádicas

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

#1e0a28

#1e0a28
rgb(30,10,40)

#0a2328

#0a2328
rgb(10,35,40)

#280f0a

#280f0a
rgb(40,15,10)

#15280a

#15280a
rgb(21,40,10)

Cores monocromáticas

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

#0a2328

#0a2328
rgb(10,35,40)

#202728

#202728
rgb(32,39,40)

#1f2728

#1f2728
rgb(31,39,40)

#1f2728

#1f2728
rgb(31,39,40)

#1f2728

#1f2728
rgb(31,39,40)

#1e2728

#1e2728
rgb(30,39,40)

Tons e Matizes de #0a2328

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

Matiz (adicionando branco)
#0a2328

#0a2328
rgb(10,35,40)

#3b4f53

#3b4f53
rgb(59,79,83)

#6c7b7e

#6c7b7e
rgb(108,123,126)

#9da7a9

#9da7a9
rgb(157,167,169)

#ced3d4

#ced3d4
rgb(206,211,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0a2328

#0a2328
rgb(10,35,40)

#081c20

#081c20
rgb(8,28,32)

#061518

#061518
rgb(6,21,24)

#030d0f

#030d0f
rgb(3,13,15)

#010607

#010607
rgb(1,6,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0a2328

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

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

Contraste

Branco e #0a2328
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 #0a2328
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 #0a2328

Este exemplo mostra como o texto na cor #0a2328 se parece.

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

Este parágrafo tem fundo de cor #0a2328.

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

Este elemento tem uma cor de borda de #0a2328.

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

Cores alietórias

#8c687b

#8c687b
rgb(140,104,123)

#406037

#406037
rgb(64,96,55)

#6781f6

#6781f6
rgb(103,129,246)

#ee4768

#ee4768
rgb(238,71,104)

#b35fd9

#b35fd9
rgb(179,95,217)

#73f0e8

#73f0e8
rgb(115,240,232)

#cbe63e

#cbe63e
rgb(203,230,62)

#7a5426

#7a5426
rgb(122,84,38)

#9d053d

#9d053d
rgb(157,5,61)

#6b0222

#6b0222
rgb(107,2,34)

#8c8df6

#8c8df6
rgb(140,141,246)

#83c974

#83c974
rgb(131,201,116)