#f8522f hex color

In a RGB color space, hex #f8522f is composed of 97.3% red, 32.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 81% yellow and 2.7% black. It has a hue angle of 10.4 degrees, a saturation of 93.5% and a lightness of 57.8%. #f8522f color hex could be obtained by blending #ffa45e with #f10000. Closest websafe color is: #ff6633.

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

● #f8522f color description : Bright red.

The hexadecimal color #f8522f has RGB values of R:248, G:82, B:47 and CMYK values of C:0, M:0.67, Y:0.81, K:0.03. Its decimal value is 16273967.

Hex triplet	f8522f	`#f8522f`
RGB Decimal	248, 82, 47	`rgb(248,82,47)`
RGB Percent	97.3, 32.2, 18.4	`rgb(97.3%,32.2%,18.4%)`
CMYK	0, 67, 81, 3
HSL	10.4°, 93.5, 57.8	`hsl(10.4,93.5%,57.8%)`
HSV (or HSB)	10.4°, 81, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.227, 61.627, 53.948
XYZ	42.244, 26.201, 5.522
xyY	0.571, 0.354, 26.201
CIE-LCH	58.227, 81.904, 41.198
CIE-LUV	58.227, 133.332, 40.548
Hunter-Lab	51.187, 57.736, 29.435
Binary	11111000, 01010010, 00101111

#f8522f
```
#f8522f rgb(248,82,47)
```
#2fd5f8
```
#2fd5f8 rgb(47,213,248)
```

Complementary Color

#f82f71
```
#f82f71 rgb(248,47,113)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#f8b72f
```
#f8b72f rgb(248,183,47)
```

Analogous Color

#2f71f8
```
#2f71f8 rgb(47,113,248)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#2ff8b7
```
#2ff8b7 rgb(47,248,183)
```

Split Complementary Color

#522ff8
```
#522ff8 rgb(82,47,248)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#2ff852
```
#2ff852 rgb(47,248,82)
```

Triadic Color

#f82fd5
```
#f82fd5 rgb(248,47,213)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#2ff852
```
#2ff852 rgb(47,248,82)
```
#2fd5f8
```
#2fd5f8 rgb(47,213,248)
```

Tetradic Color

#d32b07
```
#d32b07 rgb(211,43,7)
```
#ec3008
```
#ec3008 rgb(236,48,8)
```
#f73d16
```
#f73d16 rgb(247,61,22)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#f96748
```
#f96748 rgb(249,103,72)
```
#fa7b60
```
#fa7b60 rgb(250,123,96)
```
#fa9079
```
#fa9079 rgb(250,144,121)
```

Monochromatic Color

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

#f82f3e
```
#f82f3e rgb(248,47,62)
```
#f8312f
```
#f8312f rgb(248,49,47)
```
#f8412f
```
#f8412f rgb(248,65,47)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#f8632f
```
#f8632f rgb(248,99,47)
```
#f8742f
```
#f8742f rgb(248,116,47)
```
#f8842f
```
#f8842f rgb(248,132,47)
```

Similar Colors

Text with hexadecimal color #f8522f

This text has a font color of #f8522f.

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

#f8522f background color

This paragraph has a background color of #f8522f.

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

#f8522f border color

This element has a border color of #f8522f.

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

CSS codes

.text {color:#f8522f;}

.background {background-color:#f8522f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140401
```
#140401 rgb(20,4,1)
```
#270801
```
#270801 rgb(39,8,1)
```
#3a0c02
```
#3a0c02 rgb(58,12,2)
```
#4d0f03
```
#4d0f03 rgb(77,15,3)
```
#601303
```
#601303 rgb(96,19,3)
```
#731704
```
#731704 rgb(115,23,4)
```
#861b04
```
#861b04 rgb(134,27,4)
```
#991f05
```
#991f05 rgb(153,31,5)
```
#ac2306
```
#ac2306 rgb(172,35,6)
```
#bf2606
```
#bf2606 rgb(191,38,6)
```
#d12a07
```
#d12a07 rgb(209,42,7)
```
#e42e08
```
#e42e08 rgb(228,46,8)
```

Shade Color Variation

#f73209
```
#f73209 rgb(247,50,9)
```
#f7421c
```
#f7421c rgb(247,66,28)
```
#f8522f
```
#f8522f rgb(248,82,47)
```
#f96242
```
#f96242 rgb(249,98,66)
```
#f97255
```
#f97255 rgb(249,114,85)
```
#fa8168
```
#fa8168 rgb(250,129,104)
```
#fb917b
```
#fb917b rgb(251,145,123)
```
#fba18e
```
#fba18e rgb(251,161,142)
```
#fcb1a1
```
#fcb1a1 rgb(252,177,161)
```
#fcc0b4
```
#fcc0b4 rgb(252,192,180)
```
#fdd0c7
```
#fdd0c7 rgb(253,208,199)
```
#fee0da
```
#fee0da rgb(254,224,218)
```
#fef0ed
```
#fef0ed rgb(254,240,237)
```

Tint Color Variation

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

#959392
```
#959392 rgb(149,147,146)
```
#9d8d8a
```
#9d8d8a rgb(157,141,138)
```
#a58882
```
#a58882 rgb(165,136,130)
```
#ae8379
```
#ae8379 rgb(174,131,121)
```
#b67d71
```
#b67d71 rgb(182,125,113)
```
#be7869
```
#be7869 rgb(190,120,105)
```
#c67261
```
#c67261 rgb(198,114,97)
```
#cf6d58
```
#cf6d58 rgb(207,109,88)
```
#d76850
```
#d76850 rgb(215,104,80)
```
#df6248
```
#df6248 rgb(223,98,72)
```
#e75d40
```
#e75d40 rgb(231,93,64)
```
#f05737
```
#f05737 rgb(240,87,55)
```
#f8522f
```
#f8522f rgb(248,82,47)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#987770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19248 Protanopia 1% of men
#b58b29 Deuteranopia 1% of men
#f9575b Tritanopia 0.001% of the population

Trichromacy

#c07a3f Protanomaly 1% of men, 0.01% of women
#cd762b Deuteranomaly 6% of men, 0.4% of women
#f8554b Tritanomaly 0.01% of the population

#f8522f hex color

#f8522f Color Information

#f8522f Color Conversion

Color Schemes with #f8522f

Alternatives to #f8522f

#f8522f Preview

Shades and Tints of #f8522f

Tones of #f8522f

Color Blindness Simulator