Informação da cor #f267b8

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

No padrão de cores CMYK, é composto por 0% de ciano, 57.4% de magenta, 24% de amarelo e 5.1% de preto. Tem um ângulo de matiz de 325 graus, uma saturação de 84.2% e uma leveza de 67.7%.

A cor mais próxima WebSafe é CC6699.

Conversões de #f267b8 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 f267b8
RGB 242, 103, 184
RGB Percentagem 94.9%, 40.4%, 72.2%
CMYK 0, 0.57, 0.24, 0.05
HSL 325°, 84.2%, 67.7%
HSV (ou HSB) 325°, 57.4%, 94.9%
RYB 94.9, 40.4, 72.2
Formato Cor
XYZ 51.9, 34.2, 52.1
CIELab 65.12, 59.03, -16.53
Decimal 15886264
Yxy 32.0431, 0.3825, 0.2445
YUV 153.795, 145.0457, 190.9137
CIELuv 63.3785, 80.8407, -35.1157
Web Safe CC6699

Distribuição de #f267b8

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.

#f267b8

#f267b8
rgb(242,103,184)

#67f2a2

#67f2a2
rgb(103,242,162)

Cores triadicas

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

#b8f267

#b8f267
rgb(184,242,103)

#f267b8

#f267b8
rgb(242,103,184)

#67b8f2

#67b8f2
rgb(103,184,242)

Cores tetrádicas

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

#f2e767

#f2e767
rgb(242,231,103)

#f267b8

#f267b8
rgb(242,103,184)

#67f2a2

#67f2a2
rgb(103,242,162)

#6773f2

#6773f2
rgb(103,115,242)

Cores monocromáticas

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

#f267b8

#f267b8
rgb(242,103,184)

#f2bedd

#f2bedd
rgb(242,190,221)

#f2bcdc

#f2bcdc
rgb(242,188,220)

#f2b9db

#f2b9db
rgb(242,185,219)

#f2b7da

#f2b7da
rgb(242,183,218)

#f2b5d9

#f2b5d9
rgb(242,181,217)

Tons e Matizes de #f267b8

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

Matiz (adicionando branco)
#f267b8

#f267b8
rgb(242,103,184)

#f485c6

#f485c6
rgb(244,133,198)

#f7a3d4

#f7a3d4
rgb(247,163,212)

#f9c2e2

#f9c2e2
rgb(249,194,226)

#fce0f0

#fce0f0
rgb(252,224,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f267b8

#f267b8
rgb(242,103,184)

#c15293

#c15293
rgb(193,82,147)

#913d6e

#913d6e
rgb(145,61,110)

#602949

#602949
rgb(96,41,73)

#301424

#301424
rgb(48,20,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f267b8

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f267b8.

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

Este elemento tem uma cor de borda de #f267b8.

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

Cores alietórias

#e3c398

#e3c398
rgb(227,195,152)

#563541

#563541
rgb(86,53,65)

#3b6bf2

#3b6bf2
rgb(59,107,242)

#9f75b2

#9f75b2
rgb(159,117,178)

#f5ec3d

#f5ec3d
rgb(245,236,61)

#d1ff83

#d1ff83
rgb(209,255,131)

#f1dcc0

#f1dcc0
rgb(241,220,192)

#f034a6

#f034a6
rgb(240,52,166)

#57041c

#57041c
rgb(87,4,28)

#3d203e

#3d203e
rgb(61,32,62)

#21ab5c

#21ab5c
rgb(33,171,92)

#51f36e

#51f36e
rgb(81,243,110)