Informação da cor #036154

A cor hexadecimal 036154 no modelo de cores RGB (Red, Green, Blue), é um composta por 3 de vermelho, 97 de verde e 84 de azul.

No padrão de cores CMYK, é composto por 96.9% de ciano, 0% de magenta, 13.4% de amarelo e 62% de preto. Tem um ângulo de matiz de 171.7 graus, uma saturação de 94% e uma leveza de 19.6%.

A cor mais próxima WebSafe é 003333.

Conversões de #036154 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 036154
RGB 3, 97, 84
RGB Percentagem 1.2%, 38%, 32.9%
CMYK 0.97, 0, 0.13, 0.62
HSL 171.7°, 94%, 19.6%
HSV (ou HSB) 171.7°, 96.9%, 38%
RYB 1.2, 21.2, 38
Formato Cor
XYZ 7.1, 11, 12
CIELab 39.59, -29.07, -0.07
Decimal 221524
Yxy 9.2081, 0.2367, 0.3687
YUV 67.412, 137.3612, 82.0571
CIELuv 36.3818, -29.1424, 4.2923
Web Safe 003333

Distribuição de #036154

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.

#036154

#036154
rgb(3,97,84)

#610310

#610310
rgb(97,3,16)

Cores triadicas

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

#550361

#550361
rgb(85,3,97)

#036154

#036154
rgb(3,97,84)

#615503

#615503
rgb(97,85,3)

Cores tetrádicas

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

#260361

#260361
rgb(38,3,97)

#036154

#036154
rgb(3,97,84)

#610310

#610310
rgb(97,3,16)

#3f6103

#3f6103
rgb(63,97,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.

#036154

#036154
rgb(3,97,84)

#4c615f

#4c615f
rgb(76,97,95)

#4b615e

#4b615e
rgb(75,97,94)

#4a615e

#4a615e
rgb(74,97,94)

#49615e

#49615e
rgb(73,97,94)

#48615e

#48615e
rgb(72,97,94)

Tons e Matizes de #036154

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

Matiz (adicionando branco)
#036154

#036154
rgb(3,97,84)

#358076

#358076
rgb(53,128,118)

#67a098

#67a098
rgb(103,160,152)

#9abfba

#9abfba
rgb(154,191,186)

#ccdfdc

#ccdfdc
rgb(204,223,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#036154

#036154
rgb(3,97,84)

#024d43

#024d43
rgb(2,77,67)

#013a32

#013a32
rgb(1,58,50)

#012621

#012621
rgb(1,38,33)

#001310

#001310
rgb(0,19,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #036154

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #036154.

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

Este elemento tem uma cor de borda de #036154.

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

Cores alietórias

#0b8852

#0b8852
rgb(11,136,82)

#ad8b59

#ad8b59
rgb(173,139,89)

#652bb8

#652bb8
rgb(101,43,184)

#b3a7c3

#b3a7c3
rgb(179,167,195)

#502692

#502692
rgb(80,38,146)

#0896c7

#0896c7
rgb(8,150,199)

#98e148

#98e148
rgb(152,225,72)

#1a585c

#1a585c
rgb(26,88,92)

#c42452

#c42452
rgb(196,36,82)

#a5cef7

#a5cef7
rgb(165,206,247)

#79c74b

#79c74b
rgb(121,199,75)

#6281c6

#6281c6
rgb(98,129,198)