#faa107 hex color

In a RGB color space, hex #faa107 is composed of 98% red, 63.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.6% magenta, 97.2% yellow and 2% black. It has a hue angle of 38 degrees, a saturation of 96% and a lightness of 50.4%. #faa107 color hex could be obtained by blending #ffff0e with #f54300. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 98
- G 63
- B 3
RGB color chart
- C 0
- M 36
- Y 97
- K 2
CMYK color chart

● #faa107 color description : Vivid orange.

The hexadecimal color #faa107 has RGB values of R:250, G:161, B:7 and CMYK values of C:0, M:0.36, Y:0.97, K:0.02. Its decimal value is 16425223.

Hex triplet	faa107	`#faa107`
RGB Decimal	250, 161, 7	`rgb(250,161,7)`
RGB Percent	98, 63.1, 2.7	`rgb(98%,63.1%,2.7%)`
CMYK	0, 36, 97, 2
HSL	38°, 96, 50.4	`hsl(38,96%,50.4%)`
HSV (or HSB)	38°, 97.2, 98
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.437, 23.982, 76.854
XYZ	52.209, 45.833, 6.298
xyY	0.5, 0.439, 45.833
CIE-LCH	73.437, 80.509, 72.67
CIE-LUV	73.437, 73.943, 72.007
Hunter-Lab	67.7, 19.181, 41.874
Binary	11111010, 10100001, 00000111

#faa107
```
#faa107 rgb(250,161,7)
```
#0760fa
```
#0760fa rgb(7,96,250)
```

Complementary Color

#fa2707
```
#fa2707 rgb(250,39,7)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#dafa07
```
#dafa07 rgb(218,250,7)
```

Analogous Color

#2707fa
```
#2707fa rgb(39,7,250)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#07dafa
```
#07dafa rgb(7,218,250)
```

Split Complementary Color

#a107fa
```
#a107fa rgb(161,7,250)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#07faa1
```
#07faa1 rgb(7,250,161)
```

Triadic Color

#fa0760
```
#fa0760 rgb(250,7,96)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#07faa1
```
#07faa1 rgb(7,250,161)
```
#0760fa
```
#0760fa rgb(7,96,250)
```

Tetradic Color

#b17104
```
#b17104 rgb(177,113,4)
```
#ca8104
```
#ca8104 rgb(202,129,4)
```
#e39105
```
#e39105 rgb(227,145,5)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#fbaa20
```
#fbaa20 rgb(251,170,32)
```
#fbb439
```
#fbb439 rgb(251,180,57)
```
#fcbd52
```
#fcbd52 rgb(252,189,82)
```

Monochromatic Color

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

#fa6407
```
#fa6407 rgb(250,100,7)
```
#fa7907
```
#fa7907 rgb(250,121,7)
```
#fa8d07
```
#fa8d07 rgb(250,141,7)
```
#faa107
```
#faa107 rgb(250,161,7)
```
#fab507
```
#fab507 rgb(250,181,7)
```
#faca07
```
#faca07 rgb(250,202,7)
```
#fade07
```
#fade07 rgb(250,222,7)
```

Similar Colors

Text with hexadecimal color #faa107

This text has a font color of #faa107.

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

#faa107 background color

This paragraph has a background color of #faa107.

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

#faa107 border color

This element has a border color of #faa107.

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

CSS codes

.text {color:#faa107;}

.background {background-color:#faa107;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150e00
```
#150e00 rgb(21,14,0)
```
#281a01
```
#281a01 rgb(40,26,1)
```
#3c2601
```
#3c2601 rgb(60,38,1)
```
#4f3302
```
#4f3302 rgb(79,51,2)
```
#623f02
```
#623f02 rgb(98,63,2)
```
#754b02
```
#754b02 rgb(117,75,2)
```
#895803
```
#895803 rgb(137,88,3)
```
#9c6403
```
#9c6403 rgb(156,100,3)
```
#af7004
```
#af7004 rgb(175,112,4)
```
#c27d04
```
#c27d04 rgb(194,125,4)
```
#d58904
```
#d58904 rgb(213,137,4)
```
#e99505
```
#e99505 rgb(233,149,5)
```

Shade Color Variation

#faa107
```
#faa107 rgb(250,161,7)
```
#faa81a
```
#faa81a rgb(250,168,26)
```
#fbb02d
```
#fbb02d rgb(251,176,45)
```
#fbb741
```
#fbb741 rgb(251,183,65)
```
#fcbe54
```
#fcbe54 rgb(252,190,84)
```
#fcc567
```
#fcc567 rgb(252,197,103)
```
#fccd7a
```
#fccd7a rgb(252,205,122)
```
#fdd48e
```
#fdd48e rgb(253,212,142)
```
#fddba1
```
#fddba1 rgb(253,219,161)
```
#fde3b4
```
#fde3b4 rgb(253,227,180)
```
#feeac7
```
#feeac7 rgb(254,234,199)
```
#fef1db
```
#fef1db rgb(254,241,219)
```
#fff8ee
```
#fff8ee rgb(255,248,238)
```

Tint Color Variation

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

#85827c
```
#85827c rgb(133,130,124)
```
#8f8472
```
#8f8472 rgb(143,132,114)
```
#998768
```
#998768 rgb(153,135,104)
```
#a28a5f
```
#a28a5f rgb(162,138,95)
```
#ac8c55
```
#ac8c55 rgb(172,140,85)
```
#b68f4b
```
#b68f4b rgb(182,143,75)
```
#c09141
```
#c09141 rgb(192,145,65)
```
#c99438
```
#c99438 rgb(201,148,56)
```
#d3972e
```
#d3972e rgb(211,151,46)
```
#dd9924
```
#dd9924 rgb(221,153,36)
```
#e79c1a
```
#e79c1a rgb(231,156,26)
```
#f09e11
```
#f09e11 rgb(240,158,17)
```
#faa107
```
#faa107 rgb(250,161,7)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#baa889 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb81b Protanopia 1% of men
#e6af00 Deuteranopia 1% of men
#ff9ca5 Tritanopia 0.001% of the population

Trichromacy

#deb014 Protanomaly 1% of men, 0.01% of women
#edaa02 Deuteranomaly 6% of men, 0.4% of women
#fd9d6c Tritanomaly 0.01% of the population

#faa107 hex color

#faa107 Color Information

#faa107 Color Conversion

Color Schemes with #faa107

Alternatives to #faa107

#faa107 Preview

Shades and Tints of #faa107

Tones of #faa107

Color Blindness Simulator