#F57F60 cor HEX código RGB, HSL, CMYK COR CóDIGO POR HEXA COR #F57F60

#F57F60

Em um espaço de cores RGB, hex #F57F60 é composto de 96% vermelho, 50% verde e 38% azul. O código de cores RGB é composto por um componente hexadecimal F5 vermelho (245/255), um 7F verde (127/255) e um componente 60 azul (96/255). O código de cores RGB decimal é rgb(245,127,96) No espaço de cores CMYK, é composto por 0% ciano, 48% magenta, 61% amarelo e 4% preto. Tem um ângulo de matiz de 12.48o graus, uma saturação de 88% e uma luminosidade de 67%. A cor websafe mais próxima é: #ff6666 rgb (255, 102, 102).

Conversão de cores

---

Converter cor

---

A cor hexadecimal #F57F60 possui valores RGB de R:245, G:127, B:96 e valores CMYK de C:0, M:48, Y:61, K:4. Seu valor decimal é 16088928. O código binário é 111101010111111101100000
Na impressão usamos tintas ciano, amarelo, magenta e preto (CMYK) porque normalmente imprimimos em papel branco.

Hex cor F57F60  #F57F60 RGB decimal 245, 127, 96  rgb(245, 127, 96) RGB % 96, 50, 38  rgb(96%, 50%, 38%) RGB Adobe 219, 126, 98 CMYK % 0, 48, 61, 4  0%, 48%, 61%, 4% HSL 12.48o, 88, 67  hsl(12.48o, 88%, 67%) HSV (HSB) 12o, 61%, 96%  hsv(12o, 61%, 96%)

Web Safe cor #ff6666 rgb (255, 102, 102) XYZ 47.357, 35.436 15.41 xyY 0.48, 0.36, 35.44 Hunter-Lab 59.53, 41.66, 23.97 CMY 4%, 50%, 62% Lab 66.7, 44.32, 38.34 Binário cor F5 7F 60 11110101 1111111 1100000

Tons e matizes de #F57F60

---

Um tom é obtido adicionando preto à cor original no código de matiz.
Um tom é criado pela mistura de cor com branco.
Use a paleta para escolher uma cor ou os controles deslizantes para definir os componentes RGB, HSV, CMYK.
Por exemplo aqui: #301A13 é a cor mais escura e: #FCE6E0 é a mais clara.

Variação de tonalidade #F57F60

#F79278 rgb (247,146,120) #F79278 #F8A28C rgb (248,162,140) #F8A28C #F9B09D rgb (249,176,157) #F9B09D #FABCAC rgb (250,188,172) #FABCAC #FBC6B8 rgb (251,198,184) #FBC6B8 #FCCFC3 rgb (252,207,195) #FCCFC3 #FCD6CC rgb (252,214,204) #FCD6CC #FCDCD4 rgb (252,220,212) #FCDCD4 #FCE1DA rgb (252,225,218) #FCE1DA #FCE6E0 rgb (252,230,224) #FCE6E0

Variação de cor de sombra

#D06C52 rgb (208,108,82) #D06C52 #B15C46 rgb (177,92,70) #B15C46 #964E3C rgb (150,78,60) #964E3C #804233 rgb (128,66,51) #804233 #6D382B rgb (109,56,43) #6D382B #5D3025 rgb (93,48,37) #5D3025 #4F291F rgb (79,41,31) #4F291F #43231A rgb (67,35,26) #43231A #391E16 rgb (57,30,22) #391E16 #301A13 rgb (48,26,19) #301A13

Tons de #F57F60

Um tom é produzido adicionando cinza a qualquer matiz puro. Nesse caso, #E97F63 é a cor menos saturada e #A97F75 é a mais saturada.

#E97F63 rgb (233,127,99) #E97F63 #DF7F66 rgb (223,127,102) #DF7F66 #D67F69 rgb (214,127,105) #D67F69 #CD7F6B rgb (205,127,107) #CD7F6B #C57F6D rgb (197,127,109) #C57F6D #BE7F6F rgb (190,127,111) #BE7F6F #B87F71 rgb (184,127,113) #B87F71 #B27F73 rgb (178,127,115) #B27F73 #AD7F74 rgb (173,127,116) #AD7F74 #A97F75 rgb (169,127,117) #A97F75

Alternativas para #F57F60

---

Abaixo, você pode ver algumas cores próximas a #F57F60. Ter um conjunto de cores relacionadas pode ser útil se você precisar de uma alternativa inspiradora ou outras cores próximas à sua escolha de cor original.

#F54360 rgb (245,67,96) #F54360 #F55760 rgb (245,87,96) #F55760 #F56B60 rgb (245,107,96) #F56B60 #F59360 rgb (245,147,96) #F59360 #F5A760 rgb (245,167,96) #F5A760 #F5BB60 rgb (245,187,96) #F5BB60

Uso rápido #F57F60

---

