Informação da cor #0e338d

A cor hexadecimal 0e338d no modelo de cores RGB (Red, Green, Blue), é um composta por 14 de vermelho, 51 de verde e 141 de azul.

No padrão de cores CMYK, é composto por 90.1% de ciano, 63.8% de magenta, 0% de amarelo e 44.7% de preto. Tem um ângulo de matiz de 222.5 graus, uma saturação de 81.9% e uma leveza de 30.4%.

A cor mais próxima WebSafe é 003366.

Conversões de #0e338d 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 0e338d
RGB 14, 51, 141
RGB Percentagem 5.5%, 20%, 55.3%
CMYK 0.9, 0.64, 0, 0.45
HSL 222.5°, 81.9%, 30.4%
HSV (ou HSB) 222.5°, 90.1%, 55.3%
RYB 5.5, 16.9, 55.3
Formato Cor
XYZ 7.2, 5.4, 28.8
CIELab 27.95, 22.36, -52.61
Decimal 930701
Yxy 4.3833, 0.1701, 0.1209
YUV 50.197, 179.2432, 102.1819
CIELuv 24.9002, -10.4394, -65.9346
Web Safe 003366

Distribuição de #0e338d

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.

#0e338d

#0e338d
rgb(14,51,141)

#8d690f

#8d690f
rgb(141,105,15)

Cores triadicas

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

#8d0f33

#8d0f33
rgb(141,15,51)

#0e338d

#0e338d
rgb(14,51,141)

#338d0f

#338d0f
rgb(51,141,15)

Cores tetrádicas

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

#8d0f73

#8d0f73
rgb(141,15,115)

#0e338d

#0e338d
rgb(14,51,141)

#8d690f

#8d690f
rgb(141,105,15)

#0f8d29

#0f8d29
rgb(15,141,41)

Cores monocromáticas

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

#0e338d

#0e338d
rgb(14,51,141)

#6f788d

#6f788d
rgb(111,120,141)

#6d778d

#6d778d
rgb(109,119,141)

#6c768d

#6c768d
rgb(108,118,141)

#6a758d

#6a758d
rgb(106,117,141)

#69748d

#69748d
rgb(105,116,141)

Tons e Matizes de #0e338d

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

Matiz (adicionando branco)
#0e338d

#0e338d
rgb(14,51,141)

#3e5ba3

#3e5ba3
rgb(62,91,163)

#6e84ba

#6e84ba
rgb(110,132,186)

#9eadd1

#9eadd1
rgb(158,173,209)

#ced6e8

#ced6e8
rgb(206,214,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0e338d

#0e338d
rgb(14,51,141)

#0b2870

#0b2870
rgb(11,40,112)

#081e54

#081e54
rgb(8,30,84)

#051438

#051438
rgb(5,20,56)

#020a1c

#020a1c
rgb(2,10,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0e338d

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#b0182d

#b0182d
rgb(176,24,45)

#defb2d

#defb2d
rgb(222,251,45)

#56c033

#56c033
rgb(86,192,51)

#7651d9

#7651d9
rgb(118,81,217)

#fb164c

#fb164c
rgb(251,22,76)

#51db93

#51db93
rgb(81,219,147)

#7e8cce

#7e8cce
rgb(126,140,206)

#1d2d7b

#1d2d7b
rgb(29,45,123)

#717a6b

#717a6b
rgb(113,122,107)

#801fe9

#801fe9
rgb(128,31,233)

#b76c09

#b76c09
rgb(183,108,9)

#b31199

#b31199
rgb(179,17,153)