Informação da cor #fff5fb

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

No padrão de cores CMYK, é composto por 0% de ciano, 3.9% de magenta, 1.6% de amarelo e 0% de preto. Tem um ângulo de matiz de 324 graus, uma saturação de 100% e uma leveza de 98%.

A cor mais próxima WebSafe é FFCCCC.

Conversões de #fff5fb 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 fff5fb
RGB 255, 245, 251
RGB Percentagem 100%, 96.1%, 98.4%
CMYK 0, 0.04, 0.02, 0
HSL 324°, 100%, 98%
HSV (ou HSB) 324°, 3.9%, 100%
RYB 100, 96.1, 98.4
Formato Cor
XYZ 91.6, 94.1, 104.9
CIELab 97.65, 4.01, -1.55
Decimal 16774651
Yxy 93.5304, 0.3156, 0.3233
YUV 248.674, 129.3126, 132.5121
CIELuv 97.4424, 5.3035, -3.4008
Web Safe FFCCCC

Distribuição de #fff5fb

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.

#fff5fb

#fff5fb
rgb(255,245,251)

#f5fff9

#f5fff9
rgb(245,255,249)

Cores triadicas

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

#fbfff5

#fbfff5
rgb(251,255,245)

#fff5fb

#fff5fb
rgb(255,245,251)

#f5fbff

#f5fbff
rgb(245,251,255)

Cores tetrádicas

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

#fffef5

#fffef5
rgb(255,254,245)

#fff5fb

#fff5fb
rgb(255,245,251)

#f5fff9

#f5fff9
rgb(245,255,249)

#f5f6ff

#f5f6ff
rgb(245,246,255)

Cores monocromáticas

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

#fff5fb

#fff5fb
rgb(255,245,251)

#ffcaea

#ffcaea
rgb(255,202,234)

#ffc7e9

#ffc7e9
rgb(255,199,233)

#ffc5e8

#ffc5e8
rgb(255,197,232)

#ffc2e7

#ffc2e7
rgb(255,194,231)

#ffc0e6

#ffc0e6
rgb(255,192,230)

Tons e Matizes de #fff5fb

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

Matiz (adicionando branco)
#fff5fb

#fff5fb
rgb(255,245,251)

#fff7fb

#fff7fb
rgb(255,247,251)

#fff9fc

#fff9fc
rgb(255,249,252)

#fffbfd

#fffbfd
rgb(255,251,253)

#fffdfe

#fffdfe
rgb(255,253,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fff5fb

#fff5fb
rgb(255,245,251)

#ccc4c8

#ccc4c8
rgb(204,196,200)

#999396

#999396
rgb(153,147,150)

#656164

#656164
rgb(101,97,100)

#323032

#323032
rgb(50,48,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fff5fb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fff5fb.

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

Este elemento tem uma cor de borda de #fff5fb.

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

Cores alietórias

#50ec7b

#50ec7b
rgb(80,236,123)

#98d091

#98d091
rgb(152,208,145)

#1e893d

#1e893d
rgb(30,137,61)

#49219e

#49219e
rgb(73,33,158)

#cd11ad

#cd11ad
rgb(205,17,173)

#e491da

#e491da
rgb(228,145,218)

#9c7c3f

#9c7c3f
rgb(156,124,63)

#55f3c1

#55f3c1
rgb(85,243,193)

#78ff82

#78ff82
rgb(120,255,130)

#bb3e9e

#bb3e9e
rgb(187,62,158)

#404eb9

#404eb9
rgb(64,78,185)

#534824

#534824
rgb(83,72,36)