Informação da cor #21675d

A cor hexadecimal 21675d no modelo de cores RGB (Red, Green, Blue), é um composta por 33 de vermelho, 103 de verde e 93 de azul.

No padrão de cores CMYK, é composto por 68% de ciano, 0% de magenta, 9.7% de amarelo e 59.6% de preto. Tem um ângulo de matiz de 171.4 graus, uma saturação de 51.5% e uma leveza de 26.7%.

A cor mais próxima WebSafe é 006633.

Conversões de #21675d 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 21675d
RGB 33, 103, 93
RGB Percentagem 12.9%, 40.4%, 36.5%
CMYK 0.68, 0, 0.1, 0.6
HSL 171.4°, 51.5%, 26.7%
HSV (ou HSB) 171.4°, 68%, 40.4%
RYB 12.9, 27.8, 40.4
Formato Cor
XYZ 9, 12.9, 14.5
CIELab 42.56, -24.58, -1.07
Decimal 2189149
Yxy 10.8133, 0.2458, 0.3567
YUV 80.93, 134.8115, 93.8131
CIELuv 39.2643, -27.049, 2.326
Web Safe 006633

Distribuição de #21675d

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.

#21675d

#21675d
rgb(33,103,93)

#67222b

#67222b
rgb(103,34,43)

Cores triadicas

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

#5e2267

#5e2267
rgb(94,34,103)

#21675d

#21675d
rgb(33,103,93)

#675e22

#675e22
rgb(103,94,34)

Cores tetrádicas

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

#3b2267

#3b2267
rgb(59,34,103)

#21675d

#21675d
rgb(33,103,93)

#67222b

#67222b
rgb(103,34,43)

#4e6722

#4e6722
rgb(78,103,34)

Cores monocromáticas

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

#21675d

#21675d
rgb(33,103,93)

#516764

#516764
rgb(81,103,100)

#506764

#506764
rgb(80,103,100)

#4f6764

#4f6764
rgb(79,103,100)

#4e6764

#4e6764
rgb(78,103,100)

#4d6764

#4d6764
rgb(77,103,100)

Tons e Matizes de #21675d

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

Matiz (adicionando branco)
#21675d

#21675d
rgb(33,103,93)

#4d857d

#4d857d
rgb(77,133,125)

#79a39d

#79a39d
rgb(121,163,157)

#a6c2be

#a6c2be
rgb(166,194,190)

#d2e0de

#d2e0de
rgb(210,224,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#21675d

#21675d
rgb(33,103,93)

#1a524a

#1a524a
rgb(26,82,74)

#133d37

#133d37
rgb(19,61,55)

#0d2925

#0d2925
rgb(13,41,37)

#061412

#061412
rgb(6,20,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #21675d

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

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

Contraste

Branco e #21675d
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #21675d
Texto grande WCAG AA ✓ 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 #21675d

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

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

Este parágrafo tem fundo de cor #21675d.

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

Este elemento tem uma cor de borda de #21675d.

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

Cores alietórias

#1a5ea6

#1a5ea6
rgb(26,94,166)

#0143e6

#0143e6
rgb(1,67,230)

#81bd8d

#81bd8d
rgb(129,189,141)

#70091b

#70091b
rgb(112,9,27)

#c11d3d

#c11d3d
rgb(193,29,61)

#4dc461

#4dc461
rgb(77,196,97)

#8eaf95

#8eaf95
rgb(142,175,149)

#61e096

#61e096
rgb(97,224,150)

#c4388b

#c4388b
rgb(196,56,139)

#87467a

#87467a
rgb(135,70,122)

#206c50

#206c50
rgb(32,108,80)

#bcf5b3

#bcf5b3
rgb(188,245,179)