Informação da cor #2e6157

A cor hexadecimal 2e6157 no modelo de cores RGB (Red, Green, Blue), é um composta por 46 de vermelho, 97 de verde e 87 de azul.

No padrão de cores CMYK, é composto por 52.6% de ciano, 0% de magenta, 10.3% de amarelo e 62% de preto. Tem um ângulo de matiz de 168.2 graus, uma saturação de 35.7% e uma leveza de 28%.

A cor mais próxima WebSafe é 003333.

Conversões de #2e6157 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 2e6157
RGB 46, 97, 87
RGB Percentagem 18%, 38%, 34.1%
CMYK 0.53, 0, 0.1, 0.62
HSL 168.2°, 35.7%, 28%
HSV (ou HSB) 168.2°, 52.6%, 38%
RYB 18, 29.4, 38
Formato Cor
XYZ 8.7, 11.8, 12.8
CIELab 40.94, -19.95, 0.22
Decimal 3039575
Yxy 9.8177, 0.2592, 0.3574
YUV 80.611, 131.6055, 103.3131
CIELuv 37.5133, -21.7957, 3.2859
Web Safe 003333

Distribuição de #2e6157

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.

#2e6157

#2e6157
rgb(46,97,87)

#612e38

#612e38
rgb(97,46,56)

Cores triadicas

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

#582e61

#582e61
rgb(88,46,97)

#2e6157

#2e6157
rgb(46,97,87)

#61582e

#61582e
rgb(97,88,46)

Cores tetrádicas

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

#3e2e61

#3e2e61
rgb(62,46,97)

#2e6157

#2e6157
rgb(46,97,87)

#612e38

#612e38
rgb(97,46,56)

#52612e

#52612e
rgb(82,97,46)

Cores monocromáticas

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

#2e6157

#2e6157
rgb(46,97,87)

#4d615d

#4d615d
rgb(77,97,93)

#4c615d

#4c615d
rgb(76,97,93)

#4b615d

#4b615d
rgb(75,97,93)

#4a615d

#4a615d
rgb(74,97,93)

#49615d

#49615d
rgb(73,97,93)

Tons e Matizes de #2e6157

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

Matiz (adicionando branco)
#2e6157

#2e6157
rgb(46,97,87)

#578078

#578078
rgb(87,128,120)

#81a09a

#81a09a
rgb(129,160,154)

#abbfbb

#abbfbb
rgb(171,191,187)

#d5dfdd

#d5dfdd
rgb(213,223,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2e6157

#2e6157
rgb(46,97,87)

#244d45

#244d45
rgb(36,77,69)

#1b3a34

#1b3a34
rgb(27,58,52)

#122622

#122622
rgb(18,38,34)

#091311

#091311
rgb(9,19,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2e6157

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

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

Contraste

Branco e #2e6157
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 #2e6157
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 #2e6157

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

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

Este parágrafo tem fundo de cor #2e6157.

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

Este elemento tem uma cor de borda de #2e6157.

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

Cores alietórias

#e0decd

#e0decd
rgb(224,222,205)

#89b168

#89b168
rgb(137,177,104)

#335fcf

#335fcf
rgb(51,95,207)

#4f21d0

#4f21d0
rgb(79,33,208)

#4231a3

#4231a3
rgb(66,49,163)

#1267a2

#1267a2
rgb(18,103,162)

#0afac3

#0afac3
rgb(10,250,195)

#03b94a

#03b94a
rgb(3,185,74)

#ed5e8b

#ed5e8b
rgb(237,94,139)

#e9ed7f

#e9ed7f
rgb(233,237,127)

#3945eb

#3945eb
rgb(57,69,235)

#1a275e

#1a275e
rgb(26,39,94)