#fa5f21 hex color

In a RGB color space, hex #fa5f21 is composed of 98% red, 37.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 86.8% yellow and 2% black. It has a hue angle of 17.1 degrees, a saturation of 95.6% and a lightness of 55.5%. #fa5f21 color hex could be obtained by blending #ffbe42 with #f50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 98
- G 37
- B 13
RGB color chart
- C 0
- M 62
- Y 87
- K 2
CMYK color chart

● #fa5f21 color description : Vivid orange.

The hexadecimal color #fa5f21 has RGB values of R:250, G:95, B:33 and CMYK values of C:0, M:0.62, Y:0.87, K:0.02. Its decimal value is 16408353.

Hex triplet	fa5f21	`#fa5f21`
RGB Decimal	250, 95, 33	`rgb(250,95,33)`
RGB Percent	98, 37.3, 12.9	`rgb(98%,37.3%,12.9%)`
CMYK	0, 62, 87, 2
HSL	17.1°, 95.6, 55.5	`hsl(17.1,95.6%,55.5%)`
HSV (or HSB)	17.1°, 86.8, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.448, 56.667, 61.86
XYZ	43.793, 28.623, 4.658
xyY	0.568, 0.371, 28.623
CIE-LCH	60.448, 83.892, 47.509
CIE-LUV	60.448, 127.125, 47.55
Hunter-Lab	53.501, 52.486, 32.289
Binary	11111010, 01011111, 00100001

#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#21bcfa
```
#21bcfa rgb(33,188,250)
```

Complementary Color

#fa2150
```
#fa2150 rgb(250,33,80)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#facc21
```
#facc21 rgb(250,204,33)
```

Analogous Color

#2150fa
```
#2150fa rgb(33,80,250)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#21facc
```
#21facc rgb(33,250,204)
```

Split Complementary Color

#5f21fa
```
#5f21fa rgb(95,33,250)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#21fa5f
```
#21fa5f rgb(33,250,95)
```

Triadic Color

#fa21bc
```
#fa21bc rgb(250,33,188)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#21fa5f
```
#21fa5f rgb(33,250,95)
```
#21bcfa
```
#21bcfa rgb(33,188,250)
```

Tetradic Color

#ca3d05
```
#ca3d05 rgb(202,61,5)
```
#e34405
```
#e34405 rgb(227,68,5)
```
#f94d08
```
#f94d08 rgb(249,77,8)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#fb713a
```
#fb713a rgb(251,113,58)
```
#fb8353
```
#fb8353 rgb(251,131,83)
```
#fc956c
```
#fc956c rgb(252,149,108)
```

Monochromatic Color

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

#fa2921
```
#fa2921 rgb(250,41,33)
```
#fa3b21
```
#fa3b21 rgb(250,59,33)
```
#fa4d21
```
#fa4d21 rgb(250,77,33)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#fa7121
```
#fa7121 rgb(250,113,33)
```
#fa8321
```
#fa8321 rgb(250,131,33)
```
#fa9521
```
#fa9521 rgb(250,149,33)
```

Similar Colors

Text with hexadecimal color #fa5f21

This text has a font color of #fa5f21.

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

#fa5f21 background color

This paragraph has a background color of #fa5f21.

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

#fa5f21 border color

This element has a border color of #fa5f21.

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

CSS codes

.text {color:#fa5f21;}

.background {background-color:#fa5f21;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1b0801
```
#1b0801 rgb(27,8,1)
```
#2f0e01
```
#2f0e01 rgb(47,14,1)
```
#421401
```
#421401 rgb(66,20,1)
```
#551a02
```
#551a02 rgb(85,26,2)
```
#681f02
```
#681f02 rgb(104,31,2)
```
#7b2503
```
#7b2503 rgb(123,37,3)
```
#8e2b03
```
#8e2b03 rgb(142,43,3)
```
#a23104
```
#a23104 rgb(162,49,4)
```
#b53704
```
#b53704 rgb(181,55,4)
```
#c83c05
```
#c83c05 rgb(200,60,5)
```
#db4205
```
#db4205 rgb(219,66,5)
```
#ee4805
```
#ee4805 rgb(238,72,5)
```

Shade Color Variation

#fa510e
```
#fa510e rgb(250,81,14)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```
#fa6d34
```
#fa6d34 rgb(250,109,52)
```
#fb7b47
```
#fb7b47 rgb(251,123,71)
```
#fb885b
```
#fb885b rgb(251,136,91)
```
#fc966e
```
#fc966e rgb(252,150,110)
```
#fca481
```
#fca481 rgb(252,164,129)
```
#fdb294
```
#fdb294 rgb(253,178,148)
```
#fdc0a7
```
#fdc0a7 rgb(253,192,167)
```
#fdceba
```
#fdceba rgb(253,206,186)
```
#fedbce
```
#fedbce rgb(254,219,206)
```
#fee9e1
```
#fee9e1 rgb(254,233,225)
```
#fff7f4
```
#fff7f4 rgb(255,247,244)
```

Tint Color Variation

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

#918c8a
```
#918c8a rgb(145,140,138)
```
#9a8881
```
#9a8881 rgb(154,136,129)
```
#a38478
```
#a38478 rgb(163,132,120)
```
#ab8170
```
#ab8170 rgb(171,129,112)
```
#b47d67
```
#b47d67 rgb(180,125,103)
```
#bd795e
```
#bd795e rgb(189,121,94)
```
#c67555
```
#c67555 rgb(198,117,85)
```
#ce724d
```
#ce724d rgb(206,114,77)
```
#d76e44
```
#d76e44 rgb(215,110,68)
```
#e06a3b
```
#e06a3b rgb(224,106,59)
```
#e96632
```
#e96632 rgb(233,102,50)
```
#f1632a
```
#f1632a rgb(241,99,42)
```
#fa5f21
```
#fa5f21 rgb(250,95,33)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9d7e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89738 Protanopia 1% of men
#bd9014 Deuteranopia 1% of men
#fc6166 Tritanopia 0.001% of the population

Trichromacy

#c6832f Protanomaly 1% of men, 0.01% of women
#d37e18 Deuteranomaly 6% of men, 0.4% of women
#fb604d Tritanomaly 0.01% of the population

#fa5f21 hex color

#fa5f21 Color Information

#fa5f21 Color Conversion

Color Schemes with #fa5f21

Alternatives to #fa5f21

#fa5f21 Preview

Shades and Tints of #fa5f21

Tones of #fa5f21

Color Blindness Simulator