Informação da cor #f0ecee

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

No padrão de cores CMYK, é composto por 0% de ciano, 1.7% de magenta, 0.8% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 330 graus, uma saturação de 11.8% e uma leveza de 93.3%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f0ecee 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 f0ecee
RGB 240, 236, 238
RGB Percentagem 94.1%, 92.5%, 93.3%
CMYK 0, 0.02, 0.01, 0.06
HSL 330°, 11.8%, 93.3%
HSV (ou HSB) 330°, 1.7%, 94.1%
RYB 94.1, 92.5, 93.3
Formato Cor
XYZ 82.4, 85.9, 94.2
CIELab 94.26, 1.56, -0.45
Decimal 15789294
Yxy 84.6894, 0.3142, 0.327
YUV 237.424, 128.3251, 129.8374
CIELuv 93.7491, 2.1417, -1.0598
Web Safe CCCCCC

Distribuição de #f0ecee

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.

#f0ecee

#f0ecee
rgb(240,236,238)

#ecf0ee

#ecf0ee
rgb(236,240,238)

Cores triadicas

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

#eef0ec

#eef0ec
rgb(238,240,236)

#f0ecee

#f0ecee
rgb(240,236,238)

#eceef0

#eceef0
rgb(236,238,240)

Cores tetrádicas

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

#f0f0ec

#f0f0ec
rgb(240,240,236)

#f0ecee

#f0ecee
rgb(240,236,238)

#ecf0ee

#ecf0ee
rgb(236,240,238)

#ececf0

#ececf0
rgb(236,236,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.

#f0ecee

#f0ecee
rgb(240,236,238)

#f0bed7

#f0bed7
rgb(240,190,215)

#f0bcd6

#f0bcd6
rgb(240,188,214)

#f0b9d5

#f0b9d5
rgb(240,185,213)

#f0b7d4

#f0b7d4
rgb(240,183,212)

#f0b4d2

#f0b4d2
rgb(240,180,210)

Tons e Matizes de #f0ecee

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

Matiz (adicionando branco)
#f0ecee

#f0ecee
rgb(240,236,238)

#f3eff1

#f3eff1
rgb(243,239,241)

#f6f3f4

#f6f3f4
rgb(246,243,244)

#f9f7f8

#f9f7f8
rgb(249,247,248)

#fcfbfb

#fcfbfb
rgb(252,251,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f0ecee

#f0ecee
rgb(240,236,238)

#c0bcbe

#c0bcbe
rgb(192,188,190)

#908d8e

#908d8e
rgb(144,141,142)

#5f5e5f

#5f5e5f
rgb(95,94,95)

#2f2f2f

#2f2f2f
rgb(47,47,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f0ecee

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f0ecee.

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

Este elemento tem uma cor de borda de #f0ecee.

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

Cores alietórias

#7e223a

#7e223a
rgb(126,34,58)

#26edd3

#26edd3
rgb(38,237,211)

#a8b86c

#a8b86c
rgb(168,184,108)

#7ae521

#7ae521
rgb(122,229,33)

#d834e9

#d834e9
rgb(216,52,233)

#f4ed7c

#f4ed7c
rgb(244,237,124)

#a761db

#a761db
rgb(167,97,219)

#fd1ebc

#fd1ebc
rgb(253,30,188)

#c5838b

#c5838b
rgb(197,131,139)

#049d25

#049d25
rgb(4,157,37)

#987076

#987076
rgb(152,112,118)

#ac01fe

#ac01fe
rgb(172,1,254)