#f06f5c hex color

In a RGB color space, hex #f06f5c is composed of 94.1% red, 43.5% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 61.7% yellow and 5.9% black. It has a hue angle of 7.7 degrees, a saturation of 83.1% and a lightness of 65.1%. #f06f5c color hex could be obtained by blending #ffdeb8 with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 44
- B 36
RGB color chart
- C 0
- M 54
- Y 62
- K 6
CMYK color chart

● #f06f5c color description : Soft red.

The hexadecimal color #f06f5c has RGB values of R:240, G:111, B:92 and CMYK values of C:0, M:0.54, Y:0.62, K:0.06. Its decimal value is 15757148.

Hex triplet	f06f5c	`#f06f5c`
RGB Decimal	240, 111, 92	`rgb(240,111,92)`
RGB Percent	94.1, 43.5, 36.1	`rgb(94.1%,43.5%,36.1%)`
CMYK	0, 54, 62, 6
HSL	7.7°, 83.1, 65.1	`hsl(7.7,83.1%,65.1%)`
HSV (or HSB)	7.7°, 61.7, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.229, 48.281, 34.534
XYZ	43.553, 30.671, 13.751
xyY	0.495, 0.349, 30.671
CIE-LCH	62.229, 59.36, 35.575
CIE-LUV	62.229, 98.606, 30.965
Hunter-Lab	55.381, 43.458, 24.045
Binary	11110000, 01101111, 01011100

#f06f5c
```
#f06f5c rgb(240,111,92)
```
#5cddf0
```
#5cddf0 rgb(92,221,240)
```

Complementary Color

#f05c93
```
#f05c93 rgb(240,92,147)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#f0b95c
```
#f0b95c rgb(240,185,92)
```

Analogous Color

#5c93f0
```
#5c93f0 rgb(92,147,240)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#5cf0b9
```
#5cf0b9 rgb(92,240,185)
```

Split Complementary Color

#6f5cf0
```
#6f5cf0 rgb(111,92,240)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#5cf06f
```
#5cf06f rgb(92,240,111)
```

Triadic Color

#f05cdd
```
#f05cdd rgb(240,92,221)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#5cf06f
```
#5cf06f rgb(92,240,111)
```
#5cddf0
```
#5cddf0 rgb(92,221,240)
```

Tetradic Color

#ea3116
```
#ea3116 rgb(234,49,22)
```
#ec462d
```
#ec462d rgb(236,70,45)
```
#ee5a45
```
#ee5a45 rgb(238,90,69)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#f28473
```
#f28473 rgb(242,132,115)
```
#f4988b
```
#f4988b rgb(244,152,139)
```
#f6ada2
```
#f6ada2 rgb(246,173,162)
```

Monochromatic Color

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

#f05c6e
```
#f05c6e rgb(240,92,110)
```
#f05c62
```
#f05c62 rgb(240,92,98)
```
#f0635c
```
#f0635c rgb(240,99,92)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#f07b5c
```
#f07b5c rgb(240,123,92)
```
#f0885c
```
#f0885c rgb(240,136,92)
```
#f0945c
```
#f0945c rgb(240,148,92)
```

Similar Colors

Text with hexadecimal color #f06f5c

This text has a font color of #f06f5c.

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

#f06f5c background color

This paragraph has a background color of #f06f5c.

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

#f06f5c border color

This element has a border color of #f06f5c.

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

CSS codes

.text {color:#f06f5c;}

.background {background-color:#f06f5c;}

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

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, #110302 is the darkest color, while #fffefe is the lightest one.

#110302
```
#110302 rgb(17,3,2)
```
#230703
```
#230703 rgb(35,7,3)
```
#350b05
```
#350b05 rgb(53,11,5)
```
#470f06
```
#470f06 rgb(71,15,6)
```
#581208
```
#581208 rgb(88,18,8)
```
#6a160a
```
#6a160a rgb(106,22,10)
```
#7c1a0b
```
#7c1a0b rgb(124,26,11)
```
#8e1e0d
```
#8e1e0d rgb(142,30,13)
```
#a0210f
```
#a0210f rgb(160,33,15)
```
#b22510
```
#b22510 rgb(178,37,16)
```
#c42912
```
#c42912 rgb(196,41,18)
```
#d62d14
```
#d62d14 rgb(214,45,20)
```
#e83015
```
#e83015 rgb(232,48,21)
```

Shade Color Variation

#eb3f26
```
#eb3f26 rgb(235,63,38)
```
#ed4f38
```
#ed4f38 rgb(237,79,56)
```
#ee5f4a
```
#ee5f4a rgb(238,95,74)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#f27f6e
```
#f27f6e rgb(242,127,110)
```
#f38f80
```
#f38f80 rgb(243,143,128)
```
#f59f92
```
#f59f92 rgb(245,159,146)
```
#f7aea4
```
#f7aea4 rgb(247,174,164)
```
#f8beb6
```
#f8beb6 rgb(248,190,182)
```
#facec8
```
#facec8 rgb(250,206,200)
```
#fcdeda
```
#fcdeda rgb(252,222,218)
```
#fdeeec
```
#fdeeec rgb(253,238,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aca2a0
```
#aca2a0 rgb(172,162,160)
```
#b29d9a
```
#b29d9a rgb(178,157,154)
```
#b99893
```
#b99893 rgb(185,152,147)
```
#c0938c
```
#c0938c rgb(192,147,140)
```
#c78e85
```
#c78e85 rgb(199,142,133)
```
#ce887e
```
#ce887e rgb(206,136,126)
```
#d58377
```
#d58377 rgb(213,131,119)
```
#db7e71
```
#db7e71 rgb(219,126,113)
```
#e2796a
```
#e2796a rgb(226,121,106)
```
#e97463
```
#e97463 rgb(233,116,99)
```
#f06f5c
```
#f06f5c rgb(240,111,92)
```
#f76a55
```
#f76a55 rgb(247,106,85)
```
#fe654e
```
#fe654e rgb(254,101,78)
```

Tone Color Variation

Below, you can see how #f06f5c 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

#939393 Achromatopsia 0.005% of the population
#a68c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79b72 Protanopia 1% of men
#bc955c Deuteranopia 1% of men
#f2737a Tritanopia 0.001% of the population

Trichromacy

#c18b6a Protanomaly 1% of men, 0.01% of women
#cf875c Deuteranomaly 6% of men, 0.4% of women
#f1716f Tritanomaly 0.01% of the population

#f06f5c hex color

#f06f5c Color Information

#f06f5c Color Conversion

Color Schemes with #f06f5c

Alternatives to #f06f5c

#f06f5c Preview

Shades and Tints of #f06f5c

Tones of #f06f5c

Color Blindness Simulator