Informação da cor #f11777

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

No padrão de cores CMYK, é composto por 0% de ciano, 90.5% de magenta, 50.6% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 333.6 graus, uma saturação de 88.6% e uma leveza de 51.8%.

A cor mais próxima WebSafe é CC0066.

Conversões de #f11777 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 f11777
RGB 241, 23, 119
RGB Percentagem 94.5%, 9%, 46.7%
CMYK 0, 0.9, 0.51, 0.05
HSL 333.6°, 88.6%, 51.8%
HSV (ou HSB) 333.6°, 90.5%, 94.5%
RYB 94.5, 9, 46.7
Formato Cor
XYZ 41, 21.4, 22.1
CIELab 53.33, 78.83, 2.08
Decimal 15800183
Yxy 20.6514, 0.4996, 0.2585
YUV 99.126, 139.2156, 229.194
CIELuv 52.5658, 132.4276, -8.5018
Web Safe CC0066

Distribuição de #f11777

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.

#f11777

#f11777
rgb(241,23,119)

#17f191

#17f191
rgb(23,241,145)

Cores triadicas

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

#78f117

#78f117
rgb(120,241,23)

#f11777

#f11777
rgb(241,23,119)

#1778f1

#1778f1
rgb(23,120,241)

Cores tetrádicas

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

#e5f117

#e5f117
rgb(229,241,23)

#f11777

#f11777
rgb(241,23,119)

#17f191

#17f191
rgb(23,241,145)

#2417f1

#2417f1
rgb(36,23,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.

#f11777

#f11777
rgb(241,23,119)

#f1bdd4

#f1bdd4
rgb(241,189,212)

#f1bad3

#f1bad3
rgb(241,186,211)

#f1b8d1

#f1b8d1
rgb(241,184,209)

#f1b5d0

#f1b5d0
rgb(241,181,208)

#f1b3cf

#f1b3cf
rgb(241,179,207)

Tons e Matizes de #f11777

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

Matiz (adicionando branco)
#f11777

#f11777
rgb(241,23,119)

#f34592

#f34592
rgb(243,69,146)

#f673ad

#f673ad
rgb(246,115,173)

#f9a2c8

#f9a2c8
rgb(249,162,200)

#fcd0e3

#fcd0e3
rgb(252,208,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f11777

#f11777
rgb(241,23,119)

#c0125f

#c0125f
rgb(192,18,95)

#900d47

#900d47
rgb(144,13,71)

#60092f

#60092f
rgb(96,9,47)

#300417

#300417
rgb(48,4,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f11777

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f11777.

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

Este elemento tem uma cor de borda de #f11777.

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

Cores alietórias

#0c9095

#0c9095
rgb(12,144,149)

#f78bd1

#f78bd1
rgb(247,139,209)

#ad5b6f

#ad5b6f
rgb(173,91,111)

#e85615

#e85615
rgb(232,86,21)

#4c5a01

#4c5a01
rgb(76,90,1)

#02816b

#02816b
rgb(2,129,107)

#29d9a0

#29d9a0
rgb(41,217,160)

#639942

#639942
rgb(99,153,66)

#421c6f

#421c6f
rgb(66,28,111)

#209c2f

#209c2f
rgb(32,156,47)

#145a6a

#145a6a
rgb(20,90,106)

#998fe8

#998fe8
rgb(153,143,232)