#f57d60 hex color

In a RGB color space, hex #f57d60 is composed of 96.1% red, 49% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 11.7 degrees, a saturation of 88.2% and a lightness of 66.9%. #f57d60 color hex could be obtained by blending #fffac0 with #eb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 96
- G 49
- B 38
RGB color chart
- C 0
- M 49
- Y 61
- K 4
CMYK color chart

● #f57d60 color description : Soft red.

The hexadecimal color #f57d60 has RGB values of R:245, G:125, B:96 and CMYK values of C:0, M:0.49, Y:0.61, K:0.04. Its decimal value is 16088416.

Hex triplet	f57d60	`#f57d60`
RGB Decimal	245, 125, 96	`rgb(245,125,96)`
RGB Percent	96.1, 49, 37.6	`rgb(96.1%,49%,37.6%)`
CMYK	0, 49, 61, 4
HSL	11.7°, 88.2, 66.9	`hsl(11.7,88.2%,66.9%)`
HSV (or HSB)	11.7°, 60.8, 96.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	65.693, 43.551, 36.811
XYZ	47.102, 34.928, 15.327
xyY	0.484, 0.359, 34.928
CIE-LCH	65.693, 57.024, 40.206
CIE-LUV	65.693, 91.823, 35.139
Hunter-Lab	59.1, 38.838, 25.994
Binary	11110101, 01111101, 01100000

#f57d60
```
#f57d60 rgb(245,125,96)
```
#60d8f5
```
#60d8f5 rgb(96,216,245)
```

Complementary Color

#f5608e
```
#f5608e rgb(245,96,142)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#f5c860
```
#f5c860 rgb(245,200,96)
```

Analogous Color

#608ef5
```
#608ef5 rgb(96,142,245)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#60f5c8
```
#60f5c8 rgb(96,245,200)
```

Split Complementary Color

#7d60f5
```
#7d60f5 rgb(125,96,245)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#60f57d
```
#60f57d rgb(96,245,125)
```

Triadic Color

#f560d8
```
#f560d8 rgb(245,96,216)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#60f57d
```
#60f57d rgb(96,245,125)
```
#60d8f5
```
#60d8f5 rgb(96,216,245)
```

Tetradic Color

#f04218
```
#f04218 rgb(240,66,24)
```
#f25630
```
#f25630 rgb(242,86,48)
```
#f36948
```
#f36948 rgb(243,105,72)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#f79178
```
#f79178 rgb(247,145,120)
```
#f8a490
```
#f8a490 rgb(248,164,144)
```
#fab8a8
```
#fab8a8 rgb(250,184,168)
```

Monochromatic Color

Below, you can see some colors close to #f57d60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f56068
```
#f56068 rgb(245,96,104)
```
#f56460
```
#f56460 rgb(245,100,96)
```
#f57160
```
#f57160 rgb(245,113,96)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#f58960
```
#f58960 rgb(245,137,96)
```
#f59660
```
#f59660 rgb(245,150,96)
```
#f5a260
```
#f5a260 rgb(245,162,96)
```

Similar Colors

Text with hexadecimal color #f57d60

This text has a font color of #f57d60.

<span style="color:#f57d60;">Text here</span>

#f57d60 background color

This paragraph has a background color of #f57d60.

<p style="background-color:#f57d60;">Content here</p>

#f57d60 border color

This element has a border color of #f57d60.

<div style="border:1px solid #f57d60;">Content here</div>

CSS codes

.text {color:#f57d60;}

.background {background-color:#f57d60;}

.border {border:1px solid #f57d60;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #070200 is the darkest color, while #fef6f4 is the lightest one.

#070200
```
#070200 rgb(7,2,0)
```
#1a0602
```
#1a0602 rgb(26,6,2)
```
#2c0b03
```
#2c0b03 rgb(44,11,3)
```
#3e0f04
```
#3e0f04 rgb(62,15,4)
```
#511405
```
#511405 rgb(81,20,5)
```
#631806
```
#631806 rgb(99,24,6)
```
#761d07
```
#761d07 rgb(118,29,7)
```
#882109
```
#882109 rgb(136,33,9)
```
#9b260a
```
#9b260a rgb(155,38,10)
```
#ad2a0b
```
#ad2a0b rgb(173,42,11)
```
#c02f0c
```
#c02f0c rgb(192,47,12)
```
#d2340d
```
#d2340d rgb(210,52,13)
```
#e5380e
```
#e5380e rgb(229,56,14)
```

Shade Color Variation

#f04116
```
#f04116 rgb(240,65,22)
```
#f25029
```
#f25029 rgb(242,80,41)
```
#f35f3b
```
#f35f3b rgb(243,95,59)
```
#f46e4e
```
#f46e4e rgb(244,110,78)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#f68c72
```
#f68c72 rgb(246,140,114)
```
#f79b85
```
#f79b85 rgb(247,155,133)
```
#f8aa97
```
#f8aa97 rgb(248,170,151)
```
#fab9aa
```
#fab9aa rgb(250,185,170)
```
#fbc8bc
```
#fbc8bc rgb(251,200,188)
```
#fcd8cf
```
#fcd8cf rgb(252,216,207)
```
#fde7e1
```
#fde7e1 rgb(253,231,225)
```
#fef6f4
```
#fef6f4 rgb(254,246,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aea9a8 is the less saturated color, while #fc795a is the most saturated one.

#aea9a8
```
#aea9a8 rgb(174,169,168)
```
#b4a5a1
```
#b4a5a1 rgb(180,165,161)
```
#bba19b
```
#bba19b rgb(187,161,155)
```
#c19d94
```
#c19d94 rgb(193,157,148)
```
#c8998e
```
#c8998e rgb(200,153,142)
```
#ce9587
```
#ce9587 rgb(206,149,135)
```
#d59181
```
#d59181 rgb(213,145,129)
```
#db8d7a
```
#db8d7a rgb(219,141,122)
```
#e28974
```
#e28974 rgb(226,137,116)
```
#e8856d
```
#e8856d rgb(232,133,109)
```
#ef8167
```
#ef8167 rgb(239,129,103)
```
#f57d60
```
#f57d60 rgb(245,125,96)
```
#fc795a
```
#fc795a rgb(252,121,90)
```

Tone Color Variation

Below, you can see how #f57d60 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#9e9e9e Achromatopsia 0.005% of the population
#af9792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a474 Protanopia 1% of men
#c69d61 Deuteranopia 1% of men
#f77f87 Tritanopia 0.001% of the population

Trichromacy

#c9966c Protanomaly 1% of men, 0.01% of women
#d79161 Deuteranomaly 6% of men, 0.4% of women
#f67e79 Tritanomaly 0.01% of the population

#f57d60 hex color

#f57d60 Color Information

#f57d60 Color Conversion

Color Schemes with #f57d60

Alternatives to #f57d60

#f57d60 Preview

Shades and Tints of #f57d60

Tones of #f57d60

Color Blindness Simulator