#fa5a20 hex color

In a RGB color space, hex #fa5a20 is composed of 98% red, 35.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 87.2% yellow and 2% black. It has a hue angle of 16 degrees, a saturation of 95.6% and a lightness of 55.3%. #fa5a20 color hex could be obtained by blending #ffb440 with #f50000. Closest websafe color is: #ff6633.

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

● #fa5a20 color description : Vivid orange.

The hexadecimal color #fa5a20 has RGB values of R:250, G:90, B:32 and CMYK values of C:0, M:0.64, Y:0.87, K:0.02. Its decimal value is 16407072.

Hex triplet	fa5a20	`#fa5a20`
RGB Decimal	250, 90, 32	`rgb(250,90,32)`
RGB Percent	98, 35.3, 12.5	`rgb(98%,35.3%,12.5%)`
CMYK	0, 64, 87, 2
HSL	16°, 95.6, 55.3	`hsl(16,95.6%,55.3%)`
HSV (or HSB)	16°, 87.2, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.658, 58.743, 61.608
XYZ	43.343, 27.746, 4.44
xyY	0.574, 0.367, 27.746
CIE-LCH	59.658, 85.125, 46.364
CIE-LUV	59.658, 130.929, 46.351
Hunter-Lab	52.674, 54.701, 31.875
Binary	11111010, 01011010, 00100000

#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```

Complementary Color

#fa2053
```
#fa2053 rgb(250,32,83)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#fac720
```
#fac720 rgb(250,199,32)
```

Analogous Color

#2053fa
```
#2053fa rgb(32,83,250)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#20fac7
```
#20fac7 rgb(32,250,199)
```

Split Complementary Color

#5a20fa
```
#5a20fa rgb(90,32,250)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#20fa5a
```
#20fa5a rgb(32,250,90)
```

Triadic Color

#fa20c0
```
#fa20c0 rgb(250,32,192)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#20fa5a
```
#20fa5a rgb(32,250,90)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```

Tetradic Color

#c93905
```
#c93905 rgb(201,57,5)
```
#e24005
```
#e24005 rgb(226,64,5)
```
#f94807
```
#f94807 rgb(249,72,7)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#fb6c39
```
#fb6c39 rgb(251,108,57)
```
#fb7f52
```
#fb7f52 rgb(251,127,82)
```
#fc916b
```
#fc916b rgb(252,145,107)
```

Monochromatic Color

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

#fa2320
```
#fa2320 rgb(250,35,32)
```
#fa3620
```
#fa3620 rgb(250,54,32)
```
#fa4820
```
#fa4820 rgb(250,72,32)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#fa6c20
```
#fa6c20 rgb(250,108,32)
```
#fa7e20
```
#fa7e20 rgb(250,126,32)
```
#fa9120
```
#fa9120 rgb(250,145,32)
```

Similar Colors

Text with hexadecimal color #fa5a20

This text has a font color of #fa5a20.

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

#fa5a20 background color

This paragraph has a background color of #fa5a20.

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

#fa5a20 border color

This element has a border color of #fa5a20.

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

CSS codes

.text {color:#fa5a20;}

.background {background-color:#fa5a20;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1a0701
```
#1a0701 rgb(26,7,1)
```
#2e0d01
```
#2e0d01 rgb(46,13,1)
```
#411201
```
#411201 rgb(65,18,1)
```
#541802
```
#541802 rgb(84,24,2)
```
#671d02
```
#671d02 rgb(103,29,2)
```
#7a2303
```
#7a2303 rgb(122,35,3)
```
#8e2803
```
#8e2803 rgb(142,40,3)
```
#a12d04
```
#a12d04 rgb(161,45,4)
```
#b43304
```
#b43304 rgb(180,51,4)
```
#c73804
```
#c73804 rgb(199,56,4)
```
#da3e05
```
#da3e05 rgb(218,62,5)
```
#ed4305
```
#ed4305 rgb(237,67,5)
```

Shade Color Variation

#fa4c0d
```
#fa4c0d rgb(250,76,13)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```
#fa6833
```
#fa6833 rgb(250,104,51)
```
#fb7646
```
#fb7646 rgb(251,118,70)
```
#fb855a
```
#fb855a rgb(251,133,90)
```
#fc936d
```
#fc936d rgb(252,147,109)
```
#fca180
```
#fca180 rgb(252,161,128)
```
#fdaf93
```
#fdaf93 rgb(253,175,147)
```
#fdbda6
```
#fdbda6 rgb(253,189,166)
```
#fdccb9
```
#fdccb9 rgb(253,204,185)
```
#fedacd
```
#fedacd rgb(254,218,205)
```
#fee8e0
```
#fee8e0 rgb(254,232,224)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#918b89
```
#918b89 rgb(145,139,137)
```
#9a8780
```
#9a8780 rgb(154,135,128)
```
#a28378
```
#a28378 rgb(162,131,120)
```
#ab7f6f
```
#ab7f6f rgb(171,127,111)
```
#b47b66
```
#b47b66 rgb(180,123,102)
```
#bd775d
```
#bd775d rgb(189,119,93)
```
#c57355
```
#c57355 rgb(197,115,85)
```
#ce6f4c
```
#ce6f4c rgb(206,111,76)
```
#d76a43
```
#d76a43 rgb(215,106,67)
```
#e0663a
```
#e0663a rgb(224,102,58)
```
#e86232
```
#e86232 rgb(232,98,50)
```
#f15e29
```
#f15e29 rgb(241,94,41)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```

Tone Color Variation

Below, you can see how #fa5a20 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
#9b7b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69538 Protanopia 1% of men
#bb8e0f Deuteranopia 1% of men
#fb5d61 Tritanopia 0.001% of the population

Trichromacy

#c47f2f Protanomaly 1% of men, 0.01% of women
#d17b15 Deuteranomaly 6% of men, 0.4% of women
#fb5b49 Tritanomaly 0.01% of the population

#fa5a20 hex color

#fa5a20 Color Information

#fa5a20 Color Conversion

Color Schemes with #fa5a20

Alternatives to #fa5a20

#fa5a20 Preview

Shades and Tints of #fa5a20

Tones of #fa5a20

Color Blindness Simulator