Informação da cor #fe42ba

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

No padrão de cores CMYK, é composto por 0% de ciano, 74% de magenta, 26.8% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 321.7 graus, uma saturação de 99% e uma leveza de 62.8%.

A cor mais próxima WebSafe é CC3399.

Conversões de #fe42ba 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 fe42ba
RGB 254, 66, 186
RGB Percentagem 99.6%, 25.9%, 72.9%
CMYK 0, 0.74, 0.27, 0
HSL 321.7°, 99%, 62.8%
HSV (ou HSB) 321.7°, 74%, 99.6%
RYB 99.6, 25.9, 72.9
Formato Cor
XYZ 52.8, 29.8, 52.3
CIELab 61.49, 76.97, -22.98
Decimal 16663226
Yxy 28.5182, 0.3993, 0.2203
YUV 135.892, 156.2776, 212.2426
CIELuv 60.354, 103.43, -46.3519
Web Safe CC3399

Distribuição de #fe42ba

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.

#fe42ba

#fe42ba
rgb(254,66,186)

#42fe86

#42fe86
rgb(66,254,134)

Cores triadicas

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

#bbfe42

#bbfe42
rgb(187,254,66)

#fe42ba

#fe42ba
rgb(254,66,186)

#42bbfe

#42bbfe
rgb(66,187,254)

Cores tetrádicas

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

#fee442

#fee442
rgb(254,228,66)

#fe42ba

#fe42ba
rgb(254,66,186)

#42fe86

#42fe86
rgb(66,254,134)

#425dfe

#425dfe
rgb(66,93,254)

Cores monocromáticas

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

#fe42ba

#fe42ba
rgb(254,66,186)

#fec7eb

#fec7eb
rgb(254,199,235)

#fec5ea

#fec5ea
rgb(254,197,234)

#fec2e9

#fec2e9
rgb(254,194,233)

#fec0e8

#fec0e8
rgb(254,192,232)

#febde7

#febde7
rgb(254,189,231)

Tons e Matizes de #fe42ba

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

Matiz (adicionando branco)
#fe42ba

#fe42ba
rgb(254,66,186)

#fe67c7

#fe67c7
rgb(254,103,199)

#fe8dd5

#fe8dd5
rgb(254,141,213)

#feb3e3

#feb3e3
rgb(254,179,227)

#fed9f1

#fed9f1
rgb(254,217,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fe42ba

#fe42ba
rgb(254,66,186)

#cb3494

#cb3494
rgb(203,52,148)

#98276f

#98276f
rgb(152,39,111)

#651a4a

#651a4a
rgb(101,26,74)

#320d25

#320d25
rgb(50,13,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fe42ba

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

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

Contraste

Branco e #fe42ba
Texto grande WCAG AA ✓ 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 #fe42ba
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #fe42ba

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

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

Este parágrafo tem fundo de cor #fe42ba.

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

Este elemento tem uma cor de borda de #fe42ba.

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

Cores alietórias

#67b05a

#67b05a
rgb(103,176,90)

#acad02

#acad02
rgb(172,173,2)

#d3a583

#d3a583
rgb(211,165,131)

#1b62e4

#1b62e4
rgb(27,98,228)

#9a9d41

#9a9d41
rgb(154,157,65)

#b3b4e1

#b3b4e1
rgb(179,180,225)

#48fec5

#48fec5
rgb(72,254,197)

#2081ec

#2081ec
rgb(32,129,236)

#77254a

#77254a
rgb(119,37,74)

#db41bc

#db41bc
rgb(219,65,188)

#ece769

#ece769
rgb(236,231,105)

#cb7040

#cb7040
rgb(203,112,64)