#faa22d hex color

In a RGB color space, hex #faa22d is composed of 98% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.2% magenta, 82% yellow and 2% black. It has a hue angle of 34.2 degrees, a saturation of 95.3% and a lightness of 57.8%. #faa22d color hex could be obtained by blending #ffff5a with #f54500. Closest websafe color is: #ff9933.

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

● #faa22d color description : Bright orange.

The hexadecimal color #faa22d has RGB values of R:250, G:162, B:45 and CMYK values of C:0, M:0.35, Y:0.82, K:0.02. Its decimal value is 16425517.

Hex triplet	faa22d	`#faa22d`
RGB Decimal	250, 162, 45	`rgb(250,162,45)`
RGB Percent	98, 63.5, 17.6	`rgb(98%,63.5%,17.6%)`
CMYK	0, 35, 82, 2
HSL	34.2°, 95.3, 57.8	`hsl(34.2,95.3%,57.8%)`
HSV (or HSB)	34.2°, 82, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.777, 24.106, 68.815
XYZ	52.82, 46.358, 8.649
xyY	0.49, 0.43, 46.358
CIE-LCH	73.777, 72.915, 70.695
CIE-LUV	73.777, 72.012, 67.727
Hunter-Lab	68.087, 19.324, 40.129
Binary	11111010, 10100010, 00101101

#faa22d
```
#faa22d rgb(250,162,45)
```
#2d85fa
```
#2d85fa rgb(45,133,250)
```

Complementary Color

#fa3c2d
```
#fa3c2d rgb(250,60,45)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#ecfa2d
```
#ecfa2d rgb(236,250,45)
```

Analogous Color

#3b2dfa
```
#3b2dfa rgb(59,45,250)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#2decfa
```
#2decfa rgb(45,236,250)
```

Split Complementary Color

#a22dfa
```
#a22dfa rgb(162,45,250)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#2dfaa2
```
#2dfaa2 rgb(45,250,162)
```

Triadic Color

#fa2d85
```
#fa2d85 rgb(250,45,133)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#2dfaa2
```
#2dfaa2 rgb(45,250,162)
```
#2d85fa
```
#2d85fa rgb(45,133,250)
```

Tetradic Color

#d57c05
```
#d57c05 rgb(213,124,5)
```
#ee8a06
```
#ee8a06 rgb(238,138,6)
```
#f99714
```
#f99714 rgb(249,151,20)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#fbad46
```
#fbad46 rgb(251,173,70)
```
#fbb85f
```
#fbb85f rgb(251,184,95)
```
#fcc378
```
#fcc378 rgb(252,195,120)
```

Monochromatic Color

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

#fa6f2d
```
#fa6f2d rgb(250,111,45)
```
#fa802d
```
#fa802d rgb(250,128,45)
```
#fa912d
```
#fa912d rgb(250,145,45)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#fab32d
```
#fab32d rgb(250,179,45)
```
#fac42d
```
#fac42d rgb(250,196,45)
```
#fad52d
```
#fad52d rgb(250,213,45)
```

Similar Colors

Text with hexadecimal color #faa22d

This text has a font color of #faa22d.

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

#faa22d background color

This paragraph has a background color of #faa22d.

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

#faa22d border color

This element has a border color of #faa22d.

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

CSS codes

.text {color:#faa22d;}

.background {background-color:#faa22d;}

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

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 #fff7ed is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140c00
```
#140c00 rgb(20,12,0)
```
#271701
```
#271701 rgb(39,23,1)
```
#3a2201
```
#3a2201 rgb(58,34,1)
```
#4d2d02
```
#4d2d02 rgb(77,45,2)
```
#613802
```
#613802 rgb(97,56,2)
```
#744303
```
#744303 rgb(116,67,3)
```
#874e03
```
#874e03 rgb(135,78,3)
```
#9a5904
```
#9a5904 rgb(154,89,4)
```
#ad6504
```
#ad6504 rgb(173,101,4)
```
#c07005
```
#c07005 rgb(192,112,5)
```
#d47b05
```
#d47b05 rgb(212,123,5)
```
#e78605
```
#e78605 rgb(231,134,5)
```

Shade Color Variation

#f99107
```
#f99107 rgb(249,145,7)
```
#fa9a1a
```
#fa9a1a rgb(250,154,26)
```
#faa22d
```
#faa22d rgb(250,162,45)
```
#faaa40
```
#faaa40 rgb(250,170,64)
```
#fbb353
```
#fbb353 rgb(251,179,83)
```
#fbbb66
```
#fbbb66 rgb(251,187,102)
```
#fcc47a
```
#fcc47a rgb(252,196,122)
```
#fccc8d
```
#fccc8d rgb(252,204,141)
```
#fdd5a0
```
#fdd5a0 rgb(253,213,160)
```
#fdddb3
```
#fdddb3 rgb(253,221,179)
```
#fee6c6
```
#fee6c6 rgb(254,230,198)
```
#feeed9
```
#feeed9 rgb(254,238,217)
```
#fff7ed
```
#fff7ed rgb(255,247,237)
```

Tint Color Variation

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

#979490
```
#979490 rgb(151,148,144)
```
#9f9588
```
#9f9588 rgb(159,149,136)
```
#a79680
```
#a79680 rgb(167,150,128)
```
#b09777
```
#b09777 rgb(176,151,119)
```
#b8996f
```
#b8996f rgb(184,153,111)
```
#c09a67
```
#c09a67 rgb(192,154,103)
```
#c89b5f
```
#c89b5f rgb(200,155,95)
```
#d19c56
```
#d19c56 rgb(209,156,86)
```
#d99d4e
```
#d99d4e rgb(217,157,78)
```
#e19e46
```
#e19e46 rgb(225,158,70)
```
#e9a03e
```
#e9a03e rgb(233,160,62)
```
#f2a135
```
#f2a135 rgb(242,161,53)
```
#faa22d
```
#faa22d rgb(250,162,45)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#beac95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb93c Protanopia 1% of men
#e6b033 Deuteranopia 1% of men
#ff9da7 Tritanopia 0.001% of the population

Trichromacy

#deb037 Protanomaly 1% of men, 0.01% of women
#edab30 Deuteranomaly 6% of men, 0.4% of women
#fd9f7a Tritanomaly 0.01% of the population

#faa22d hex color

#faa22d Color Information

#faa22d Color Conversion

Color Schemes with #faa22d

Alternatives to #faa22d

#faa22d Preview

Shades and Tints of #faa22d

Tones of #faa22d

Color Blindness Simulator