Informação da cor #f0771e

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

No padrão de cores CMYK, é composto por 0% de ciano, 50.4% de magenta, 87.5% de amarelo e 5.9% de preto. Tem um ângulo de matiz de 25.4 graus, uma saturação de 87.5% e uma leveza de 52.9%.

A cor mais próxima WebSafe é CC6600.

Conversões de #f0771e 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 f0771e
RGB 240, 119, 30
RGB Percentagem 94.1%, 46.7%, 11.8%
CMYK 0, 0.5, 0.88, 0.06
HSL 25.4°, 87.5%, 52.9%
HSV (ou HSB) 25.4°, 87.5%, 94.1%
RYB 94.1, 72.5, 11.8
Formato Cor
XYZ 44.3, 34.1, 6
CIELab 65.01, 38.42, 63.55
Decimal 15759134
Yxy 31.8181, 0.5366, 0.3992
YUV 145.033, 63.0829, 195.7368
CIELuv 63.1922, 99.9816, 54.6523
Web Safe CC6600

Distribuição de #f0771e

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.

#f0771e

#f0771e
rgb(240,119,30)

#1e97f0

#1e97f0
rgb(30,151,240)

Cores triadicas

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

#1ef078

#1ef078
rgb(30,240,120)

#f0771e

#f0771e
rgb(240,119,30)

#781ef0

#781ef0
rgb(120,30,240)

Cores tetrádicas

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

#2ef01e

#2ef01e
rgb(46,240,30)

#f0771e

#f0771e
rgb(240,119,30)

#1e97f0

#1e97f0
rgb(30,151,240)

#e11ef0

#e11ef0
rgb(225,30,240)

Cores monocromáticas

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

#f0771e

#f0771e
rgb(240,119,30)

#f0d2bc

#f0d2bc
rgb(240,210,188)

#f0d1ba

#f0d1ba
rgb(240,209,186)

#f0cfb7

#f0cfb7
rgb(240,207,183)

#f0ceb5

#f0ceb5
rgb(240,206,181)

#f0cdb2

#f0cdb2
rgb(240,205,178)

Tons e Matizes de #f0771e

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

Matiz (adicionando branco)
#f0771e

#f0771e
rgb(240,119,30)

#f3924b

#f3924b
rgb(243,146,75)

#f6ad78

#f6ad78
rgb(246,173,120)

#f9c8a5

#f9c8a5
rgb(249,200,165)

#fce3d2

#fce3d2
rgb(252,227,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f0771e

#f0771e
rgb(240,119,30)

#c05f18

#c05f18
rgb(192,95,24)

#904712

#904712
rgb(144,71,18)

#5f2f0b

#5f2f0b
rgb(95,47,11)

#2f1705

#2f1705
rgb(47,23,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f0771e

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

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

Contraste

Branco e #f0771e
Texto grande WCAG AA X Não 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 #f0771e
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #f0771e

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

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

Este parágrafo tem fundo de cor #f0771e.

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

Este elemento tem uma cor de borda de #f0771e.

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

Cores alietórias

#6df706

#6df706
rgb(109,247,6)

#63b55f

#63b55f
rgb(99,181,95)

#217050

#217050
rgb(33,112,80)

#ad8da2

#ad8da2
rgb(173,141,162)

#6b1416

#6b1416
rgb(107,20,22)

#dea525

#dea525
rgb(222,165,37)

#488c18

#488c18
rgb(72,140,24)

#05c199

#05c199
rgb(5,193,153)

#d61365

#d61365
rgb(214,19,101)

#a10a2d

#a10a2d
rgb(161,10,45)

#98d1de

#98d1de
rgb(152,209,222)

#abcc38

#abcc38
rgb(171,204,56)