Informação da cor #f2b6f4

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

No padrão de cores CMYK, é composto por 0.8% de ciano, 25.4% de magenta, 0% de amarelo e 4.3% de preto. Tem um ângulo de matiz de 298.1 graus, uma saturação de 73.8% e uma leveza de 83.5%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #f2b6f4 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 f2b6f4
RGB 242, 182, 244
RGB Percentagem 94.9%, 71.4%, 95.7%
CMYK 0.01, 0.25, 0, 0.04
HSL 298.1°, 73.8%, 83.5%
HSV (ou HSB) 298.1°, 25.4%, 95.7%
RYB 94.9, 71.4, 95.7
Formato Cor
XYZ 71.3, 61.3, 94.4
CIELab 82.54, 29.52, -20.79
Decimal 15906548
Yxy 58.8668, 0.3141, 0.2654
YUV 207.008, 148.8758, 152.9587
CIELuv 81.2183, 29.8667, -40.6123
Web Safe CC99CC

Distribuição de #f2b6f4

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.

#f2b6f4

#f2b6f4
rgb(242,182,244)

#b9f4b7

#b9f4b7
rgb(185,244,183)

Cores triadicas

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

#f4f2b7

#f4f2b7
rgb(244,242,183)

#f2b6f4

#f2b6f4
rgb(242,182,244)

#b7f4f2

#b7f4f2
rgb(183,244,242)

Cores tetrádicas

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

#f4d3b7

#f4d3b7
rgb(244,211,183)

#f2b6f4

#f2b6f4
rgb(242,182,244)

#b9f4b7

#b9f4b7
rgb(185,244,183)

#b7d8f4

#b7d8f4
rgb(183,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.

#f2b6f4

#f2b6f4
rgb(242,182,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)

#f3b7f4

#f3b7f4
rgb(243,183,244)

Tons e Matizes de #f2b6f4

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

Matiz (adicionando branco)
#f2b6f4

#f2b6f4
rgb(242,182,244)

#f4c4f6

#f4c4f6
rgb(244,196,246)

#f7d3f8

#f7d3f8
rgb(247,211,248)

#f9e1fa

#f9e1fa
rgb(249,225,250)

#fcf0fc

#fcf0fc
rgb(252,240,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f2b6f4

#f2b6f4
rgb(242,182,244)

#c191c3

#c191c3
rgb(193,145,195)

#916d92

#916d92
rgb(145,109,146)

#604861

#604861
rgb(96,72,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 #f2b6f4 fica em um fundo branco.

Fundo preto

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

Fundo de cor #f2b6f4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f2b6f4.

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

Este elemento tem uma cor de borda de #f2b6f4.

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

Cores alietórias

#9c061f

#9c061f
rgb(156,6,31)

#3183f8

#3183f8
rgb(49,131,248)

#29d8c0

#29d8c0
rgb(41,216,192)

#840f40

#840f40
rgb(132,15,64)

#23232b

#23232b
rgb(35,35,43)

#75cbca

#75cbca
rgb(117,203,202)

#17b10f

#17b10f
rgb(23,177,15)

#f4c95b

#f4c95b
rgb(244,201,91)

#d749e2

#d749e2
rgb(215,73,226)

#5311fb

#5311fb
rgb(83,17,251)

#a851d8

#a851d8
rgb(168,81,216)

#3b5375

#3b5375
rgb(59,83,117)