Informação da cor #2a633f

A cor hexadecimal 2a633f no modelo de cores RGB (Red, Green, Blue), é um composta por 42 de vermelho, 99 de verde e 63 de azul.

No padrão de cores CMYK, é composto por 57.6% de ciano, 0% de magenta, 36.4% de amarelo e 61.2% de preto. Tem um ângulo de matiz de 142.1 graus, uma saturação de 40.4% e uma leveza de 27.7%.

A cor mais próxima WebSafe é 003333.

Conversões de #2a633f 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 2a633f
RGB 42, 99, 63
RGB Percentagem 16.5%, 38.8%, 24.7%
CMYK 0.58, 0, 0.36, 0.61
HSL 142.1°, 40.4%, 27.7%
HSV (ou HSB) 142.1°, 57.6%, 38.8%
RYB 16.5, 32.9, 38.8
Formato Cor
XYZ 7.8, 11.8, 7.9
CIELab 40.81, -27.92, 14.55
Decimal 2777919
Yxy 9.7743, 0.2826, 0.4375
YUV 77.853, 119.618, 102.4272
CIELuv 37.4342, -24.6994, 21.4215
Web Safe 003333

Distribuição de #2a633f

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.

#2a633f

#2a633f
rgb(42,99,63)

#632b4e

#632b4e
rgb(99,43,78)

Cores triadicas

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

#402b63

#402b63
rgb(64,43,99)

#2a633f

#2a633f
rgb(42,99,63)

#63402b

#63402b
rgb(99,64,43)

Cores tetrádicas

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

#2b3263

#2b3263
rgb(43,50,99)

#2a633f

#2a633f
rgb(42,99,63)

#632b4e

#632b4e
rgb(99,43,78)

#635c2b

#635c2b
rgb(99,92,43)

Cores monocromáticas

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

#2a633f

#2a633f
rgb(42,99,63)

#4e6356

#4e6356
rgb(78,99,86)

#4d6355

#4d6355
rgb(77,99,85)

#4c6355

#4c6355
rgb(76,99,85)

#4b6354

#4b6354
rgb(75,99,84)

#4a6354

#4a6354
rgb(74,99,84)

Tons e Matizes de #2a633f

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

Matiz (adicionando branco)
#2a633f

#2a633f
rgb(42,99,63)

#548265

#548265
rgb(84,130,101)

#7fa18b

#7fa18b
rgb(127,161,139)

#a9c0b2

#a9c0b2
rgb(169,192,178)

#d4dfd8

#d4dfd8
rgb(212,223,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2a633f

#2a633f
rgb(42,99,63)

#214f32

#214f32
rgb(33,79,50)

#193b25

#193b25
rgb(25,59,37)

#102719

#102719
rgb(16,39,25)

#08130c

#08130c
rgb(8,19,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2a633f

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#777a10

#777a10
rgb(119,122,16)

#39c3bb

#39c3bb
rgb(57,195,187)

#83ea47

#83ea47
rgb(131,234,71)

#794f7a

#794f7a
rgb(121,79,122)

#575f3a

#575f3a
rgb(87,95,58)

#c2389a

#c2389a
rgb(194,56,154)

#09e7a3

#09e7a3
rgb(9,231,163)

#7416bf

#7416bf
rgb(116,22,191)

#029610

#029610
rgb(2,150,16)

#99ea55

#99ea55
rgb(153,234,85)

#cf254e

#cf254e
rgb(207,37,78)

#72d59e

#72d59e
rgb(114,213,158)