Informação da cor #fe40b3

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

No padrão de cores CMYK, é composto por 0% de ciano, 74.8% de magenta, 29.5% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 323.7 graus, uma saturação de 99% e uma leveza de 62.4%.

A cor mais próxima WebSafe é CC3399.

Conversões de #fe40b3 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 fe40b3
RGB 254, 64, 179
RGB Percentagem 99.6%, 25.1%, 70.2%
CMYK 0, 0.75, 0.3, 0
HSL 323.7°, 99%, 62.4%
HSV (ou HSB) 323.7°, 74.8%, 99.6%
RYB 99.6, 25.1, 70.2
Formato Cor
XYZ 52, 29.3, 48.5
CIELab 61.01, 76.85, -19.94
Decimal 16662707
Yxy 27.9981, 0.4094, 0.2254
YUV 133.92, 153.4402, 213.6491
CIELuv 59.8871, 106.8691, -41.3782
Web Safe CC3399

Distribuição de #fe40b3

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.

#fe40b3

#fe40b3
rgb(254,64,179)

#40fe8b

#40fe8b
rgb(64,254,139)

Cores triadicas

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

#b4fe40

#b4fe40
rgb(180,254,64)

#fe40b3

#fe40b3
rgb(254,64,179)

#40b4fe

#40b4fe
rgb(64,180,254)

Cores tetrádicas

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

#feea40

#feea40
rgb(254,234,64)

#fe40b3

#fe40b3
rgb(254,64,179)

#40fe8b

#40fe8b
rgb(64,254,139)

#4055fe

#4055fe
rgb(64,85,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.

#fe40b3

#fe40b3
rgb(254,64,179)

#fec7e9

#fec7e9
rgb(254,199,233)

#fec5e8

#fec5e8
rgb(254,197,232)

#fec2e7

#fec2e7
rgb(254,194,231)

#fec0e6

#fec0e6
rgb(254,192,230)

#febde5

#febde5
rgb(254,189,229)

Tons e Matizes de #fe40b3

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

Matiz (adicionando branco)
#fe40b3

#fe40b3
rgb(254,64,179)

#fe66c2

#fe66c2
rgb(254,102,194)

#fe8cd1

#fe8cd1
rgb(254,140,209)

#feb2e0

#feb2e0
rgb(254,178,224)

#fed8ef

#fed8ef
rgb(254,216,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fe40b3

#fe40b3
rgb(254,64,179)

#cb338f

#cb338f
rgb(203,51,143)

#98266b

#98266b
rgb(152,38,107)

#651947

#651947
rgb(101,25,71)

#320c23

#320c23
rgb(50,12,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fe40b3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fe40b3.

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

Este elemento tem uma cor de borda de #fe40b3.

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

Cores alietórias

#fec13b

#fec13b
rgb(254,193,59)

#c83fcd

#c83fcd
rgb(200,63,205)

#d79f81

#d79f81
rgb(215,159,129)

#ccecbb

#ccecbb
rgb(204,236,187)

#4383be

#4383be
rgb(67,131,190)

#828c97

#828c97
rgb(130,140,151)

#1f39db

#1f39db
rgb(31,57,219)

#ae9ed3

#ae9ed3
rgb(174,158,211)

#9e8aa8

#9e8aa8
rgb(158,138,168)

#de35e8

#de35e8
rgb(222,53,232)

#047fb6

#047fb6
rgb(4,127,182)

#ddfab9

#ddfab9
rgb(221,250,185)