#faa500 hex color

In a RGB color space, hex #faa500 is composed of 98% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 100% yellow and 2% black. It has a hue angle of 39.6 degrees, a saturation of 100% and a lightness of 49%. #faa500 color hex could be obtained by blending #ffff00 with #f54b00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 98
- G 65
- B 0
RGB color chart
- C 0
- M 34
- Y 100
- K 2
CMYK color chart

● #faa500 color description : Pure (or mostly pure) orange.

The hexadecimal color #faa500 has RGB values of R:250, G:165, B:0 and CMYK values of C:0, M:0.34, Y:1, K:0.02. Its decimal value is 16426240.

Hex triplet	faa500	`#faa500`
RGB Decimal	250, 165, 0	`rgb(250,165,0)`
RGB Percent	98, 64.7, 0	`rgb(98%,64.7%,0%)`
CMYK	0, 34, 100, 2
HSL	39.6°, 100, 49	`hsl(39.6,100%,49%)`
HSV (or HSB)	39.6°, 100, 98
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.342, 21.831, 78.272
XYZ	52.881, 47.238, 6.333
xyY	0.497, 0.444, 47.238
CIE-LCH	74.342, 81.259, 74.415
CIE-LUV	74.342, 70.732, 73.84
Hunter-Lab	68.73, 17.061, 42.648
Binary	11111010, 10100101, 00000000

#faa500
```
#faa500 rgb(250,165,0)
```
#0055fa
```
#0055fa rgb(0,85,250)
```

Complementary Color

#fa2800
```
#fa2800 rgb(250,40,0)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#d2fa00
```
#d2fa00 rgb(210,250,0)
```

Analogous Color

#2800fa
```
#2800fa rgb(40,0,250)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#00d2fa
```
#00d2fa rgb(0,210,250)
```

Split Complementary Color

#a500fa
```
#a500fa rgb(165,0,250)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#00faa5
```
#00faa5 rgb(0,250,165)
```

Triadic Color

#fa0055
```
#fa0055 rgb(250,0,85)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#00faa5
```
#00faa5 rgb(0,250,165)
```
#0055fa
```
#0055fa rgb(0,85,250)
```

Tetradic Color

#ae7300
```
#ae7300 rgb(174,115,0)
```
#c78300
```
#c78300 rgb(199,131,0)
```
#e19400
```
#e19400 rgb(225,148,0)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#ffaf15
```
#ffaf15 rgb(255,175,21)
```
#ffb82e
```
#ffb82e rgb(255,184,46)
```
#ffc148
```
#ffc148 rgb(255,193,72)
```

Monochromatic Color

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

#fa6700
```
#fa6700 rgb(250,103,0)
```
#fa7b00
```
#fa7b00 rgb(250,123,0)
```
#fa9000
```
#fa9000 rgb(250,144,0)
```
#faa500
```
#faa500 rgb(250,165,0)
```
#faba00
```
#faba00 rgb(250,186,0)
```
#facf00
```
#facf00 rgb(250,207,0)
```
#fae400
```
#fae400 rgb(250,228,0)
```

Similar Colors

Text with hexadecimal color #faa500

This text has a font color of #faa500.

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

#faa500 background color

This paragraph has a background color of #faa500.

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

#faa500 border color

This element has a border color of #faa500.

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

CSS codes

.text {color:#faa500;}

.background {background-color:#faa500;}

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

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

#0f0a00
```
#0f0a00 rgb(15,10,0)
```
#221700
```
#221700 rgb(34,23,0)
```
#362400
```
#362400 rgb(54,36,0)
```
#493000
```
#493000 rgb(73,48,0)
```
#5d3d00
```
#5d3d00 rgb(93,61,0)
```
#714a00
```
#714a00 rgb(113,74,0)
```
#845700
```
#845700 rgb(132,87,0)
```
#986400
```
#986400 rgb(152,100,0)
```
#ac7100
```
#ac7100 rgb(172,113,0)
```
#bf7e00
```
#bf7e00 rgb(191,126,0)
```
#d38b00
```
#d38b00 rgb(211,139,0)
```
#e69800
```
#e69800 rgb(230,152,0)
```
#faa500
```
#faa500 rgb(250,165,0)
```

Shade Color Variation

#ffad0f
```
#ffad0f rgb(255,173,15)
```
#ffb422
```
#ffb422 rgb(255,180,34)
```
#ffbb36
```
#ffbb36 rgb(255,187,54)
```
#ffc149
```
#ffc149 rgb(255,193,73)
```
#ffc85d
```
#ffc85d rgb(255,200,93)
```
#ffcf71
```
#ffcf71 rgb(255,207,113)
```
#ffd584
```
#ffd584 rgb(255,213,132)
```
#ffdc98
```
#ffdc98 rgb(255,220,152)
```
#ffe3ac
```
#ffe3ac rgb(255,227,172)
```
#ffe9bf
```
#ffe9bf rgb(255,233,191)
```
#fff0d3
```
#fff0d3 rgb(255,240,211)
```
#fff7e6
```
#fff7e6 rgb(255,247,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#878073
```
#878073 rgb(135,128,115)
```
#90836a
```
#90836a rgb(144,131,106)
```
#9a8660
```
#9a8660 rgb(154,134,96)
```
#a38957
```
#a38957 rgb(163,137,87)
```
#ad8c4d
```
#ad8c4d rgb(173,140,77)
```
#b78f43
```
#b78f43 rgb(183,143,67)
```
#c0933a
```
#c0933a rgb(192,147,58)
```
#ca9630
```
#ca9630 rgb(202,150,48)
```
#d49926
```
#d49926 rgb(212,153,38)
```
#dd9c1d
```
#dd9c1d rgb(221,156,29)
```
#e79f13
```
#e79f13 rgb(231,159,19)
```
#f0a20a
```
#f0a20a rgb(240,162,10)
```
#faa500
```
#faa500 rgb(250,165,0)
```

Tone Color Variation

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

Dichromacy

#d1ba14 Protanopia 1% of men
#e9b100 Deuteranopia 1% of men
#ff9fa9 Tritanopia 0.001% of the population

Trichromacy

#e0b20c Protanomaly 1% of men, 0.01% of women
#efad00 Deuteranomaly 6% of men, 0.4% of women
#fda16c Tritanomaly 0.01% of the population

#faa500 hex color

#faa500 Color Information

#faa500 Color Conversion

Color Schemes with #faa500

Alternatives to #faa500

#faa500 Preview

Shades and Tints of #faa500

Tones of #faa500

Color Blindness Simulator