Informação da cor #f8faf3

A cor hexadecimal f8faf3 no modelo de cores RGB (Red, Green, Blue), é um composta por 248 de vermelho, 250 de verde e 243 de azul.

No padrão de cores CMYK, é composto por 0.8% de ciano, 0% de magenta, 2.8% de amarelo e 2% de preto. Tem um ângulo de matiz de 77.1 graus, uma saturação de 41.2% e uma leveza de 96.7%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f8faf3 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 f8faf3
RGB 248, 250, 243
RGB Percentagem 97.3%, 98%, 95.3%
CMYK 0.01, 0, 0.03, 0.02
HSL 77.1°, 41.2%, 96.7%
HSV (ou HSB) 77.1°, 2.8%, 98%
RYB 95.3, 98, 96.1
Formato Cor
XYZ 89.6, 95.2, 99.2
CIELab 98.12, -1.73, 2.87
Decimal 16317171
Yxy 94.7988, 0.3156, 0.3359
YUV 248.604, 124.8375, 127.5692
CIELuv 97.9529, -0.7402, 5.1324
Web Safe CCCCCC

Distribuição de #f8faf3

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.

#f8faf3

#f8faf3
rgb(248,250,243)

#f5f3fa

#f5f3fa
rgb(245,243,250)

Cores triadicas

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

#f3f9fa

#f3f9fa
rgb(243,249,250)

#f8faf3

#f8faf3
rgb(248,250,243)

#faf3f9

#faf3f9
rgb(250,243,249)

Cores tetrádicas

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

#f3faf9

#f3faf9
rgb(243,250,249)

#f8faf3

#f8faf3
rgb(248,250,243)

#f5f3fa

#f5f3fa
rgb(245,243,250)

#faf3f5

#faf3f5
rgb(250,243,245)

Cores monocromáticas

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

#f8faf3

#f8faf3
rgb(248,250,243)

#ebfac6

#ebfac6
rgb(235,250,198)

#ebfac3

#ebfac3
rgb(235,250,195)

#eafac1

#eafac1
rgb(234,250,193)

#e9fabe

#e9fabe
rgb(233,250,190)

#e9fabc

#e9fabc
rgb(233,250,188)

Tons e Matizes de #f8faf3

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

Matiz (adicionando branco)
#f8faf3

#f8faf3
rgb(248,250,243)

#f9fbf5

#f9fbf5
rgb(249,251,245)

#fafcf7

#fafcf7
rgb(250,252,247)

#fcfdfa

#fcfdfa
rgb(252,253,250)

#fdfefc

#fdfefc
rgb(253,254,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f8faf3

#f8faf3
rgb(248,250,243)

#c6c8c2

#c6c8c2
rgb(198,200,194)

#949691

#949691
rgb(148,150,145)

#636361

#636361
rgb(99,99,97)

#313130

#313130
rgb(49,49,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f8faf3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f8faf3.

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

Este elemento tem uma cor de borda de #f8faf3.

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

Cores alietórias

#e6a2cd

#e6a2cd
rgb(230,162,205)

#c09873

#c09873
rgb(192,152,115)

#ab011c

#ab011c
rgb(171,1,28)

#192045

#192045
rgb(25,32,69)

#34c685

#34c685
rgb(52,198,133)

#72f60f

#72f60f
rgb(114,246,15)

#607b85

#607b85
rgb(96,123,133)

#c8cc13

#c8cc13
rgb(200,204,19)

#23b4a1

#23b4a1
rgb(35,180,161)

#709998

#709998
rgb(112,153,152)

#8106c0

#8106c0
rgb(129,6,192)

#b3be22

#b3be22
rgb(179,190,34)