#f2520a hex color

In a RGB color space, hex #f2520a is composed of 94.9% red, 32.2% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 95.9% yellow and 5.1% black. It has a hue angle of 18.6 degrees, a saturation of 92.1% and a lightness of 49.4%. #f2520a color hex could be obtained by blending #ffa414 with #e50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 95
- G 32
- B 4
RGB color chart
- C 0
- M 66
- Y 96
- K 5
CMYK color chart

● #f2520a color description : Vivid orange.

The hexadecimal color #f2520a has RGB values of R:242, G:82, B:10 and CMYK values of C:0, M:0.66, Y:0.96, K:0.05. Its decimal value is 15880714.

Hex triplet	f2520a	`#f2520a`
RGB Decimal	242, 82, 10	`rgb(242,82,10)`
RGB Percent	94.9, 32.2, 3.9	`rgb(94.9%,32.2%,3.9%)`
CMYK	0, 66, 96, 5
HSL	18.6°, 92.1, 49.4	`hsl(18.6,92.1%,49.4%)`
HSV (or HSB)	18.6°, 95.9, 94.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	57.015, 59.009, 65.41
XYZ	39.692, 24.938, 3.011
xyY	0.587, 0.369, 24.938
CIE-LCH	57.015, 88.094, 47.945
CIE-LUV	57.015, 131.693, 46.339
Hunter-Lab	49.938, 54.483, 31.382
Binary	11110010, 01010010, 00001010

#f2520a
```
#f2520a rgb(242,82,10)
```
#0aaaf2
```
#0aaaf2 rgb(10,170,242)
```

Complementary Color

#f20a36
```
#f20a36 rgb(242,10,54)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#f2c60a
```
#f2c60a rgb(242,198,10)
```

Analogous Color

#0a36f2
```
#0a36f2 rgb(10,54,242)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#0af2c6
```
#0af2c6 rgb(10,242,198)
```

Split Complementary Color

#520af2
```
#520af2 rgb(82,10,242)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#0af252
```
#0af252 rgb(10,242,82)
```

Triadic Color

#f20aaa
```
#f20aaa rgb(242,10,170)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#0af252
```
#0af252 rgb(10,242,82)
```
#0aaaf2
```
#0aaaf2 rgb(10,170,242)
```

Tetradic Color

#a93907
```
#a93907 rgb(169,57,7)
```
#c14108
```
#c14108 rgb(193,65,8)
```
#da4a09
```
#da4a09 rgb(218,74,9)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#f66220
```
#f66220 rgb(246,98,32)
```
#f77338
```
#f77338 rgb(247,115,56)
```
#f88551
```
#f88551 rgb(248,133,81)
```

Monochromatic Color

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

#f2180a
```
#f2180a rgb(242,24,10)
```
#f22b0a
```
#f22b0a rgb(242,43,10)
```
#f23f0a
```
#f23f0a rgb(242,63,10)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#f2650a
```
#f2650a rgb(242,101,10)
```
#f2790a
```
#f2790a rgb(242,121,10)
```
#f28c0a
```
#f28c0a rgb(242,140,10)
```

Similar Colors

Text with hexadecimal color #f2520a

This text has a font color of #f2520a.

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

#f2520a background color

This paragraph has a background color of #f2520a.

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

#f2520a border color

This element has a border color of #f2520a.

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

CSS codes

.text {color:#f2520a;}

.background {background-color:#f2520a;}

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

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

#100501
```
#100501 rgb(16,5,1)
```
#230c01
```
#230c01 rgb(35,12,1)
```
#361202
```
#361202 rgb(54,18,2)
```
#481903
```
#481903 rgb(72,25,3)
```
#5b1f04
```
#5b1f04 rgb(91,31,4)
```
#6e2505
```
#6e2505 rgb(110,37,5)
```
#812c05
```
#812c05 rgb(129,44,5)
```
#943206
```
#943206 rgb(148,50,6)
```
#a73807
```
#a73807 rgb(167,56,7)
```
#b93f08
```
#b93f08 rgb(185,63,8)
```
#cc4508
```
#cc4508 rgb(204,69,8)
```
#df4c09
```
#df4c09 rgb(223,76,9)
```
#f2520a
```
#f2520a rgb(242,82,10)
```

Shade Color Variation

#f65e1a
```
#f65e1a rgb(246,94,26)
```
#f66b2d
```
#f66b2d rgb(246,107,45)
```
#f77940
```
#f77940 rgb(247,121,64)
```
#f88653
```
#f88653 rgb(248,134,83)
```
#f99365
```
#f99365 rgb(249,147,101)
```
#f9a078
```
#f9a078 rgb(249,160,120)
```
#faae8b
```
#faae8b rgb(250,174,139)
```
#fbbb9e
```
#fbbb9e rgb(251,187,158)
```
#fcc8b1
```
#fcc8b1 rgb(252,200,177)
```
#fdd5c4
```
#fdd5c4 rgb(253,213,196)
```
#fde3d6
```
#fde3d6 rgb(253,227,214)
```
#fef0e9
```
#fef0e9 rgb(254,240,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#877a75
```
#877a75 rgb(135,122,117)
```
#91776b
```
#91776b rgb(145,119,107)
```
#9b7361
```
#9b7361 rgb(155,115,97)
```
#a46f58
```
#a46f58 rgb(164,111,88)
```
#ae6c4e
```
#ae6c4e rgb(174,108,78)
```
#b86844
```
#b86844 rgb(184,104,68)
```
#c2643a
```
#c2643a rgb(194,100,58)
```
#cb6131
```
#cb6131 rgb(203,97,49)
```
#d55d27
```
#d55d27 rgb(213,93,39)
```
#df591d
```
#df591d rgb(223,89,29)
```
#e85614
```
#e85614 rgb(232,86,20)
```
#f2520a
```
#f2520a rgb(242,82,10)
```
#fc4e00
```
#fc4e00 rgb(252,78,0)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#927264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f24 Protanopia 1% of men
#b28800 Deuteranopia 1% of men
#f45559 Tritanopia 0.001% of the population

Trichromacy

#bd781b Protanomaly 1% of men, 0.01% of women
#c97403 Deuteranomaly 6% of men, 0.4% of women
#f3543c Tritanomaly 0.01% of the population

#f2520a hex color

#f2520a Color Information

#f2520a Color Conversion

Color Schemes with #f2520a

Alternatives to #f2520a

#f2520a Preview

Shades and Tints of #f2520a

Tones of #f2520a

Color Blindness Simulator