Informação da cor #f7169f

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

No padrão de cores CMYK, é composto por 0% de ciano, 91.1% de magenta, 35.6% de amarelo e 3.1% de preto. Tem um ângulo de matiz de 323.5 graus, uma saturação de 93.4% e uma leveza de 52.8%.

A cor mais próxima WebSafe é CC0099.

Conversões de #f7169f 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 f7169f
RGB 247, 22, 159
RGB Percentagem 96.9%, 8.6%, 62.4%
CMYK 0, 0.91, 0.36, 0.03
HSL 323.5°, 93.4%, 52.8%
HSV (ou HSB) 323.5°, 91.1%, 96.9%
RYB 96.9, 8.6, 62.4
Formato Cor
XYZ 45.9, 23.5, 37.9
CIELab 55.57, 83.66, -17.34
Decimal 16193183
Yxy 22.857, 0.4377, 0.2228
YUV 104.893, 158.5344, 229.3603
CIELuv 54.9248, 119.2673, -36.031
Web Safe CC0099

Distribuição de #f7169f

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.

#f7169f

#f7169f
rgb(247,22,159)

#16f76f

#16f76f
rgb(22,247,111)

Cores triadicas

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

#9ff716

#9ff716
rgb(159,247,22)

#f7169f

#f7169f
rgb(247,22,159)

#169ff7

#169ff7
rgb(22,159,247)

Cores tetrádicas

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

#f7df16

#f7df16
rgb(247,223,22)

#f7169f

#f7169f
rgb(247,22,159)

#16f76f

#16f76f
rgb(22,247,111)

#162ff7

#162ff7
rgb(22,47,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.

#f7169f

#f7169f
rgb(247,22,159)

#f7c1e2

#f7c1e2
rgb(247,193,226)

#f7bfe1

#f7bfe1
rgb(247,191,225)

#f7bce0

#f7bce0
rgb(247,188,224)

#f7badf

#f7badf
rgb(247,186,223)

#f7b7de

#f7b7de
rgb(247,183,222)

Tons e Matizes de #f7169f

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

Matiz (adicionando branco)
#f7169f

#f7169f
rgb(247,22,159)

#f844b2

#f844b2
rgb(248,68,178)

#fa73c5

#fa73c5
rgb(250,115,197)

#fba1d8

#fba1d8
rgb(251,161,216)

#fdd0eb

#fdd0eb
rgb(253,208,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f7169f

#f7169f
rgb(247,22,159)

#c5117f

#c5117f
rgb(197,17,127)

#940d5f

#940d5f
rgb(148,13,95)

#62083f

#62083f
rgb(98,8,63)

#31041f

#31041f
rgb(49,4,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f7169f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f7169f.

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

Este elemento tem uma cor de borda de #f7169f.

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

Cores alietórias

#c6406b

#c6406b
rgb(198,64,107)

#b2aa38

#b2aa38
rgb(178,170,56)

#a389f3

#a389f3
rgb(163,137,243)

#fe0ebd

#fe0ebd
rgb(254,14,189)

#6e6688

#6e6688
rgb(110,102,136)

#b6371e

#b6371e
rgb(182,55,30)

#4b9466

#4b9466
rgb(75,148,102)

#ca751c

#ca751c
rgb(202,117,28)

#51d9cc

#51d9cc
rgb(81,217,204)

#f274e5

#f274e5
rgb(242,116,229)

#4596e3

#4596e3
rgb(69,150,227)

#015b41

#015b41
rgb(1,91,65)