Informação da cor #000033

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

No padrão de cores CMYK, é composto por 100% de ciano, 100% de magenta, 0% de amarelo e 80% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 100% e uma leveza de 10%.

A cor 000033 é WebSafe.

Conversões de #000033 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 000033
RGB 0, 0, 51
RGB Percentagem 0%, 0%, 20%
CMYK 1, 1, 0, 0.8
HSL 240°, 100%, 10%
HSV (ou HSB) 240°, 100%, 20%
RYB 0, 0, 20
Formato Cor
XYZ 0.8, 0.3, 4.2
CIELab 2.87, 20.15, -34.93
Decimal 51
Yxy 0.2389, 0.15, 0.06
YUV 5.814, 153.5, 123.8531
CIELuv 2.1583, -0.6285, -8.7103
Web Safe 000033

Distribuição de #000033

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.

#000033

#000033
rgb(0,0,51)

#333300

#333300
rgb(51,51,0)

Cores triadicas

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

#330000

#330000
rgb(51,0,0)

#000033

#000033
rgb(0,0,51)

#003300

#003300
rgb(0,51,0)

Cores tetrádicas

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

#33001a

#33001a
rgb(51,0,26)

#000033

#000033
rgb(0,0,51)

#333300

#333300
rgb(51,51,0)

#00331a

#00331a
rgb(0,51,26)

Cores monocromáticas

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

#000033

#000033
rgb(0,0,51)

#282833

#282833
rgb(40,40,51)

#282833

#282833
rgb(40,40,51)

#272733

#272733
rgb(39,39,51)

#272733

#272733
rgb(39,39,51)

#262633

#262633
rgb(38,38,51)

Tons e Matizes de #000033

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

Matiz (adicionando branco)
#000033

#000033
rgb(0,0,51)

#33335b

#33335b
rgb(51,51,91)

#666684

#666684
rgb(102,102,132)

#9999ad

#9999ad
rgb(153,153,173)

#ccccd6

#ccccd6
rgb(204,204,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#000033

#000033
rgb(0,0,51)

#000028

#000028
rgb(0,0,40)

#00001e

#00001e
rgb(0,0,30)

#000014

#000014
rgb(0,0,20)

#00000a

#00000a
rgb(0,0,10)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #000033

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

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

Contraste

Branco e #000033
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 #000033
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 #000033

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

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

Este parágrafo tem fundo de cor #000033.

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

Este elemento tem uma cor de borda de #000033.

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

Cores alietórias

#d306dc

#d306dc
rgb(211,6,220)

#dbc883

#dbc883
rgb(219,200,131)

#e24c2b

#e24c2b
rgb(226,76,43)

#9b5059

#9b5059
rgb(155,80,89)

#9985b9

#9985b9
rgb(153,133,185)

#daf7a1

#daf7a1
rgb(218,247,161)

#e12db8

#e12db8
rgb(225,45,184)

#f1ee24

#f1ee24
rgb(241,238,36)

#568fa0

#568fa0
rgb(86,143,160)

#834723

#834723
rgb(131,71,35)

#a8176a

#a8176a
rgb(168,23,106)

#cda8a0

#cda8a0
rgb(205,168,160)