#faa228 hex color

In a RGB color space, hex #faa228 is composed of 98% red, 63.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.2% magenta, 84% yellow and 2% black. It has a hue angle of 34.9 degrees, a saturation of 95.5% and a lightness of 56.9%. #faa228 color hex could be obtained by blending #ffff50 with #f54500. Closest websafe color is: #ff9933.

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

● #faa228 color description : Bright orange.

The hexadecimal color #faa228 has RGB values of R:250, G:162, B:40 and CMYK values of C:0, M:0.35, Y:0.84, K:0.02. Its decimal value is 16425512.

Hex triplet	faa228	`#faa228`
RGB Decimal	250, 162, 40	`rgb(250,162,40)`
RGB Percent	98, 63.5, 15.7	`rgb(98%,63.5%,15.7%)`
CMYK	0, 35, 84, 2
HSL	34.9°, 95.5, 56.9	`hsl(34.9,95.5%,56.9%)`
HSV (or HSB)	34.9°, 84, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.754, 23.972, 70.387
XYZ	52.729, 46.322, 8.171
xyY	0.492, 0.432, 46.322
CIE-LCH	73.754, 74.357, 71.193
CIE-LUV	73.754, 72.24, 68.684
Hunter-Lab	68.06, 19.187, 40.524
Binary	11111010, 10100010, 00101000

#faa228
```
#faa228 rgb(250,162,40)
```
#2880fa
```
#2880fa rgb(40,128,250)
```

Complementary Color

#fa3928
```
#fa3928 rgb(250,57,40)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#e9fa28
```
#e9fa28 rgb(233,250,40)
```

Analogous Color

#3928fa
```
#3928fa rgb(57,40,250)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#28e9fa
```
#28e9fa rgb(40,233,250)
```

Split Complementary Color

#a228fa
```
#a228fa rgb(162,40,250)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#28faa2
```
#28faa2 rgb(40,250,162)
```

Triadic Color

#fa2880
```
#fa2880 rgb(250,40,128)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#28faa2
```
#28faa2 rgb(40,250,162)
```
#2880fa
```
#2880fa rgb(40,128,250)
```

Tetradic Color

#d17b05
```
#d17b05 rgb(209,123,5)
```
#ea8a05
```
#ea8a05 rgb(234,138,5)
```
#f9970f
```
#f9970f rgb(249,151,15)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#fbad41
```
#fbad41 rgb(251,173,65)
```
#fbb85a
```
#fbb85a rgb(251,184,90)
```
#fcc273
```
#fcc273 rgb(252,194,115)
```

Monochromatic Color

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

#fa6e28
```
#fa6e28 rgb(250,110,40)
```
#fa7f28
```
#fa7f28 rgb(250,127,40)
```
#fa9128
```
#fa9128 rgb(250,145,40)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#fab428
```
#fab428 rgb(250,180,40)
```
#fac528
```
#fac528 rgb(250,197,40)
```
#fad728
```
#fad728 rgb(250,215,40)
```

Similar Colors

Text with hexadecimal color #faa228

This text has a font color of #faa228.

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

#faa228 background color

This paragraph has a background color of #faa228.

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

#faa228 border color

This element has a border color of #faa228.

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

CSS codes

.text {color:#faa228;}

.background {background-color:#faa228;}

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

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, #0f0900 is the darkest color, while #fffdfb is the lightest one.

#0f0900
```
#0f0900 rgb(15,9,0)
```
#221401
```
#221401 rgb(34,20,1)
```
#352001
```
#352001 rgb(53,32,1)
```
#492b02
```
#492b02 rgb(73,43,2)
```
#5c3602
```
#5c3602 rgb(92,54,2)
```
#6f4103
```
#6f4103 rgb(111,65,3)
```
#824d03
```
#824d03 rgb(130,77,3)
```
#955803
```
#955803 rgb(149,88,3)
```
#a86304
```
#a86304 rgb(168,99,4)
```
#bc6f04
```
#bc6f04 rgb(188,111,4)
```
#cf7a05
```
#cf7a05 rgb(207,122,5)
```
#e28505
```
#e28505 rgb(226,133,5)
```
#f59106
```
#f59106 rgb(245,145,6)
```

Shade Color Variation

#fa9a15
```
#fa9a15 rgb(250,154,21)
```
#faa228
```
#faa228 rgb(250,162,40)
```
#faaa3b
```
#faaa3b rgb(250,170,59)
```
#fbb34e
```
#fbb34e rgb(251,179,78)
```
#fbbb62
```
#fbbb62 rgb(251,187,98)
```
#fcc375
```
#fcc375 rgb(252,195,117)
```
#fccb88
```
#fccb88 rgb(252,203,136)
```
#fdd49b
```
#fdd49b rgb(253,212,155)
```
#fddcae
```
#fddcae rgb(253,220,174)
```
#fee4c1
```
#fee4c1 rgb(254,228,193)
```
#feedd5
```
#feedd5 rgb(254,237,213)
```
#fef5e8
```
#fef5e8 rgb(254,245,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#94928e
```
#94928e rgb(148,146,142)
```
#9d9385
```
#9d9385 rgb(157,147,133)
```
#a5947d
```
#a5947d rgb(165,148,125)
```
#ae9674
```
#ae9674 rgb(174,150,116)
```
#b6976c
```
#b6976c rgb(182,151,108)
```
#bf9863
```
#bf9863 rgb(191,152,99)
```
#c79a5b
```
#c79a5b rgb(199,154,91)
```
#d09b52
```
#d09b52 rgb(208,155,82)
```
#d89d4a
```
#d89d4a rgb(216,157,74)
```
#e19e41
```
#e19e41 rgb(225,158,65)
```
#e99f39
```
#e99f39 rgb(233,159,57)
```
#f2a130
```
#f2a130 rgb(242,161,48)
```
#faa228
```
#faa228 rgb(250,162,40)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#bdac93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb938 Protanopia 1% of men
#e6b02d Deuteranopia 1% of men
#ff9da7 Tritanopia 0.001% of the population

Trichromacy

#deb032 Protanomaly 1% of men, 0.01% of women
#edab2b Deuteranomaly 6% of men, 0.4% of women
#fd9f79 Tritanomaly 0.01% of the population

#faa228 hex color

#faa228 Color Information

#faa228 Color Conversion

Color Schemes with #faa228

Alternatives to #faa228

#faa228 Preview

Shades and Tints of #faa228

Tones of #faa228

Color Blindness Simulator