Informação da cor #f72ee2

A cor hexadecimal f72ee2 no modelo de cores RGB (Red, Green, Blue), é um composta por 247 de vermelho, 46 de verde e 226 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 81.4% de magenta, 8.5% de amarelo e 3.1% de preto. Tem um ângulo de matiz de 306.3 graus, uma saturação de 92.6% e uma leveza de 57.5%.

A cor mais próxima WebSafe é CC00CC.

Conversões de #f72ee2 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 f72ee2
RGB 247, 46, 226
RGB Percentagem 96.9%, 18%, 88.6%
CMYK 0, 0.81, 0.09, 0.03
HSL 306.3°, 92.6%, 57.5%
HSV (ou HSB) 306.3°, 81.4%, 96.9%
RYB 96.9, 18, 88.6
Formato Cor
XYZ 54, 28.2, 76.2
CIELab 60.02, 86.3, -46.48
Decimal 16199394
Yxy 27.2239, 0.343, 0.176
YUV 126.619, 184.0841, 213.8638
CIELuv 59.181, 86.3145, -84.9729
Web Safe CC00CC

Distribuição de #f72ee2

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.

#f72ee2

#f72ee2
rgb(247,46,226)

#2ef743

#2ef743
rgb(46,247,67)

Cores triadicas

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

#e3f72e

#e3f72e
rgb(227,247,46)

#f72ee2

#f72ee2
rgb(247,46,226)

#2ee3f7

#2ee3f7
rgb(46,227,247)

Cores tetrádicas

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

#f7a82e

#f7a82e
rgb(247,168,46)

#f72ee2

#f72ee2
rgb(247,46,226)

#2ef743

#2ef743
rgb(46,247,67)

#2e7ef7

#2e7ef7
rgb(46,126,247)

Cores monocromáticas

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

#f72ee2

#f72ee2
rgb(247,46,226)

#f7c2f2

#f7c2f2
rgb(247,194,242)

#f7bff2

#f7bff2
rgb(247,191,242)

#f7bdf1

#f7bdf1
rgb(247,189,241)

#f7baf1

#f7baf1
rgb(247,186,241)

#f7b8f1

#f7b8f1
rgb(247,184,241)

Tons e Matizes de #f72ee2

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

Matiz (adicionando branco)
#f72ee2

#f72ee2
rgb(247,46,226)

#f857e7

#f857e7
rgb(248,87,231)

#fa81ed

#fa81ed
rgb(250,129,237)

#fbabf3

#fbabf3
rgb(251,171,243)

#fdd5f9

#fdd5f9
rgb(253,213,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f72ee2

#f72ee2
rgb(247,46,226)

#c524b4

#c524b4
rgb(197,36,180)

#941b87

#941b87
rgb(148,27,135)

#62125a

#62125a
rgb(98,18,90)

#31092d

#31092d
rgb(49,9,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f72ee2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f72ee2.

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

Este elemento tem uma cor de borda de #f72ee2.

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

Cores alietórias

#e3da47

#e3da47
rgb(227,218,71)

#89ee55

#89ee55
rgb(137,238,85)

#51dc12

#51dc12
rgb(81,220,18)

#de4ebf

#de4ebf
rgb(222,78,191)

#588d6b

#588d6b
rgb(88,141,107)

#bb57d1

#bb57d1
rgb(187,87,209)

#8393f5

#8393f5
rgb(131,147,245)

#206713

#206713
rgb(32,103,19)

#b90f7c

#b90f7c
rgb(185,15,124)

#4f73e7

#4f73e7
rgb(79,115,231)

#5732a6

#5732a6
rgb(87,50,166)

#a2257f

#a2257f
rgb(162,37,127)