Informação da cor #fde4fd

A cor hexadecimal fde4fd no modelo de cores RGB (Red, Green, Blue), é um composta por 253 de vermelho, 228 de verde e 253 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 9.9% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 300 graus, uma saturação de 86.2% e uma leveza de 94.3%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #fde4fd 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 fde4fd
RGB 253, 228, 253
RGB Percentagem 99.2%, 89.4%, 99.2%
CMYK 0, 0.1, 0, 0.01
HSL 300°, 86.2%, 94.3%
HSV (ou HSB) 300°, 9.9%, 99.2%
RYB 99.2, 89.4, 99.2
Formato Cor
XYZ 86.7, 84.7, 104.9
CIELab 93.75, 11.78, -8.26
Decimal 16639229
Yxy 83.4623, 0.3139, 0.3047
YUV 238.325, 136.2816, 138.4672
CIELuv 93.2165, 12.6254, -16.3215
Web Safe CCCCCC

Distribuição de #fde4fd

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.

#fde4fd

#fde4fd
rgb(253,228,253)

#e4fde4

#e4fde4
rgb(228,253,228)

Cores triadicas

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

#fdfde4

#fdfde4
rgb(253,253,228)

#fde4fd

#fde4fd
rgb(253,228,253)

#e4fdfd

#e4fdfd
rgb(228,253,253)

Cores tetrádicas

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

#fdf1e4

#fdf1e4
rgb(253,241,228)

#fde4fd

#fde4fd
rgb(253,228,253)

#e4fde4

#e4fde4
rgb(228,253,228)

#e4f1fd

#e4f1fd
rgb(228,241,253)

Cores monocromáticas

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

#fde4fd

#fde4fd
rgb(253,228,253)

#fdc8fd

#fdc8fd
rgb(253,200,253)

#fdc6fd

#fdc6fd
rgb(253,198,253)

#fdc3fd

#fdc3fd
rgb(253,195,253)

#fdc1fd

#fdc1fd
rgb(253,193,253)

#fdbefd

#fdbefd
rgb(253,190,253)

Tons e Matizes de #fde4fd

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

Matiz (adicionando branco)
#fde4fd

#fde4fd
rgb(253,228,253)

#fde9fd

#fde9fd
rgb(253,233,253)

#fdeefd

#fdeefd
rgb(253,238,253)

#fef4fe

#fef4fe
rgb(254,244,254)

#fef9fe

#fef9fe
rgb(254,249,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fde4fd

#fde4fd
rgb(253,228,253)

#cab6ca

#cab6ca
rgb(202,182,202)

#978897

#978897
rgb(151,136,151)

#655b65

#655b65
rgb(101,91,101)

#322d32

#322d32
rgb(50,45,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fde4fd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fde4fd.

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

Este elemento tem uma cor de borda de #fde4fd.

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

Cores alietórias

#d2caf5

#d2caf5
rgb(210,202,245)

#4a0bd1

#4a0bd1
rgb(74,11,209)

#5978ee

#5978ee
rgb(89,120,238)

#e1f4e9

#e1f4e9
rgb(225,244,233)

#9dce03

#9dce03
rgb(157,206,3)

#eaf879

#eaf879
rgb(234,248,121)

#152e50

#152e50
rgb(21,46,80)

#aef881

#aef881
rgb(174,248,129)

#dd704f

#dd704f
rgb(221,112,79)

#0bc4eb

#0bc4eb
rgb(11,196,235)

#03dff5

#03dff5
rgb(3,223,245)

#13134f

#13134f
rgb(19,19,79)