Informação da cor #fafafe

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

No padrão de cores CMYK, é composto por 1.6% de ciano, 1.6% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 66.7% e uma leveza de 98.8%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #fafafe 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 fafafe
RGB 250, 250, 254
RGB Percentagem 98%, 98%, 99.6%
CMYK 0.02, 0.02, 0, 0
HSL 240°, 66.7%, 98.8%
HSV (ou HSB) 240°, 1.6%, 99.6%
RYB 98, 98, 99.6
Formato Cor
XYZ 91.8, 96.2, 107.6
CIELab 98.51, 0.65, -1.75
Decimal 16448254
Yxy 95.8509, 0.3104, 0.3252
YUV 250.456, 130, 127.6748
CIELuv 98.373, -0.2236, -3.0988
Web Safe CCCCCC

Distribuição de #fafafe

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.

#fafafe

#fafafe
rgb(250,250,254)

#fefefb

#fefefb
rgb(254,254,251)

Cores triadicas

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

#fefbfb

#fefbfb
rgb(254,251,251)

#fafafe

#fafafe
rgb(250,250,254)

#fbfefb

#fbfefb
rgb(251,254,251)

Cores tetrádicas

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

#fefbfc

#fefbfc
rgb(254,251,252)

#fafafe

#fafafe
rgb(250,250,254)

#fefefb

#fefefb
rgb(254,254,251)

#fbfefc

#fbfefc
rgb(251,254,252)

Cores monocromáticas

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

#fafafe

#fafafe
rgb(250,250,254)

#c9c9fe

#c9c9fe
rgb(201,201,254)

#c7c7fe

#c7c7fe
rgb(199,199,254)

#c4c4fe

#c4c4fe
rgb(196,196,254)

#c1c1fe

#c1c1fe
rgb(193,193,254)

#bfbffe

#bfbffe
rgb(191,191,254)

Tons e Matizes de #fafafe

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

Matiz (adicionando branco)
#fafafe

#fafafe
rgb(250,250,254)

#fbfbfe

#fbfbfe
rgb(251,251,254)

#fcfcfe

#fcfcfe
rgb(252,252,254)

#fdfdfe

#fdfdfe
rgb(253,253,254)

#fefefe

#fefefe
rgb(254,254,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fafafe

#fafafe
rgb(250,250,254)

#c8c8cb

#c8c8cb
rgb(200,200,203)

#969698

#969698
rgb(150,150,152)

#636365

#636365
rgb(99,99,101)

#313132

#313132
rgb(49,49,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fafafe

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fafafe.

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

Este elemento tem uma cor de borda de #fafafe.

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

Cores alietórias

#382ad8

#382ad8
rgb(56,42,216)

#d6b855

#d6b855
rgb(214,184,85)

#11e78d

#11e78d
rgb(17,231,141)

#03d974

#03d974
rgb(3,217,116)

#cff7b4

#cff7b4
rgb(207,247,180)

#224d52

#224d52
rgb(34,77,82)

#b5b5b3

#b5b5b3
rgb(181,181,179)

#438a9d

#438a9d
rgb(67,138,157)

#73d08e

#73d08e
rgb(115,208,142)

#da4b02

#da4b02
rgb(218,75,2)

#00f1e2

#00f1e2
rgb(0,241,226)

#547217

#547217
rgb(84,114,23)