Informação da cor #cfd5d1

A cor hexadecimal cfd5d1 no modelo de cores RGB (Red, Green, Blue), é um composta por 207 de vermelho, 213 de verde e 209 de azul.

No padrão de cores CMYK, é composto por 2.8% de ciano, 0% de magenta, 1.9% de amarelo e 16.5% de preto. Tem um ângulo de matiz de 140 graus, uma saturação de 6.7% e uma leveza de 82.4%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #cfd5d1 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 cfd5d1
RGB 207, 213, 209
RGB Percentagem 81.2%, 83.5%, 82%
CMYK 0.03, 0, 0.02, 0.16
HSL 140°, 6.7%, 82.4%
HSV (ou HSB) 140°, 2.8%, 83.5%
RYB 81.2, 83.1, 83.5
Formato Cor
XYZ 63.3, 67.8, 72.4
CIELab 85.91, -2.57, 1.17
Decimal 13620689
Yxy 65.4571, 0.311, 0.3336
YUV 210.75, 127.0124, 125.3252
CIELuv 84.7187, -3.1477, 2.3943
Web Safe CCCCCC

Distribuição de #cfd5d1

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.

#cfd5d1

#cfd5d1
rgb(207,213,209)

#d5d0d4

#d5d0d4
rgb(213,208,212)

Cores triadicas

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

#d2d0d5

#d2d0d5
rgb(210,208,213)

#cfd5d1

#cfd5d1
rgb(207,213,209)

#d5d2d0

#d5d2d0
rgb(213,210,208)

Cores tetrádicas

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

#d0d0d5

#d0d0d5
rgb(208,208,213)

#cfd5d1

#cfd5d1
rgb(207,213,209)

#d5d0d4

#d5d0d4
rgb(213,208,212)

#d5d4d0

#d5d4d0
rgb(213,212,208)

Cores monocromáticas

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

#cfd5d1

#cfd5d1
rgb(207,213,209)

#a9d5b8

#a9d5b8
rgb(169,213,184)

#a7d5b6

#a7d5b6
rgb(167,213,182)

#a4d5b5

#a4d5b5
rgb(164,213,181)

#a2d5b3

#a2d5b3
rgb(162,213,179)

#a0d5b2

#a0d5b2
rgb(160,213,178)

Tons e Matizes de #cfd5d1

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

Matiz (adicionando branco)
#cfd5d1

#cfd5d1
rgb(207,213,209)

#d8ddda

#d8ddda
rgb(216,221,218)

#e2e5e3

#e2e5e3
rgb(226,229,227)

#ebeeec

#ebeeec
rgb(235,238,236)

#f5f6f5

#f5f6f5
rgb(245,246,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cfd5d1

#cfd5d1
rgb(207,213,209)

#a5aaa7

#a5aaa7
rgb(165,170,167)

#7c7f7d

#7c7f7d
rgb(124,127,125)

#525553

#525553
rgb(82,85,83)

#292a29

#292a29
rgb(41,42,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cfd5d1

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cfd5d1.

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

Este elemento tem uma cor de borda de #cfd5d1.

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

Cores alietórias

#3be6cb

#3be6cb
rgb(59,230,203)

#dbfe44

#dbfe44
rgb(219,254,68)

#931244

#931244
rgb(147,18,68)

#1d4391

#1d4391
rgb(29,67,145)

#8f2082

#8f2082
rgb(143,32,130)

#9dabc2

#9dabc2
rgb(157,171,194)

#8e1a58

#8e1a58
rgb(142,26,88)

#7064c6

#7064c6
rgb(112,100,198)

#803dbb

#803dbb
rgb(128,61,187)

#f8a2dc

#f8a2dc
rgb(248,162,220)

#7fbe3e

#7fbe3e
rgb(127,190,62)

#64961e

#64961e
rgb(100,150,30)