Informação da cor #fbf4fd

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

No padrão de cores CMYK, é composto por 0.8% de ciano, 3.6% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 286.7 graus, uma saturação de 69.2% e uma leveza de 97.5%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #fbf4fd 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 fbf4fd
RGB 251, 244, 253
RGB Percentagem 98.4%, 95.7%, 99.2%
CMYK 0.01, 0.04, 0, 0.01
HSL 286.7°, 69.2%, 97.5%
HSV (ou HSB) 286.7°, 3.6%, 99.2%
RYB 98.4, 95.7, 99.2
Formato Cor
XYZ 90.3, 92.9, 106.2
CIELab 97.19, 3.59, -3.2
Decimal 16512253
Yxy 92.3027, 0.3118, 0.3203
YUV 247.119, 131.3188, 130.7682
CIELuv 96.9439, 3.4039, -6.1247
Web Safe CCCCCC

Distribuição de #fbf4fd

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.

#fbf4fd

#fbf4fd
rgb(251,244,253)

#f7fdf4

#f7fdf4
rgb(247,253,244)

Cores triadicas

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

#fdfbf4

#fdfbf4
rgb(253,251,244)

#fbf4fd

#fbf4fd
rgb(251,244,253)

#f4fdfb

#f4fdfb
rgb(244,253,251)

Cores tetrádicas

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

#fdf7f4

#fdf7f4
rgb(253,247,244)

#fbf4fd

#fbf4fd
rgb(251,244,253)

#f7fdf4

#f7fdf4
rgb(247,253,244)

#f4fbfd

#f4fbfd
rgb(244,251,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.

#fbf4fd

#fbf4fd
rgb(251,244,253)

#f2c8fd

#f2c8fd
rgb(242,200,253)

#f1c6fd

#f1c6fd
rgb(241,198,253)

#f1c3fd

#f1c3fd
rgb(241,195,253)

#f0c1fd

#f0c1fd
rgb(240,193,253)

#efbefd

#efbefd
rgb(239,190,253)

Tons e Matizes de #fbf4fd

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

Matiz (adicionando branco)
#fbf4fd

#fbf4fd
rgb(251,244,253)

#fbf6fd

#fbf6fd
rgb(251,246,253)

#fcf8fd

#fcf8fd
rgb(252,248,253)

#fdfafe

#fdfafe
rgb(253,250,254)

#fefcfe

#fefcfe
rgb(254,252,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fbf4fd

#fbf4fd
rgb(251,244,253)

#c8c3ca

#c8c3ca
rgb(200,195,202)

#969297

#969297
rgb(150,146,151)

#646165

#646165
rgb(100,97,101)

#323032

#323032
rgb(50,48,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fbf4fd

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fbf4fd.

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

Este elemento tem uma cor de borda de #fbf4fd.

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

Cores alietórias

#7d5798

#7d5798
rgb(125,87,152)

#b74a69

#b74a69
rgb(183,74,105)

#98554d

#98554d
rgb(152,85,77)

#a728f8

#a728f8
rgb(167,40,248)

#9b8027

#9b8027
rgb(155,128,39)

#cb04f9

#cb04f9
rgb(203,4,249)

#32b279

#32b279
rgb(50,178,121)

#f996d6

#f996d6
rgb(249,150,214)

#a5766b

#a5766b
rgb(165,118,107)

#f9b68c

#f9b68c
rgb(249,182,140)

#ac3fb9

#ac3fb9
rgb(172,63,185)

#000bcd

#000bcd
rgb(0,11,205)