Informação da cor #f2b8f4

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

No padrão de cores CMYK, é composto por 0.8% de ciano, 24.6% de magenta, 0% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 298 graus, uma saturação de 73.2% e uma leveza de 83.9%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #f2b8f4 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 f2b8f4
RGB 242, 184, 244
RGB Percentagem 94.9%, 72.2%, 95.7%
CMYK 0.01, 0.25, 0, 0.04
HSL 298°, 73.2%, 83.9%
HSV (ou HSB) 298°, 24.6%, 95.7%
RYB 94.9, 72.2, 95.7
Formato Cor
XYZ 71.7, 62.1, 94.5
CIELab 82.97, 28.52, -20.14
Decimal 15907060
Yxy 59.6918, 0.314, 0.2675
YUV 208.182, 148.2133, 152.1213
CIELuv 81.6704, 28.8951, -39.3462
Web Safe CC99CC

Distribuição de #f2b8f4

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.

#f2b8f4

#f2b8f4
rgb(242,184,244)

#baf4b8

#baf4b8
rgb(186,244,184)

Cores triadicas

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

#f4f3b8

#f4f3b8
rgb(244,243,184)

#f2b8f4

#f2b8f4
rgb(242,184,244)

#b8f4f3

#b8f4f3
rgb(184,244,243)

Cores tetrádicas

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

#f4d4b8

#f4d4b8
rgb(244,212,184)

#f2b8f4

#f2b8f4
rgb(242,184,244)

#baf4b8

#baf4b8
rgb(186,244,184)

#b8d8f4

#b8d8f4
rgb(184,216,244)

Cores monocromáticas

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

#f2b8f4

#f2b8f4
rgb(242,184,244)

#f3c1f4

#f3c1f4
rgb(243,193,244)

#f3bef4

#f3bef4
rgb(243,190,244)

#f3bcf4

#f3bcf4
rgb(243,188,244)

#f3b9f4

#f3b9f4
rgb(243,185,244)

#f2b7f4

#f2b7f4
rgb(242,183,244)

Tons e Matizes de #f2b8f4

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

Matiz (adicionando branco)
#f2b8f4

#f2b8f4
rgb(242,184,244)

#f4c6f6

#f4c6f6
rgb(244,198,246)

#f7d4f8

#f7d4f8
rgb(247,212,248)

#f9e2fa

#f9e2fa
rgb(249,226,250)

#fcf0fc

#fcf0fc
rgb(252,240,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f2b8f4

#f2b8f4
rgb(242,184,244)

#c193c3

#c193c3
rgb(193,147,195)

#916e92

#916e92
rgb(145,110,146)

#604961

#604961
rgb(96,73,97)

#302430

#302430
rgb(48,36,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f2b8f4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f2b8f4.

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

Este elemento tem uma cor de borda de #f2b8f4.

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

Cores alietórias

#bf5327

#bf5327
rgb(191,83,39)

#e47b6e

#e47b6e
rgb(228,123,110)

#8d2aab

#8d2aab
rgb(141,42,171)

#6d8313

#6d8313
rgb(109,131,19)

#32466f

#32466f
rgb(50,70,111)

#5ffdce

#5ffdce
rgb(95,253,206)

#f67512

#f67512
rgb(246,117,18)

#d2c0f0

#d2c0f0
rgb(210,192,240)

#d82a9c

#d82a9c
rgb(216,42,156)

#d28ce3

#d28ce3
rgb(210,140,227)

#f5090f

#f5090f
rgb(245,9,15)

#2899f1

#2899f1
rgb(40,153,241)