Informação da cor #f0f5f5

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

No padrão de cores CMYK, é composto por 2% de ciano, 0% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 20% e uma leveza de 95.1%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f0f5f5 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 f0f5f5
RGB 240, 245, 245
RGB Percentagem 94.1%, 96.1%, 96.1%
CMYK 0.02, 0, 0, 0.04
HSL 180°, 20%, 95.1%
HSV (ou HSB) 180°, 2%, 96.1%
RYB 94.1, 95.3, 96.1
Formato Cor
XYZ 85.9, 91.2, 100.1
CIELab 96.49, -1.52, -0.53
Decimal 15791605
Yxy 90.4223, 0.3095, 0.329
YUV 243.505, 128.8437, 125.5
CIELuv 96.1717, -2.7764, -0.599
Web Safe CCCCCC

Distribuição de #f0f5f5

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.

#f0f5f5

#f0f5f5
rgb(240,245,245)

#f5f0f0

#f5f0f0
rgb(245,240,240)

Cores triadicas

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

#f5f0f5

#f5f0f5
rgb(245,240,245)

#f0f5f5

#f0f5f5
rgb(240,245,245)

#f5f5f0

#f5f5f0
rgb(245,245,240)

Cores tetrádicas

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

#f3f0f5

#f3f0f5
rgb(243,240,245)

#f0f5f5

#f0f5f5
rgb(240,245,245)

#f5f0f0

#f5f0f0
rgb(245,240,240)

#f3f5f0

#f3f5f0
rgb(243,245,240)

Cores monocromáticas

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

#f0f5f5

#f0f5f5
rgb(240,245,245)

#c2f5f5

#c2f5f5
rgb(194,245,245)

#c0f5f5

#c0f5f5
rgb(192,245,245)

#bdf5f5

#bdf5f5
rgb(189,245,245)

#bbf5f5

#bbf5f5
rgb(187,245,245)

#b8f5f5

#b8f5f5
rgb(184,245,245)

Tons e Matizes de #f0f5f5

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

Matiz (adicionando branco)
#f0f5f5

#f0f5f5
rgb(240,245,245)

#f3f7f7

#f3f7f7
rgb(243,247,247)

#f6f9f9

#f6f9f9
rgb(246,249,249)

#f9fbfb

#f9fbfb
rgb(249,251,251)

#fcfdfd

#fcfdfd
rgb(252,253,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f0f5f5

#f0f5f5
rgb(240,245,245)

#c0c4c4

#c0c4c4
rgb(192,196,196)

#909393

#909393
rgb(144,147,147)

#5f6161

#5f6161
rgb(95,97,97)

#2f3030

#2f3030
rgb(47,48,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f0f5f5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f0f5f5.

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

Este elemento tem uma cor de borda de #f0f5f5.

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

Cores alietórias

#e3ada2

#e3ada2
rgb(227,173,162)

#62b813

#62b813
rgb(98,184,19)

#97c134

#97c134
rgb(151,193,52)

#31b874

#31b874
rgb(49,184,116)

#864385

#864385
rgb(134,67,133)

#4bc515

#4bc515
rgb(75,197,21)

#6f1bb5

#6f1bb5
rgb(111,27,181)

#86af00

#86af00
rgb(134,175,0)

#9a1f40

#9a1f40
rgb(154,31,64)

#6311f3

#6311f3
rgb(99,17,243)

#10a48b

#10a48b
rgb(16,164,139)

#761595

#761595
rgb(118,21,149)