Informação da cor #f57d66

A cor hexadecimal f57d66 no modelo de cores RGB (Red, Green, Blue), é um composta por 245 de vermelho, 125 de verde e 102 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 49% de magenta, 58.4% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 9.7 graus, uma saturação de 87.7% e uma leveza de 68%.

A cor mais próxima WebSafe é CC6666.

Conversões de #f57d66 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 f57d66
RGB 245, 125, 102
RGB Percentagem 96.1%, 49%, 40%
CMYK 0, 0.49, 0.58, 0.04
HSL 9.7°, 87.7%, 68%
HSV (ou HSB) 9.7°, 58.4%, 96.1%
RYB 96.1, 51, 40
Formato Cor
XYZ 49.2, 37.4, 19.5
CIELab 67.6, 40.97, 31.4
Decimal 16088422
Yxy 35.0444, 0.4774, 0.353
YUV 158.258, 96.2517, 189.8702
CIELuv 65.7832, 90.7911, 32.0375
Web Safe CC6666

Distribuição de #f57d66

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.

#f57d66

#f57d66
rgb(245,125,102)

#66dff5

#66dff5
rgb(102,223,245)

Cores triadicas

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

#66f57d

#66f57d
rgb(102,245,125)

#f57d66

#f57d66
rgb(245,125,102)

#7d66f5

#7d66f5
rgb(125,102,245)

Cores tetrádicas

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

#97f566

#97f566
rgb(151,245,102)

#f57d66

#f57d66
rgb(245,125,102)

#66dff5

#66dff5
rgb(102,223,245)

#c566f5

#c566f5
rgb(197,102,245)

Cores monocromáticas

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

#f57d66

#f57d66
rgb(245,125,102)

#f5c9c1

#f5c9c1
rgb(245,201,193)

#f5c7be

#f5c7be
rgb(245,199,190)

#f5c5bc

#f5c5bc
rgb(245,197,188)

#f5c3b9

#f5c3b9
rgb(245,195,185)

#f5c1b7

#f5c1b7
rgb(245,193,183)

Tons e Matizes de #f57d66

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

Matiz (adicionando branco)
#f57d66

#f57d66
rgb(245,125,102)

#f79784

#f79784
rgb(247,151,132)

#f9b1a3

#f9b1a3
rgb(249,177,163)

#fbcbc1

#fbcbc1
rgb(251,203,193)

#fde5e0

#fde5e0
rgb(253,229,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#f57d66

#f57d66
rgb(245,125,102)

#c46451

#c46451
rgb(196,100,81)

#934b3d

#934b3d
rgb(147,75,61)

#613128

#613128
rgb(97,49,40)

#301814

#301814
rgb(48,24,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #f57d66

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #f57d66.

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

Este elemento tem uma cor de borda de #f57d66.

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

Cores alietórias

#ce0455

#ce0455
rgb(206,4,85)

#61b12a

#61b12a
rgb(97,177,42)

#4b8727

#4b8727
rgb(75,135,39)

#2295c4

#2295c4
rgb(34,149,196)

#868051

#868051
rgb(134,128,81)

#ae9a68

#ae9a68
rgb(174,154,104)

#2947c6

#2947c6
rgb(41,71,198)

#8f77a7

#8f77a7
rgb(143,119,167)

#23148e

#23148e
rgb(35,20,142)

#91ffac

#91ffac
rgb(145,255,172)

#a8fa25

#a8fa25
rgb(168,250,37)

#a210ac

#a210ac
rgb(162,16,172)