Informação da cor #faf2c6

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

No padrão de cores CMYK, é composto por 0% de ciano, 3.2% de magenta, 20.8% de amarelo e 2% de preto. Tem um ângulo de matiz de 50.8 graus, uma saturação de 83.9% e uma leveza de 87.8%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #faf2c6 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 faf2c6
RGB 250, 242, 198
RGB Percentagem 98%, 94.9%, 77.6%
CMYK 0, 0.03, 0.21, 0.02
HSL 50.8°, 83.9%, 87.8%
HSV (ou HSB) 50.8°, 20.8%, 98%
RYB 81.6, 98, 77.6
Formato Cor
XYZ 82.3, 88.8, 68.8
CIELab 95.5, -3.99, 20.6
Decimal 16446150
Yxy 87.9068, 0.3457, 0.3735
YUV 239.376, 104.6501, 135.5777
CIELuv 95.1217, 7.1781, 32.9891
Web Safe CCCC99

Distribuição de #faf2c6

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.

#faf2c6

#faf2c6
rgb(250,242,198)

#c6cffa

#c6cffa
rgb(198,207,250)

Cores triadicas

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

#c6faf2

#c6faf2
rgb(198,250,242)

#faf2c6

#faf2c6
rgb(250,242,198)

#f2c6fa

#f2c6fa
rgb(242,198,250)

Cores tetrádicas

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

#c6fad8

#c6fad8
rgb(198,250,216)

#faf2c6

#faf2c6
rgb(250,242,198)

#c6cffa

#c6cffa
rgb(198,207,250)

#fac6e9

#fac6e9
rgb(250,198,233)

Cores monocromáticas

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

#faf2c6

#faf2c6
rgb(250,242,198)

#faf2c5

#faf2c5
rgb(250,242,197)

#faf2c3

#faf2c3
rgb(250,242,195)

#faf2c0

#faf2c0
rgb(250,242,192)

#faf1be

#faf1be
rgb(250,241,190)

#faf1bb

#faf1bb
rgb(250,241,187)

Tons e Matizes de #faf2c6

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

Matiz (adicionando branco)
#faf2c6

#faf2c6
rgb(250,242,198)

#fbf4d1

#fbf4d1
rgb(251,244,209)

#fcf7dc

#fcf7dc
rgb(252,247,220)

#fdf9e8

#fdf9e8
rgb(253,249,232)

#fefcf3

#fefcf3
rgb(254,252,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#faf2c6

#faf2c6
rgb(250,242,198)

#c8c19e

#c8c19e
rgb(200,193,158)

#969176

#969176
rgb(150,145,118)

#63604f

#63604f
rgb(99,96,79)

#313027

#313027
rgb(49,48,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #faf2c6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #faf2c6.

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

Este elemento tem uma cor de borda de #faf2c6.

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

Cores alietórias

#87e8ab

#87e8ab
rgb(135,232,171)

#313023

#313023
rgb(49,48,35)

#fe0213

#fe0213
rgb(254,2,19)

#03440a

#03440a
rgb(3,68,10)

#337290

#337290
rgb(51,114,144)

#0c0f32

#0c0f32
rgb(12,15,50)

#4ddf00

#4ddf00
rgb(77,223,0)

#53788c

#53788c
rgb(83,120,140)

#46fedb

#46fedb
rgb(70,254,219)

#38cc5e

#38cc5e
rgb(56,204,94)

#e827a8

#e827a8
rgb(232,39,168)

#33776e

#33776e
rgb(51,119,110)