#f8524e hex color

In a RGB color space, hex #f8524e is composed of 97.3% red, 32.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 68.5% yellow and 2.7% black. It has a hue angle of 1.4 degrees, a saturation of 92.4% and a lightness of 63.9%. #f8524e color hex could be obtained by blending #ffa49c with #f10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 97
- G 32
- B 31
RGB color chart
- C 0
- M 67
- Y 69
- K 3
CMYK color chart

● #f8524e color description : Soft red.

The hexadecimal color #f8524e has RGB values of R:248, G:82, B:78 and CMYK values of C:0, M:0.67, Y:0.69, K:0.03. Its decimal value is 16273998.

Hex triplet	f8524e	`#f8524e`
RGB Decimal	248, 82, 78	`rgb(248,82,78)`
RGB Percent	97.3, 32.2, 30.6	`rgb(97.3%,32.2%,30.6%)`
CMYK	0, 67, 69, 3
HSL	1.4°, 92.4, 63.9	`hsl(1.4,92.4%,63.9%)`
HSV (or HSB)	1.4°, 68.5, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.552, 62.808, 38.118
XYZ	43.106, 26.546, 10.061
xyY	0.541, 0.333, 26.546
CIE-LCH	58.552, 73.469, 31.253
CIE-LUV	58.552, 127.775, 29.226
Hunter-Lab	51.523, 59.174, 24.488
Binary	11111000, 01010010, 01001110

#f8524e
```
#f8524e rgb(248,82,78)
```
#4ef4f8
```
#4ef4f8 rgb(78,244,248)
```

Complementary Color

#f84e9f
```
#f84e9f rgb(248,78,159)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#f8a74e
```
#f8a74e rgb(248,167,78)
```

Analogous Color

#4e9ff8
```
#4e9ff8 rgb(78,159,248)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#4ef8a7
```
#4ef8a7 rgb(78,248,167)
```

Split Complementary Color

#524ef8
```
#524ef8 rgb(82,78,248)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#4ef852
```
#4ef852 rgb(78,248,82)
```

Triadic Color

#f84ef4
```
#f84ef4 rgb(248,78,244)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#4ef852
```
#4ef852 rgb(78,248,82)
```
#4ef4f8
```
#4ef4f8 rgb(78,244,248)
```

Tetradic Color

#f00f09
```
#f00f09 rgb(240,15,9)
```
#f6221d
```
#f6221d rgb(246,34,29)
```
#f73a35
```
#f73a35 rgb(247,58,53)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#f96a67
```
#f96a67 rgb(249,106,103)
```
#fa827f
```
#fa827f rgb(250,130,127)
```
#fb9a98
```
#fb9a98 rgb(251,154,152)
```

Monochromatic Color

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

#f84e75
```
#f84e75 rgb(248,78,117)
```
#f84e66
```
#f84e66 rgb(248,78,102)
```
#f84e58
```
#f84e58 rgb(248,78,88)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#f8604e
```
#f8604e rgb(248,96,78)
```
#f86e4e
```
#f86e4e rgb(248,110,78)
```
#f87d4e
```
#f87d4e rgb(248,125,78)
```

Similar Colors

Text with hexadecimal color #f8524e

This text has a font color of #f8524e.

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

#f8524e background color

This paragraph has a background color of #f8524e.

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

#f8524e border color

This element has a border color of #f8524e.

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

CSS codes

.text {color:#f8524e;}

.background {background-color:#f8524e;}

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

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, #0c0100 is the darkest color, while #fff8f8 is the lightest one.

#0c0100
```
#0c0100 rgb(12,1,0)
```
#1f0201
```
#1f0201 rgb(31,2,1)
```
#310302
```
#310302 rgb(49,3,2)
```
#440403
```
#440403 rgb(68,4,3)
```
#570503
```
#570503 rgb(87,5,3)
```
#6a0704
```
#6a0704 rgb(106,7,4)
```
#7d0805
```
#7d0805 rgb(125,8,5)
```
#900906
```
#900906 rgb(144,9,6)
```
#a30a06
```
#a30a06 rgb(163,10,6)
```
#b60b07
```
#b60b07 rgb(182,11,7)
```
#c80c08
```
#c80c08 rgb(200,12,8)
```
#db0e09
```
#db0e09 rgb(219,14,9)
```
#ee0f09
```
#ee0f09 rgb(238,15,9)
```

Shade Color Variation

#f61b15
```
#f61b15 rgb(246,27,21)
```
#f72d28
```
#f72d28 rgb(247,45,40)
```
#f7403b
```
#f7403b rgb(247,64,59)
```
#f8524e
```
#f8524e rgb(248,82,78)
```
#f96461
```
#f96461 rgb(249,100,97)
```
#f97774
```
#f97774 rgb(249,119,116)
```
#fa8987
```
#fa8987 rgb(250,137,135)
```
#fb9c99
```
#fb9c99 rgb(251,156,153)
```
#fcaeac
```
#fcaeac rgb(252,174,172)
```
#fcc1bf
```
#fcc1bf rgb(252,193,191)
```
#fdd3d2
```
#fdd3d2 rgb(253,211,210)
```
#fee6e5
```
#fee6e5 rgb(254,230,229)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#aa9c9c
```
#aa9c9c rgb(170,156,156)
```
#b19595
```
#b19595 rgb(177,149,149)
```
#b88f8e
```
#b88f8e rgb(184,143,142)
```
#bf8887
```
#bf8887 rgb(191,136,135)
```
#c68180
```
#c68180 rgb(198,129,128)
```
#ce7a78
```
#ce7a78 rgb(206,122,120)
```
#d57471
```
#d57471 rgb(213,116,113)
```
#dc6d6a
```
#dc6d6a rgb(220,109,106)
```
#e36663
```
#e36663 rgb(227,102,99)
```
#ea5f5c
```
#ea5f5c rgb(234,95,92)
```
#f15955
```
#f15955 rgb(241,89,85)
```
#f8524e
```
#f8524e rgb(248,82,78)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9a7978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d926a Protanopia 1% of men
#b38c4c Deuteranopia 1% of men
#f8595e Tritanopia 0.001% of the population

Trichromacy

#be7b5f Protanomaly 1% of men, 0.01% of women
#cc774c Deuteranomaly 6% of men, 0.4% of women
#f85758 Tritanomaly 0.01% of the population

#f8524e hex color

#f8524e Color Information

#f8524e Color Conversion

Color Schemes with #f8524e

Alternatives to #f8524e

#f8524e Preview

Shades and Tints of #f8524e

Tones of #f8524e

Color Blindness Simulator