Informação da cor #f7e4fa

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

No padrão de cores CMYK, é composto por 1.2% de ciano, 8.8% de magenta, 0% de amarelo e 2% de preto. Tem um ângulo de matiz de 291.8 graus, uma saturação de 68.8% e uma leveza de 93.7%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #f7e4fa 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 f7e4fa
RGB 247, 228, 250
RGB Percentagem 96.9%, 89.4%, 98%
CMYK 0.01, 0.09, 0, 0.02
HSL 291.8°, 68.8%, 93.7%
HSV (ou HSB) 291.8°, 8.8%, 98%
RYB 96.9, 89.4, 98
Formato Cor
XYZ 84.3, 83.5, 102.5
CIELab 93.23, 9.47, -7.65
Decimal 16246010
Yxy 82.1638, 0.3117, 0.3073
YUV 236.189, 135.794, 135.7111
CIELuv 92.6471, 9.3747, -14.8015
Web Safe CCCCCC

Distribuição de #f7e4fa

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.

#f7e4fa

#f7e4fa
rgb(247,228,250)

#e8fae4

#e8fae4
rgb(232,250,228)

Cores triadicas

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

#faf7e4

#faf7e4
rgb(250,247,228)

#f7e4fa

#f7e4fa
rgb(247,228,250)

#e4faf7

#e4faf7
rgb(228,250,247)

Cores tetrádicas

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

#faece4

#faece4
rgb(250,236,228)

#f7e4fa

#f7e4fa
rgb(247,228,250)

#e8fae4

#e8fae4
rgb(232,250,228)

#e4f3fa

#e4f3fa
rgb(228,243,250)

Cores monocromáticas

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

#f7e4fa

#f7e4fa
rgb(247,228,250)

#f3c6fa

#f3c6fa
rgb(243,198,250)

#f3c3fa

#f3c3fa
rgb(243,195,250)

#f3c1fa

#f3c1fa
rgb(243,193,250)

#f2befa

#f2befa
rgb(242,190,250)

#f2bcfa

#f2bcfa
rgb(242,188,250)

Tons e Matizes de #f7e4fa

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

Matiz (adicionando branco)
#f7e4fa

#f7e4fa
rgb(247,228,250)

#f8e9fb

#f8e9fb
rgb(248,233,251)

#faeefc

#faeefc
rgb(250,238,252)

#fbf4fd

#fbf4fd
rgb(251,244,253)

#fdf9fe

#fdf9fe
rgb(253,249,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f7e4fa

#f7e4fa
rgb(247,228,250)

#c5b6c8

#c5b6c8
rgb(197,182,200)

#948896

#948896
rgb(148,136,150)

#625b63

#625b63
rgb(98,91,99)

#312d31

#312d31
rgb(49,45,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f7e4fa

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f7e4fa.

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

Este elemento tem uma cor de borda de #f7e4fa.

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

Cores alietórias

#96d966

#96d966
rgb(150,217,102)

#18cc0d

#18cc0d
rgb(24,204,13)

#76dc8a

#76dc8a
rgb(118,220,138)

#7cea66

#7cea66
rgb(124,234,102)

#8fdd21

#8fdd21
rgb(143,221,33)

#44ce77

#44ce77
rgb(68,206,119)

#d7a943

#d7a943
rgb(215,169,67)

#e0522f

#e0522f
rgb(224,82,47)

#82340b

#82340b
rgb(130,52,11)

#ab0edf

#ab0edf
rgb(171,14,223)

#4b6101

#4b6101
rgb(75,97,1)

#daa55c

#daa55c
rgb(218,165,92)