#faa31e hex color

In a RGB color space, hex #faa31e is composed of 98% red, 63.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 88% yellow and 2% black. It has a hue angle of 36.3 degrees, a saturation of 95.7% and a lightness of 54.9%. #faa31e color hex could be obtained by blending #ffff3c with #f54700. Closest websafe color is: #ff9933.

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

● #faa31e color description : Vivid orange.

The hexadecimal color #faa31e has RGB values of R:250, G:163, B:30 and CMYK values of C:0, M:0.35, Y:0.88, K:0.02. Its decimal value is 16425758.

Hex triplet	faa31e	`#faa31e`
RGB Decimal	250, 163, 30	`rgb(250,163,30)`
RGB Percent	98, 63.9, 11.8	`rgb(98%,63.9%,11.8%)`
CMYK	0, 35, 88, 2
HSL	36.3°, 95.7, 54.9	`hsl(36.3,95.7%,54.9%)`
HSV (or HSB)	36.3°, 88, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.943, 23.227, 73.282
XYZ	52.757, 46.616, 7.448
xyY	0.494, 0.436, 46.616
CIE-LCH	73.943, 76.875, 72.414
CIE-LUV	73.943, 71.796, 70.626
Hunter-Lab	68.276, 18.446, 41.326
Binary	11111010, 10100011, 00011110

#faa31e
```
#faa31e rgb(250,163,30)
```
#1e75fa
```
#1e75fa rgb(30,117,250)
```

Complementary Color

#fa351e
```
#fa351e rgb(250,53,30)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#e3fa1e
```
#e3fa1e rgb(227,250,30)
```

Analogous Color

#351efa
```
#351efa rgb(53,30,250)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#1ee3fa
```
#1ee3fa rgb(30,227,250)
```

Split Complementary Color

#a31efa
```
#a31efa rgb(163,30,250)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#1efaa3
```
#1efaa3 rgb(30,250,163)
```

Triadic Color

#fa1e75
```
#fa1e75 rgb(250,30,117)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#1efaa3
```
#1efaa3 rgb(30,250,163)
```
#1e75fa
```
#1e75fa rgb(30,117,250)
```

Tetradic Color

#c77a04
```
#c77a04 rgb(199,122,4)
```
#e08905
```
#e08905 rgb(224,137,5)
```
#f99906
```
#f99906 rgb(249,153,6)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#fbad37
```
#fbad37 rgb(251,173,55)
```
#fbb750
```
#fbb750 rgb(251,183,80)
```
#fcc269
```
#fcc269 rgb(252,194,105)
```

Monochromatic Color

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

#fa6c1e
```
#fa6c1e rgb(250,108,30)
```
#fa7e1e
```
#fa7e1e rgb(250,126,30)
```
#fa911e
```
#fa911e rgb(250,145,30)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#fab51e
```
#fab51e rgb(250,181,30)
```
#fac81e
```
#fac81e rgb(250,200,30)
```
#fada1e
```
#fada1e rgb(250,218,30)
```

Similar Colors

Text with hexadecimal color #faa31e

This text has a font color of #faa31e.

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

#faa31e background color

This paragraph has a background color of #faa31e.

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

#faa31e border color

This element has a border color of #faa31e.

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

CSS codes

.text {color:#faa31e;}

.background {background-color:#faa31e;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#180f01
```
#180f01 rgb(24,15,1)
```
#2c1b01
```
#2c1b01 rgb(44,27,1)
```
#3f2701
```
#3f2701 rgb(63,39,1)
```
#523202
```
#523202 rgb(82,50,2)
```
#653e02
```
#653e02 rgb(101,62,2)
```
#784a03
```
#784a03 rgb(120,74,3)
```
#8c5603
```
#8c5603 rgb(140,86,3)
```
#9f6104
```
#9f6104 rgb(159,97,4)
```
#b26d04
```
#b26d04 rgb(178,109,4)
```
#c57904
```
#c57904 rgb(197,121,4)
```
#d88505
```
#d88505 rgb(216,133,5)
```
#ec9005
```
#ec9005 rgb(236,144,5)
```

Shade Color Variation

#fa9b0b
```
#fa9b0b rgb(250,155,11)
```
#faa31e
```
#faa31e rgb(250,163,30)
```
#faab31
```
#faab31 rgb(250,171,49)
```
#fbb344
```
#fbb344 rgb(251,179,68)
```
#fbbb58
```
#fbbb58 rgb(251,187,88)
```
#fcc26b
```
#fcc26b rgb(252,194,107)
```
#fcca7e
```
#fcca7e rgb(252,202,126)
```
#fdd291
```
#fdd291 rgb(253,210,145)
```
#fddaa4
```
#fddaa4 rgb(253,218,164)
```
#fde2b8
```
#fde2b8 rgb(253,226,184)
```
#feeacb
```
#feeacb rgb(254,234,203)
```
#fef1de
```
#fef1de rgb(254,241,222)
```
#fff9f1
```
#fff9f1 rgb(255,249,241)
```

Tint Color Variation

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

#908d88
```
#908d88 rgb(144,141,136)
```
#998f7f
```
#998f7f rgb(153,143,127)
```
#a29176
```
#a29176 rgb(162,145,118)
```
#aa926e
```
#aa926e rgb(170,146,110)
```
#b39465
```
#b39465 rgb(179,148,101)
```
#bc965c
```
#bc965c rgb(188,150,92)
```
#c59853
```
#c59853 rgb(197,152,83)
```
#ce9a4a
```
#ce9a4a rgb(206,154,74)
```
#d79c41
```
#d79c41 rgb(215,156,65)
```
#df9d39
```
#df9d39 rgb(223,157,57)
```
#e89f30
```
#e89f30 rgb(232,159,48)
```
#f1a127
```
#f1a127 rgb(241,161,39)
```
#faa31e
```
#faa31e rgb(250,163,30)
```

Tone Color Variation

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

Dichromacy

#cfb92e Protanopia 1% of men
#e7b022 Deuteranopia 1% of men
#ff9ea8 Tritanopia 0.001% of the population

Trichromacy

#dfb128 Protanomaly 1% of men, 0.01% of women
#eeab21 Deuteranomaly 6% of men, 0.4% of women
#fd9f75 Tritanomaly 0.01% of the population

#faa31e hex color

#faa31e Color Information

#faa31e Color Conversion

Color Schemes with #faa31e

Alternatives to #faa31e

#faa31e Preview

Shades and Tints of #faa31e

Tones of #faa31e

Color Blindness Simulator