Como usar esta cor em páginas da web, scripts ou outras linguagens de programação usando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Cor do texto	Exemplo de cor de fundo
Cor do texto	Exemplo de cor de fundo
<font color="#F57F60;">Text here</font>	<div style="background-color:#F57F60;">Text here</div>

Visualização de cores em fundo preto	Visualização de cores em fundo branco
visualização de cores em fundo preto	visualização de cores em fundo branco
HTML código <div style="background-color:#000000"> <font color="#F57F60;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#F57F60;">Text here</font> </div>

Sombra da caixa div	Código CSS de sombra de texto
Sombra da caixa por cor #F57F60	código CSS de sombra de texto
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #F57F60;"></div> CSS código .box-shadow: 2px 2px 7px 1px;	CSS código .text-shadow: 1px 2px 2px #F57F60;

Código html da borda da caixa	Sombra de texto com valores RGB por cor #F57F60
código html da borda da caixa por cor #F57F60	sombra de texto com valores RGB
HTML código <div style="background-color:#FFFFFF; border:1px solid #F57F60;"></div>	CSS código with RGB .text-shadow: 0px 2px 2px rgba(245, 127, 96, 1.4);

Código pré-formatado F57F60	código por script / programming
HTML, CSS:	= #F57F60; rgb(245, 127, 96)
Java:	= new Color(245, 127, 96)
.NET:	= Color.FromArgb (245, 127, 96);
Xojo:	= rgb (245, 127, 96, 0);
openGL:	= glColor3f (0.96f, 0.5f, 0.38f);
Swift:	= UIColor(red:0.96, green:0.5, blue:0.38, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.96 green:0.5 blue:0.38 alpha:1.00000];

Esquemas de cores com #F57F60

---

Cor monocromática Esquemas de cores monocromáticos são fáceis de criar porque usam apenas uma cor. Esquemas monocromáticos usam tons diferentes do mesmo ângulo na roda de cores (o mesmo ângulo) Basta alterar a saturação de cor +10% e você terá uma nova cor monocromática. Na cor do nosso case: 61% tem uma saturação #F57F60. Adicionando 61% + 10% = 71% de saturação para nossa nova cor #CF593C. Diminuindo 61% - 10% = 51% saturação para outras cores monocromáticas #FF977D. #ff977d rgb (255,151,125) #ff977d 51% saturação #ff7a6b rgb (181,122,107) #ff7a6b 41% saturação #cf593c rgb (207,89,60) #cf593c 71% saturação #b54022 rgb (181,64,34) #b54022 81% saturação

Cor análoga Esquemas de cores análogos são criados usando cores próximas umas das outras na roda de cores. Apenas +/- 30o nas laterais do ângulo de matiz da cor #F5C85F rgb (245,200,95) #F5C85F 42o #F57F60 rgb (245,127,96) #F57F60 12o #F55F8C rgb (245,95,140) #F55F8C 342o

Cor complementar Esquemas complementares são criados combinando cores de lados opostos da roda de cores. Basta adicionar 180 graus ao matiz / ângulo da cor e você terá a cor complementar. Na cor do nosso case: #F57F60 tem um ângulo 12o. Adicionando 12o + 180o = 192oo para nossa nova cor complementar #5FD7F5. #F57F60 rgb (245,127,96) #F57F60 12o #5FD7F5 rgb (95,215,245) #5FD7F5 192o

Dividir cor Esquemas compostos ou esquemas complementares divididos são quase o mesmo que esquemas complementares. Em vez de usar cores opostas, ele usa cores em ambos os lados do ângulo de matiz oposto. Na cor da nossa caixa: #F57F60 tem um ângulo 12o. Adicionando 12o + 180o+30o = 222o para nossa primeira cor complementar #5F8CF5. Diminuindo 12o + 180o-30o = 162o para a segunda cor complementar #5FF5C8. #5FF5C8 rgb (95,245,200) #5FF5C8 162o #F57F60 rgb (245,127,96) #F57F60 12o #5F8CF5 rgb (95,140,245) #5F8CF5 222o

Cor triádica Esquemas triádicos são compostos de matizes/ângulos igualmente espaçados ao redor da roda de cores. Adicione e diminua +/- 120 graus em ambos os lados do ângulo de matiz da cor. #5FF57D rgb (95,245,125) #5FF57D 132o #F57F60 rgb (245,127,96) #F57F60 12o #7D5FF5 rgb (125,95,245) #7D5FF5 252o

Cor tetrádica Esquemas tetrádicos são compostos de matizes/ângulos espaçados ao redor da roda de cores. Adicione 120.180.300 graus no ângulo de matiz da cor. #5FF57D rgb (95,245,125) #5FF57D 132o #F57F60 rgb (245,127,96) #F57F60 12o #5FD7F5 rgb (95,215,245) #5FD7F5 192o #F55FD7 rgb (245,95,215) #F55FD7 312o