#faa310 hex color

In a RGB color space, hex #faa310 is composed of 98% red, 63.9% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 93.6% yellow and 2% black. It has a hue angle of 37.7 degrees, a saturation of 95.9% and a lightness of 52.2%. #faa310 color hex could be obtained by blending #ffff20 with #f54700. Closest websafe color is: #ff9900.

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

● #faa310 color description : Vivid orange.

The hexadecimal color #faa310 has RGB values of R:250, G:163, B:16 and CMYK values of C:0, M:0.35, Y:0.94, K:0.02. Its decimal value is 16425744.

Hex triplet	faa310	`#faa310`
RGB Decimal	250, 163, 16	`rgb(250,163,16)`
RGB Percent	98, 63.9, 6.3	`rgb(98%,63.9%,6.3%)`
CMYK	0, 35, 94, 2
HSL	37.7°, 95.9, 52.2	`hsl(37.7,95.9%,52.2%)`
HSV (or HSB)	37.7°, 93.6, 98
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.907, 23.018, 76.03
XYZ	52.617, 46.56, 6.706
xyY	0.497, 0.44, 46.56
CIE-LCH	73.907, 79.437, 73.156
CIE-LUV	73.907, 72.149, 72.127
Hunter-Lab	68.235, 18.233, 41.937
Binary	11111010, 10100011, 00010000

#faa310
```
#faa310 rgb(250,163,16)
```
#1067fa
```
#1067fa rgb(16,103,250)
```

Complementary Color

#fa2e10
```
#fa2e10 rgb(250,46,16)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#dcfa10
```
#dcfa10 rgb(220,250,16)
```

Analogous Color

#2e10fa
```
#2e10fa rgb(46,16,250)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#10dcfa
```
#10dcfa rgb(16,220,250)
```

Split Complementary Color

#a310fa
```
#a310fa rgb(163,16,250)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#10faa3
```
#10faa3 rgb(16,250,163)
```

Triadic Color

#fa1067
```
#fa1067 rgb(250,16,103)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#10faa3
```
#10faa3 rgb(16,250,163)
```
#1067fa
```
#1067fa rgb(16,103,250)
```

Tetradic Color

#ba7604
```
#ba7604 rgb(186,118,4)
```
#d38604
```
#d38604 rgb(211,134,4)
```
#ec9605
```
#ec9605 rgb(236,150,5)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#fbad29
```
#fbad29 rgb(251,173,41)
```
#fbb642
```
#fbb642 rgb(251,182,66)
```
#fcc05b
```
#fcc05b rgb(252,192,91)
```

Monochromatic Color

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

#fa6910
```
#fa6910 rgb(250,105,16)
```
#fa7c10
```
#fa7c10 rgb(250,124,16)
```
#fa9010
```
#fa9010 rgb(250,144,16)
```
#faa310
```
#faa310 rgb(250,163,16)
```
#fab710
```
#fab710 rgb(250,183,16)
```
#faca10
```
#faca10 rgb(250,202,16)
```
#fade10
```
#fade10 rgb(250,222,16)
```

Similar Colors

Text with hexadecimal color #faa310

This text has a font color of #faa310.

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

#faa310 background color

This paragraph has a background color of #faa310.

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

#faa310 border color

This element has a border color of #faa310.

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

CSS codes

.text {color:#faa310;}

.background {background-color:#faa310;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1e1301
```
#1e1301 rgb(30,19,1)
```
#311f01
```
#311f01 rgb(49,31,1)
```
#442c01
```
#442c01 rgb(68,44,1)
```
#583802
```
#583802 rgb(88,56,2)
```
#6b4402
```
#6b4402 rgb(107,68,2)
```
#7e5003
```
#7e5003 rgb(126,80,3)
```
#915c03
```
#915c03 rgb(145,92,3)
```
#a46903
```
#a46903 rgb(164,105,3)
```
#b87504
```
#b87504 rgb(184,117,4)
```
#cb8104
```
#cb8104 rgb(203,129,4)
```
#de8d05
```
#de8d05 rgb(222,141,5)
```
#f19905
```
#f19905 rgb(241,153,5)
```

Shade Color Variation

#faa310
```
#faa310 rgb(250,163,16)
```
#faaa23
```
#faaa23 rgb(250,170,35)
```
#fbb236
```
#fbb236 rgb(251,178,54)
```
#fbb94a
```
#fbb94a rgb(251,185,74)
```
#fcc15d
```
#fcc15d rgb(252,193,93)
```
#fcc870
```
#fcc870 rgb(252,200,112)
```
#fccf83
```
#fccf83 rgb(252,207,131)
```
#fdd796
```
#fdd796 rgb(253,215,150)
```
#fddeaa
```
#fddeaa rgb(253,222,170)
```
#fee6bd
```
#fee6bd rgb(254,230,189)
```
#feedd0
```
#feedd0 rgb(254,237,208)
```
#fef4e3
```
#fef4e3 rgb(254,244,227)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#898681
```
#898681 rgb(137,134,129)
```
#938977
```
#938977 rgb(147,137,119)
```
#9c8b6e
```
#9c8b6e rgb(156,139,110)
```
#a68d64
```
#a68d64 rgb(166,141,100)
```
#af905b
```
#af905b rgb(175,144,91)
```
#b89252
```
#b89252 rgb(184,146,82)
```
#c29548
```
#c29548 rgb(194,149,72)
```
#cb973f
```
#cb973f rgb(203,151,63)
```
#d49936
```
#d49936 rgb(212,153,54)
```
#de9c2c
```
#de9c2c rgb(222,156,44)
```
#e79e23
```
#e79e23 rgb(231,158,35)
```
#f1a119
```
#f1a119 rgb(241,161,25)
```
#faa310
```
#faa310 rgb(250,163,16)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#bcaa8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb922 Protanopia 1% of men
#e8b00d Deuteranopia 1% of men
#ff9da7 Tritanopia 0.001% of the population

Trichromacy

#dfb11b Protanomaly 1% of men, 0.01% of women
#eeab0e Deuteranomaly 6% of men, 0.4% of women
#fd9f70 Tritanomaly 0.01% of the population

#faa310 hex color

#faa310 Color Information

#faa310 Color Conversion

Color Schemes with #faa310

Alternatives to #faa310

#faa310 Preview

Shades and Tints of #faa310

Tones of #faa310

Color Blindness Simulator