#f0522e hex color

In a RGB color space, hex #f0522e is composed of 94.1% red, 32.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.8% magenta, 80.8% yellow and 5.9% black. It has a hue angle of 11.1 degrees, a saturation of 86.6% and a lightness of 56.1%. #f0522e color hex could be obtained by blending #ffa45c with #e10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 94
- G 32
- B 18
RGB color chart
- C 0
- M 66
- Y 81
- K 6
CMYK color chart

● #f0522e color description : Bright red.

The hexadecimal color #f0522e has RGB values of R:240, G:82, B:46 and CMYK values of C:0, M:0.66, Y:0.81, K:0.06. Its decimal value is 15749678.

Hex triplet	f0522e	`#f0522e`
RGB Decimal	240, 82, 46	`rgb(240,82,46)`
RGB Percent	94.1, 32.2, 18	`rgb(94.1%,32.2%,18%)`
CMYK	0, 66, 81, 6
HSL	11.1°, 86.6, 56.1	`hsl(11.1,86.6%,56.1%)`
HSV (or HSB)	11.1°, 80.8, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.842, 58.985, 52.626
XYZ	39.447, 24.762, 5.287
xyY	0.568, 0.356, 24.762
CIE-LCH	56.842, 79.049, 41.739
CIE-LUV	56.842, 127.043, 39.828
Hunter-Lab	49.761, 54.422, 28.533
Binary	11110000, 01010010, 00101110

#f0522e
```
#f0522e rgb(240,82,46)
```
#2eccf0
```
#2eccf0 rgb(46,204,240)
```

Complementary Color

#f02e6b
```
#f02e6b rgb(240,46,107)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f0b32e
```
#f0b32e rgb(240,179,46)
```

Analogous Color

#2e6bf0
```
#2e6bf0 rgb(46,107,240)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#2ef0b3
```
#2ef0b3 rgb(46,240,179)
```

Split Complementary Color

#522ef0
```
#522ef0 rgb(82,46,240)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#2ef052
```
#2ef052 rgb(46,240,82)
```

Triadic Color

#f02ecc
```
#f02ecc rgb(240,46,204)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#2ef052
```
#2ef052 rgb(46,240,82)
```
#2eccf0
```
#2eccf0 rgb(46,204,240)
```

Tetradic Color

#c3300e
```
#c3300e rgb(195,48,14)
```
#db3610
```
#db3610 rgb(219,54,16)
```
#ee3e16
```
#ee3e16 rgb(238,62,22)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f26646
```
#f26646 rgb(242,102,70)
```
#f3795e
```
#f3795e rgb(243,121,94)
```
#f58d75
```
#f58d75 rgb(245,141,117)
```

Monochromatic Color

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

#f02e3b
```
#f02e3b rgb(240,46,59)
```
#f0322e
```
#f0322e rgb(240,50,46)
```
#f0422e
```
#f0422e rgb(240,66,46)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f0622e
```
#f0622e rgb(240,98,46)
```
#f0722e
```
#f0722e rgb(240,114,46)
```
#f0832e
```
#f0832e rgb(240,131,46)
```

Similar Colors

Text with hexadecimal color #f0522e

This text has a font color of #f0522e.

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

#f0522e background color

This paragraph has a background color of #f0522e.

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

#f0522e border color

This element has a border color of #f0522e.

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

CSS codes

.text {color:#f0522e;}

.background {background-color:#f0522e;}

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

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

#0b0301
```
#0b0301 rgb(11,3,1)
```
#1d0702
```
#1d0702 rgb(29,7,2)
```
#2f0c03
```
#2f0c03 rgb(47,12,3)
```
#421005
```
#421005 rgb(66,16,5)
```
#541406
```
#541406 rgb(84,20,6)
```
#661907
```
#661907 rgb(102,25,7)
```
#781d09
```
#781d09 rgb(120,29,9)
```
#8b220a
```
#8b220a rgb(139,34,10)
```
#9d260b
```
#9d260b rgb(157,38,11)
```
#af2b0d
```
#af2b0d rgb(175,43,13)
```
#c22f0e
```
#c22f0e rgb(194,47,14)
```
#d4340f
```
#d4340f rgb(212,52,15)
```
#e63811
```
#e63811 rgb(230,56,17)
```

Shade Color Variation

#ef431c
```
#ef431c rgb(239,67,28)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f16140
```
#f16140 rgb(241,97,64)
```
#f37053
```
#f37053 rgb(243,112,83)
```
#f47f65
```
#f47f65 rgb(244,127,101)
```
#f58f77
```
#f58f77 rgb(245,143,119)
```
#f79e8a
```
#f79e8a rgb(247,158,138)
```
#f8ad9c
```
#f8ad9c rgb(248,173,156)
```
#f9bcae
```
#f9bcae rgb(249,188,174)
```
#fbcbc0
```
#fbcbc0 rgb(251,203,192)
```
#fcdad3
```
#fcdad3 rgb(252,218,211)
```
#fde9e5
```
#fde9e5 rgb(253,233,229)
```
#fef9f7
```
#fef9f7 rgb(254,249,247)
```

Tint Color Variation

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

#918e8d
```
#918e8d rgb(145,142,141)
```
#9a8884
```
#9a8884 rgb(154,136,132)
```
#a2837c
```
#a2837c rgb(162,131,124)
```
#ab7d73
```
#ab7d73 rgb(171,125,115)
```
#b4786a
```
#b4786a rgb(180,120,106)
```
#bc7362
```
#bc7362 rgb(188,115,98)
```
#c56d59
```
#c56d59 rgb(197,109,89)
```
#ce6850
```
#ce6850 rgb(206,104,80)
```
#d66248
```
#d66248 rgb(214,98,72)
```
#df5d3f
```
#df5d3f rgb(223,93,63)
```
#e75737
```
#e75737 rgb(231,87,55)
```
#f0522e
```
#f0522e rgb(240,82,46)
```
#f94d25
```
#f94d25 rgb(249,77,37)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#94746d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e46 Protanopia 1% of men
#b1872a Deuteranopia 1% of men
#f1565b Tritanopia 0.001% of the population

Trichromacy

#bb783d Protanomaly 1% of men, 0.01% of women
#c8742b Deuteranomaly 6% of men, 0.4% of women
#f1554a Tritanomaly 0.01% of the population

#f0522e hex color

#f0522e Color Information

#f0522e Color Conversion

Color Schemes with #f0522e

Alternatives to #f0522e

#f0522e Preview

Shades and Tints of #f0522e

Tones of #f0522e

Color Blindness Simulator