Informação da cor #f4f8ec

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

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

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f4f8ec 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 f4f8ec
RGB 244, 248, 236
RGB Percentagem 95.7%, 97.3%, 92.5%
CMYK 0.02, 0, 0.05, 0.03
HSL 80°, 46.2%, 94.9%
HSV (ou HSB) 80°, 4.8%, 97.3%
RYB 92.5, 97.3, 94.1
Formato Cor
XYZ 86.7, 93, 93.9
CIELab 97.24, -3.14, 4.87
Decimal 16054508
Yxy 92.424, 0.3173, 0.3409
YUV 245.436, 122.6749, 126.9757
CIELuv 96.9934, -1.6056, 8.7006
Web Safe CCCCCC

Distribuição de #f4f8ec

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.

#f4f8ec

#f4f8ec
rgb(244,248,236)

#f0ecf8

#f0ecf8
rgb(240,236,248)

Cores triadicas

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

#ecf5f8

#ecf5f8
rgb(236,245,248)

#f4f8ec

#f4f8ec
rgb(244,248,236)

#f8ecf5

#f8ecf5
rgb(248,236,245)

Cores tetrádicas

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

#ecf8f6

#ecf8f6
rgb(236,248,246)

#f4f8ec

#f4f8ec
rgb(244,248,236)

#f0ecf8

#f0ecf8
rgb(240,236,248)

#f8ecef

#f8ecef
rgb(248,236,239)

Cores monocromáticas

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

#f4f8ec

#f4f8ec
rgb(244,248,236)

#e7f8c4

#e7f8c4
rgb(231,248,196)

#e6f8c2

#e6f8c2
rgb(230,248,194)

#e5f8bf

#e5f8bf
rgb(229,248,191)

#e5f8bd

#e5f8bd
rgb(229,248,189)

#e4f8ba

#e4f8ba
rgb(228,248,186)

Tons e Matizes de #f4f8ec

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

Matiz (adicionando branco)
#f4f8ec

#f4f8ec
rgb(244,248,236)

#f6f9ef

#f6f9ef
rgb(246,249,239)

#f8faf3

#f8faf3
rgb(248,250,243)

#fafcf7

#fafcf7
rgb(250,252,247)

#fcfdfb

#fcfdfb
rgb(252,253,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f4f8ec

#f4f8ec
rgb(244,248,236)

#c3c6bc

#c3c6bc
rgb(195,198,188)

#92948d

#92948d
rgb(146,148,141)

#61635e

#61635e
rgb(97,99,94)

#30312f

#30312f
rgb(48,49,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f4f8ec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f4f8ec.

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

Este elemento tem uma cor de borda de #f4f8ec.

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

Cores alietórias

#0d51a9

#0d51a9
rgb(13,81,169)

#793006

#793006
rgb(121,48,6)

#4f3790

#4f3790
rgb(79,55,144)

#b4c02c

#b4c02c
rgb(180,192,44)

#0ff31d

#0ff31d
rgb(15,243,29)

#2795f8

#2795f8
rgb(39,149,248)

#0634f1

#0634f1
rgb(6,52,241)

#537f61

#537f61
rgb(83,127,97)

#721090

#721090
rgb(114,16,144)

#cda963

#cda963
rgb(205,169,99)

#6ec81c

#6ec81c
rgb(110,200,28)

#322add

#322add
rgb(50,42,221)