Informação da cor #fa452c

A cor hexadecimal fa452c no modelo de cores RGB (Red, Green, Blue), é um composta por 250 de vermelho, 69 de verde e 44 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 72.4% de magenta, 82.4% de amarelo e 2% de preto. Tem um ângulo de matiz de 7.3 graus, uma saturação de 95.4% e uma leveza de 57.7%.

A cor mais próxima WebSafe é CC3300.

Conversões de #fa452c 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 fa452c
RGB 250, 69, 44
RGB Percentagem 98%, 27.1%, 17.3%
CMYK 0, 0.72, 0.82, 0.02
HSL 7.3°, 95.4%, 57.7%
HSV (ou HSB) 7.3°, 82.4%, 98%
RYB 98, 28.6, 17.3
Formato Cor
XYZ 42.9, 26, 6
CIELab 58.07, 64.23, 51.59
Decimal 16401708
Yxy 24.7687, 0.5857, 0.3453
YUV 120.269, 84.9588, 220.5328
CIELuv 56.8494, 143.6951, 38.4445
Web Safe CC3300

Distribuição de #fa452c

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.

#fa452c

#fa452c
rgb(250,69,44)

#2ce1fa

#2ce1fa
rgb(44,225,250)

Cores triadicas

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

#2cfa46

#2cfa46
rgb(44,250,70)

#fa452c

#fa452c
rgb(250,69,44)

#462cfa

#462cfa
rgb(70,44,250)

Cores tetrádicas

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

#7afa2c

#7afa2c
rgb(122,250,44)

#fa452c

#fa452c
rgb(250,69,44)

#2ce1fa

#2ce1fa
rgb(44,225,250)

#ad2cfa

#ad2cfa
rgb(173,44,250)

Cores monocromáticas

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

#fa452c

#fa452c
rgb(250,69,44)

#facbc4

#facbc4
rgb(250,203,196)

#fac8c1

#fac8c1
rgb(250,200,193)

#fac6bf

#fac6bf
rgb(250,198,191)

#fac4bc

#fac4bc
rgb(250,196,188)

#fac2ba

#fac2ba
rgb(250,194,186)

Tons e Matizes de #fa452c

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

Matiz (adicionando branco)
#fa452c

#fa452c
rgb(250,69,44)

#fb6a56

#fb6a56
rgb(251,106,86)

#fc8f80

#fc8f80
rgb(252,143,128)

#fdb4aa

#fdb4aa
rgb(253,180,170)

#fed9d4

#fed9d4
rgb(254,217,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#fa452c

#fa452c
rgb(250,69,44)

#c83723

#c83723
rgb(200,55,35)

#96291a

#96291a
rgb(150,41,26)

#631b11

#631b11
rgb(99,27,17)

#310d08

#310d08
rgb(49,13,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #fa452c

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #fa452c.

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

Este elemento tem uma cor de borda de #fa452c.

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

Cores alietórias

#a239b1

#a239b1
rgb(162,57,177)

#59963d

#59963d
rgb(89,150,61)

#a67bcd

#a67bcd
rgb(166,123,205)

#7e3577

#7e3577
rgb(126,53,119)

#7e2ebd

#7e2ebd
rgb(126,46,189)

#b7dd87

#b7dd87
rgb(183,221,135)

#344117

#344117
rgb(52,65,23)

#260a5c

#260a5c
rgb(38,10,92)

#af9707

#af9707
rgb(175,151,7)

#818679

#818679
rgb(129,134,121)

#a1617b

#a1617b
rgb(161,97,123)

#771464

#771464
rgb(119,20,100)