Informação da cor #c1d7cb

A cor hexadecimal c1d7cb no modelo de cores RGB (Red, Green, Blue), é um composta por 193 de vermelho, 215 de verde e 203 de azul.

No padrão de cores CMYK, é composto por 10.2% de ciano, 0% de magenta, 5.6% de amarelo e 15.7% de preto. Tem um ângulo de matiz de 147.3 graus, uma saturação de 21.6% e uma leveza de 80%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c1d7cb 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 c1d7cb
RGB 193, 215, 203
RGB Percentagem 75.7%, 84.3%, 79.6%
CMYK 0.1, 0, 0.06, 0.16
HSL 147.3°, 21.6%, 80%
HSV (ou HSB) 147.3°, 10.2%, 84.3%
RYB 75.7, 82, 84.3
Formato Cor
XYZ 59.5, 66.6, 68.7
CIELab 85.32, -8.96, 3.16
Decimal 12703691
Yxy 64.2493, 0.3049, 0.3432
YUV 207.054, 125.7122, 117.9757
CIELuv 84.0954, -11.4665, 6.8148
Web Safe 99CC99

Distribuição de #c1d7cb

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.

#c1d7cb

#c1d7cb
rgb(193,215,203)

#d7c1cd

#d7c1cd
rgb(215,193,205)

Cores triadicas

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

#ccc1d7

#ccc1d7
rgb(204,193,215)

#c1d7cb

#c1d7cb
rgb(193,215,203)

#d7ccc1

#d7ccc1
rgb(215,204,193)

Cores tetrádicas

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

#c1c2d7

#c1c2d7
rgb(193,194,215)

#c1d7cb

#c1d7cb
rgb(193,215,203)

#d7c1cd

#d7c1cd
rgb(215,193,205)

#d7d7c1

#d7d7c1
rgb(215,215,193)

Cores monocromáticas

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

#c1d7cb

#c1d7cb
rgb(193,215,203)

#aad7bf

#aad7bf
rgb(170,215,191)

#a8d7be

#a8d7be
rgb(168,215,190)

#a6d7bc

#a6d7bc
rgb(166,215,188)

#a4d7bb

#a4d7bb
rgb(164,215,187)

#a2d7ba

#a2d7ba
rgb(162,215,186)

Tons e Matizes de #c1d7cb

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

Matiz (adicionando branco)
#c1d7cb

#c1d7cb
rgb(193,215,203)

#cddfd5

#cddfd5
rgb(205,223,213)

#d9e7df

#d9e7df
rgb(217,231,223)

#e6efea

#e6efea
rgb(230,239,234)

#f2f7f4

#f2f7f4
rgb(242,247,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c1d7cb

#c1d7cb
rgb(193,215,203)

#9aaca2

#9aaca2
rgb(154,172,162)

#738179

#738179
rgb(115,129,121)

#4d5551

#4d5551
rgb(77,85,81)

#262a28

#262a28
rgb(38,42,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c1d7cb

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

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

Contraste

Branco e #c1d7cb
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.

Preto e #c1d7cb
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.

Exemplos CSS

Texto com cor hexadecimal #c1d7cb

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

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

Este parágrafo tem fundo de cor #c1d7cb.

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

Este elemento tem uma cor de borda de #c1d7cb.

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

Cores alietórias

#a68a96

#a68a96
rgb(166,138,150)

#0e3785

#0e3785
rgb(14,55,133)

#8d232e

#8d232e
rgb(141,35,46)

#ed326a

#ed326a
rgb(237,50,106)

#9b109a

#9b109a
rgb(155,16,154)

#071068

#071068
rgb(7,16,104)

#a5ed15

#a5ed15
rgb(165,237,21)

#8ed183

#8ed183
rgb(142,209,131)

#cfa257

#cfa257
rgb(207,162,87)

#0cbbba

#0cbbba
rgb(12,187,186)

#c1ed8a

#c1ed8a
rgb(193,237,138)

#b8a19d

#b8a19d
rgb(184,161,157)