Informação da cor #fcdce3

A cor hexadecimal fcdce3 no modelo de cores RGB (Red, Green, Blue), é um composta por 252 de vermelho, 220 de verde e 227 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 12.7% de magenta, 9.9% de amarelo e 1.2% de preto. Tem um ângulo de matiz de 346.9 graus, uma saturação de 84.2% e uma leveza de 92.6%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #fcdce3 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 fcdce3
RGB 252, 220, 227
RGB Percentagem 98.8%, 86.3%, 89%
CMYK 0, 0.13, 0.1, 0.01
HSL 346.9°, 84.2%, 92.6%
HSV (ou HSB) 346.9°, 12.7%, 98.8%
RYB 98.8, 86.3, 89
Formato Cor
XYZ 80.7, 79, 85.3
CIELab 91.25, 11.2, 0.57
Decimal 16571619
Yxy 77.4296, 0.3311, 0.322
YUV 230.366, 126.1004, 143.4308
CIELuv 90.519, 18.4446, -1.2252
Web Safe CCCCCC

Distribuição de #fcdce3

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.

#fcdce3

#fcdce3
rgb(252,220,227)

#dcfcf5

#dcfcf5
rgb(220,252,245)

Cores triadicas

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

#e4fcdc

#e4fcdc
rgb(228,252,220)

#fcdce3

#fcdce3
rgb(252,220,227)

#dce4fc

#dce4fc
rgb(220,228,252)

Cores tetrádicas

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

#f4fcdc

#f4fcdc
rgb(244,252,220)

#fcdce3

#fcdce3
rgb(252,220,227)

#dcfcf5

#dcfcf5
rgb(220,252,245)

#e5dcfc

#e5dcfc
rgb(229,220,252)

Cores monocromáticas

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

#fcdce3

#fcdce3
rgb(252,220,227)

#fcc7d3

#fcc7d3
rgb(252,199,211)

#fcc5d1

#fcc5d1
rgb(252,197,209)

#fcc2cf

#fcc2cf
rgb(252,194,207)

#fcc0cd

#fcc0cd
rgb(252,192,205)

#fcbdcb

#fcbdcb
rgb(252,189,203)

Tons e Matizes de #fcdce3

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

Matiz (adicionando branco)
#fcdce3

#fcdce3
rgb(252,220,227)

#fce3e8

#fce3e8
rgb(252,227,232)

#fdeaee

#fdeaee
rgb(253,234,238)

#fdf1f3

#fdf1f3
rgb(253,241,243)

#fef8f9

#fef8f9
rgb(254,248,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fcdce3

#fcdce3
rgb(252,220,227)

#c9b0b5

#c9b0b5
rgb(201,176,181)

#978488

#978488
rgb(151,132,136)

#64575a

#64575a
rgb(100,87,90)

#322b2d

#322b2d
rgb(50,43,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fcdce3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fcdce3.

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

Este elemento tem uma cor de borda de #fcdce3.

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

Cores alietórias

#a2a550

#a2a550
rgb(162,165,80)

#b63fa6

#b63fa6
rgb(182,63,166)

#5c9d58

#5c9d58
rgb(92,157,88)

#be933b

#be933b
rgb(190,147,59)

#8ec948

#8ec948
rgb(142,201,72)

#e830e6

#e830e6
rgb(232,48,230)

#600612

#600612
rgb(96,6,18)

#f1ddcc

#f1ddcc
rgb(241,221,204)

#733b9f

#733b9f
rgb(115,59,159)

#3217b3

#3217b3
rgb(50,23,179)

#ba7c2a

#ba7c2a
rgb(186,124,42)

#542acc

#542acc
rgb(84,42,204)