Informação da cor #f8ecef

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

No padrão de cores CMYK, é composto por 0% de ciano, 4.8% de magenta, 3.6% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 345 graus, uma saturação de 46.2% e uma leveza de 94.9%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f8ecef 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 f8ecef
RGB 248, 236, 239
RGB Percentagem 97.3%, 92.5%, 93.7%
CMYK 0, 0.05, 0.04, 0.03
HSL 345°, 46.2%, 94.9%
HSV (ou HSB) 345°, 4.8%, 97.3%
RYB 97.3, 92.5, 93.7
Formato Cor
XYZ 85.1, 87.3, 95
CIELab 94.84, 4.18, -0.01
Decimal 16313583
Yxy 86.18, 0.3189, 0.3261
YUV 239.93, 127.4752, 133.7561
CIELuv 94.3893, 6.6745, -0.8259
Web Safe CCCCCC

Distribuição de #f8ecef

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.

#f8ecef

#f8ecef
rgb(248,236,239)

#ecf8f5

#ecf8f5
rgb(236,248,245)

Cores triadicas

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

#eff8ec

#eff8ec
rgb(239,248,236)

#f8ecef

#f8ecef
rgb(248,236,239)

#eceff8

#eceff8
rgb(236,239,248)

Cores tetrádicas

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

#f5f8ec

#f5f8ec
rgb(245,248,236)

#f8ecef

#f8ecef
rgb(248,236,239)

#ecf8f5

#ecf8f5
rgb(236,248,245)

#efecf8

#efecf8
rgb(239,236,248)

Cores monocromáticas

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

#f8ecef

#f8ecef
rgb(248,236,239)

#f8c4d1

#f8c4d1
rgb(248,196,209)

#f8c2cf

#f8c2cf
rgb(248,194,207)

#f8bfce

#f8bfce
rgb(248,191,206)

#f8bdcc

#f8bdcc
rgb(248,189,204)

#f8baca

#f8baca
rgb(248,186,202)

Tons e Matizes de #f8ecef

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

Matiz (adicionando branco)
#f8ecef

#f8ecef
rgb(248,236,239)

#f9eff2

#f9eff2
rgb(249,239,242)

#faf3f5

#faf3f5
rgb(250,243,245)

#fcf7f8

#fcf7f8
rgb(252,247,248)

#fdfbfb

#fdfbfb
rgb(253,251,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f8ecef

#f8ecef
rgb(248,236,239)

#c6bcbf

#c6bcbf
rgb(198,188,191)

#948d8f

#948d8f
rgb(148,141,143)

#635e5f

#635e5f
rgb(99,94,95)

#312f2f

#312f2f
rgb(49,47,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f8ecef

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f8ecef.

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

Este elemento tem uma cor de borda de #f8ecef.

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

Cores alietórias

#c35821

#c35821
rgb(195,88,33)

#6bd2e9

#6bd2e9
rgb(107,210,233)

#3e3668

#3e3668
rgb(62,54,104)

#9c9546

#9c9546
rgb(156,149,70)

#6af5c7

#6af5c7
rgb(106,245,199)

#9c4741

#9c4741
rgb(156,71,65)

#9e414f

#9e414f
rgb(158,65,79)

#2cf856

#2cf856
rgb(44,248,86)

#7786a7

#7786a7
rgb(119,134,167)

#3a6eac

#3a6eac
rgb(58,110,172)

#019b98

#019b98
rgb(1,155,152)

#7431e1

#7431e1
rgb(116,49,225)