#faa22c hex color

In a RGB color space, hex #faa22c is composed of 98% red, 63.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.2% magenta, 82.4% yellow and 2% black. It has a hue angle of 34.4 degrees, a saturation of 95.4% and a lightness of 57.6%. #faa22c color hex could be obtained by blending #ffff58 with #f54500. Closest websafe color is: #ff9933.

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

● #faa22c color description : Bright orange.

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

Hex triplet	faa22c	`#faa22c`
RGB Decimal	250, 162, 44	`rgb(250,162,44)`
RGB Percent	98, 63.5, 17.3	`rgb(98%,63.5%,17.3%)`
CMYK	0, 35, 82, 2
HSL	34.4°, 95.4, 57.6	`hsl(34.4,95.4%,57.6%)`
HSV (or HSB)	34.4°, 82.4, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.772, 24.078, 69.14
XYZ	52.801, 46.35, 8.549
xyY	0.49, 0.43, 46.35
CIE-LCH	73.772, 73.213, 70.8
CIE-LUV	73.772, 72.06, 67.928
Hunter-Lab	68.081, 19.295, 40.212
Binary	11111010, 10100010, 00101100

#faa22c
```
#faa22c rgb(250,162,44)
```
#2c84fa
```
#2c84fa rgb(44,132,250)
```

Complementary Color

#fa3b2c
```
#fa3b2c rgb(250,59,44)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#ebfa2c
```
#ebfa2c rgb(235,250,44)
```

Analogous Color

#3b2cfa
```
#3b2cfa rgb(59,44,250)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#2cebfa
```
#2cebfa rgb(44,235,250)
```

Split Complementary Color

#a22cfa
```
#a22cfa rgb(162,44,250)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#2cfaa2
```
#2cfaa2 rgb(44,250,162)
```

Triadic Color

#fa2c84
```
#fa2c84 rgb(250,44,132)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#2cfaa2
```
#2cfaa2 rgb(44,250,162)
```
#2c84fa
```
#2c84fa rgb(44,132,250)
```

Tetradic Color

#d47c05
```
#d47c05 rgb(212,124,5)
```
#ed8a06
```
#ed8a06 rgb(237,138,6)
```
#f99713
```
#f99713 rgb(249,151,19)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#fbad45
```
#fbad45 rgb(251,173,69)
```
#fbb85e
```
#fbb85e rgb(251,184,94)
```
#fcc377
```
#fcc377 rgb(252,195,119)
```

Monochromatic Color

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

#fa6f2c
```
#fa6f2c rgb(250,111,44)
```
#fa802c
```
#fa802c rgb(250,128,44)
```
#fa912c
```
#fa912c rgb(250,145,44)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#fab32c
```
#fab32c rgb(250,179,44)
```
#fac42c
```
#fac42c rgb(250,196,44)
```
#fad62c
```
#fad62c rgb(250,214,44)
```

Similar Colors

Text with hexadecimal color #faa22c

This text has a font color of #faa22c.

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

#faa22c background color

This paragraph has a background color of #faa22c.

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

#faa22c border color

This element has a border color of #faa22c.

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

CSS codes

.text {color:#faa22c;}

.background {background-color:#faa22c;}

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

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, #130b00 is the darkest color, while #ffffff is the lightest one.

#130b00
```
#130b00 rgb(19,11,0)
```
#261601
```
#261601 rgb(38,22,1)
```
#392101
```
#392101 rgb(57,33,1)
```
#4c2d02
```
#4c2d02 rgb(76,45,2)
```
#603802
```
#603802 rgb(96,56,2)
```
#734303
```
#734303 rgb(115,67,3)
```
#864e03
```
#864e03 rgb(134,78,3)
```
#995904
```
#995904 rgb(153,89,4)
```
#ac6404
```
#ac6404 rgb(172,100,4)
```
#bf7005
```
#bf7005 rgb(191,112,5)
```
#d37b05
```
#d37b05 rgb(211,123,5)
```
#e68605
```
#e68605 rgb(230,134,5)
```
#f99106
```
#f99106 rgb(249,145,6)
```

Shade Color Variation

#fa9a19
```
#fa9a19 rgb(250,154,25)
```
#faa22c
```
#faa22c rgb(250,162,44)
```
#faaa3f
```
#faaa3f rgb(250,170,63)
```
#fbb352
```
#fbb352 rgb(251,179,82)
```
#fbbb65
```
#fbbb65 rgb(251,187,101)
```
#fcc479
```
#fcc479 rgb(252,196,121)
```
#fccc8c
```
#fccc8c rgb(252,204,140)
```
#fdd59f
```
#fdd59f rgb(253,213,159)
```
#fdddb2
```
#fdddb2 rgb(253,221,178)
```
#fee6c5
```
#fee6c5 rgb(254,230,197)
```
#feeed8
```
#feeed8 rgb(254,238,216)
```
#fff6ec
```
#fff6ec rgb(255,246,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969390
```
#969390 rgb(150,147,144)
```
#9f9587
```
#9f9587 rgb(159,149,135)
```
#a7967f
```
#a7967f rgb(167,150,127)
```
#af9777
```
#af9777 rgb(175,151,119)
```
#b8986e
```
#b8986e rgb(184,152,110)
```
#c09a66
```
#c09a66 rgb(192,154,102)
```
#c89b5e
```
#c89b5e rgb(200,155,94)
```
#d09c56
```
#d09c56 rgb(208,156,86)
```
#d99d4d
```
#d99d4d rgb(217,157,77)
```
#e19e45
```
#e19e45 rgb(225,158,69)
```
#e9a03d
```
#e9a03d rgb(233,160,61)
```
#f2a134
```
#f2a134 rgb(242,161,52)
```
#faa22c
```
#faa22c rgb(250,162,44)
```

Tone Color Variation

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

#ceb93b Protanopia 1% of men
#e6b031 Deuteranopia 1% of men
#ff9da7 Tritanopia 0.001% of the population

Trichromacy

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

#faa22c hex color

#faa22c Color Information

#faa22c Color Conversion

Color Schemes with #faa22c

Alternatives to #faa22c

#faa22c Preview

Shades and Tints of #faa22c

Tones of #faa22c

Color Blindness Simulator