Informação da cor #f10c75

A cor hexadecimal f10c75 no modelo de cores RGB (Red, Green, Blue), é um composta por 241 de vermelho, 12 de verde e 117 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 95% de magenta, 51.5% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 332.5 graus, uma saturação de 90.5% e uma leveza de 49.6%.

A cor mais próxima WebSafe é CC0066.

Conversões de #f10c75 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 f10c75
RGB 241, 12, 117
RGB Percentagem 94.5%, 4.7%, 45.9%
CMYK 0, 0.95, 0.51, 0.05
HSL 332.5°, 90.5%, 49.6%
HSV (ou HSB) 332.5°, 95%, 94.5%
RYB 94.5, 4.7, 45.9
Formato Cor
XYZ 40.6, 20.8, 21.3
CIELab 52.73, 80.23, 2.39
Decimal 15797365
Yxy 20.254, 0.5046, 0.2579
YUV 92.441, 141.8595, 233.9622
CIELuv 52.1232, 134.8384, -8.0725
Web Safe CC0066

Distribuição de #f10c75

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.

#f10c75

#f10c75
rgb(241,12,117)

#0df188

#0df188
rgb(13,241,136)

Cores triadicas

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

#76f10d

#76f10d
rgb(118,241,13)

#f10c75

#f10c75
rgb(241,12,117)

#0d76f1

#0d76f1
rgb(13,118,241)

Cores tetrádicas

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

#e8f10d

#e8f10d
rgb(232,241,13)

#f10c75

#f10c75
rgb(241,12,117)

#0df188

#0df188
rgb(13,241,136)

#160df1

#160df1
rgb(22,13,241)

Cores monocromáticas

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

#f10c75

#f10c75
rgb(241,12,117)

#f1bdd5

#f1bdd5
rgb(241,189,213)

#f1bad4

#f1bad4
rgb(241,186,212)

#f1b8d2

#f1b8d2
rgb(241,184,210)

#f1b5d1

#f1b5d1
rgb(241,181,209)

#f1b3d0

#f1b3d0
rgb(241,179,208)

Tons e Matizes de #f10c75

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

Matiz (adicionando branco)
#f10c75

#f10c75
rgb(241,12,117)

#f33c90

#f33c90
rgb(243,60,144)

#f66dac

#f66dac
rgb(246,109,172)

#f99dc7

#f99dc7
rgb(249,157,199)

#fccee3

#fccee3
rgb(252,206,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f10c75

#f10c75
rgb(241,12,117)

#c0095d

#c0095d
rgb(192,9,93)

#900746

#900746
rgb(144,7,70)

#60042e

#60042e
rgb(96,4,46)

#300217

#300217
rgb(48,2,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f10c75

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f10c75.

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

Este elemento tem uma cor de borda de #f10c75.

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

Cores alietórias

#ed6a80

#ed6a80
rgb(237,106,128)

#873494

#873494
rgb(135,52,148)

#b18b73

#b18b73
rgb(177,139,115)

#6a1cc4

#6a1cc4
rgb(106,28,196)

#a4f519

#a4f519
rgb(164,245,25)

#64cad2

#64cad2
rgb(100,202,210)

#bc2041

#bc2041
rgb(188,32,65)

#176ed9

#176ed9
rgb(23,110,217)

#e3c501

#e3c501
rgb(227,197,1)

#79f9c1

#79f9c1
rgb(121,249,193)

#f52a85

#f52a85
rgb(245,42,133)

#fd1e0c

#fd1e0c
rgb(253,30,12)