Informação da cor #030f08

A cor hexadecimal 030f08 no modelo de cores RGB (Red, Green, Blue), é um composta por 3 de vermelho, 15 de verde e 8 de azul.

No padrão de cores CMYK, é composto por 80% de ciano, 0% de magenta, 46.7% de amarelo e 94.1% de preto. Tem um ângulo de matiz de 145 graus, uma saturação de 66.7% e uma leveza de 3.5%.

A cor mais próxima WebSafe é 000000.

Conversões de #030f08 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 030f08
RGB 3, 15, 8
RGB Percentagem 1.2%, 5.9%, 3.1%
CMYK 0.8, 0, 0.47, 0.94
HSL 145°, 66.7%, 3.5%
HSV (ou HSB) 145°, 80%, 5.9%
RYB 1.2, 4.7, 5.9
Formato Cor
XYZ 0.4, 0.6, 0.3
CIELab 5.15, -7.94, 4.28
Decimal 200456
Yxy 0.3785, 0.2741, 0.4114
YUV 10.614, 126.5248, 122.5692
CIELuv 3.4191, -2.1984, 1.4565
Web Safe 000000

Distribuição de #030f08

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.

#030f08

#030f08
rgb(3,15,8)

#0f030a

#0f030a
rgb(15,3,10)

Cores triadicas

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

#09030f

#09030f
rgb(9,3,15)

#030f08

#030f08
rgb(3,15,8)

#0f0903

#0f0903
rgb(15,9,3)

Cores tetrádicas

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

#03050f

#03050f
rgb(3,5,15)

#030f08

#030f08
rgb(3,15,8)

#0f030a

#0f030a
rgb(15,3,10)

#0f0e03

#0f0e03
rgb(15,14,3)

Cores monocromáticas

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

#030f08

#030f08
rgb(3,15,8)

#0c0f0e

#0c0f0e
rgb(12,15,14)

#0c0f0e

#0c0f0e
rgb(12,15,14)

#0c0f0d

#0c0f0d
rgb(12,15,13)

#0c0f0d

#0c0f0d
rgb(12,15,13)

#0c0f0d

#0c0f0d
rgb(12,15,13)

Tons e Matizes de #030f08

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

Matiz (adicionando branco)
#030f08

#030f08
rgb(3,15,8)

#353f39

#353f39
rgb(53,63,57)

#676f6a

#676f6a
rgb(103,111,106)

#9a9f9c

#9a9f9c
rgb(154,159,156)

#cccfcd

#cccfcd
rgb(204,207,205)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#030f08

#030f08
rgb(3,15,8)

#020c06

#020c06
rgb(2,12,6)

#010904

#010904
rgb(1,9,4)

#010503

#010503
rgb(1,5,3)

#000201

#000201
rgb(0,2,1)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #030f08

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

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

Contraste

Branco e #030f08
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 #030f08
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 #030f08

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

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

Este parágrafo tem fundo de cor #030f08.

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

Este elemento tem uma cor de borda de #030f08.

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

Cores alietórias

#c9e4a6

#c9e4a6
rgb(201,228,166)

#355c42

#355c42
rgb(53,92,66)

#e20f80

#e20f80
rgb(226,15,128)

#23b5b4

#23b5b4
rgb(35,181,180)

#5d9e45

#5d9e45
rgb(93,158,69)

#a0317b

#a0317b
rgb(160,49,123)

#50a723

#50a723
rgb(80,167,35)

#1b74ac

#1b74ac
rgb(27,116,172)

#cf9c89

#cf9c89
rgb(207,156,137)

#787869

#787869
rgb(120,120,105)

#bb72e0

#bb72e0
rgb(187,114,224)

#22c326

#22c326
rgb(34,195,38)