#faa307 hex color

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

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

● #faa307 color description : Vivid orange.

The hexadecimal color #faa307 has RGB values of R:250, G:163, B:7 and CMYK values of C:0, M:0.35, Y:0.97, K:0.02. Its decimal value is 16425735.

Hex triplet	faa307	`#faa307`
RGB Decimal	250, 163, 7	`rgb(250,163,7)`
RGB Percent	98, 63.9, 2.7	`rgb(98%,63.9%,2.7%)`
CMYK	0, 35, 97, 2
HSL	38.5°, 96, 50.4	`hsl(38.5,96%,50.4%)`
HSV (or HSB)	38.5°, 97.2, 98
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.893, 22.935, 77.163
XYZ	52.561, 46.538, 6.416
xyY	0.498, 0.441, 46.538
CIE-LCH	73.893, 80.499, 73.446
CIE-LUV	73.893, 72.288, 72.718
Hunter-Lab	68.218, 18.15, 42.177
Binary	11111010, 10100011, 00000111

#faa307
```
#faa307 rgb(250,163,7)
```
#075efa
```
#075efa rgb(7,94,250)
```

Complementary Color

#fa2907
```
#fa2907 rgb(250,41,7)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#d8fa07
```
#d8fa07 rgb(216,250,7)
```

Analogous Color

#2907fa
```
#2907fa rgb(41,7,250)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#07d8fa
```
#07d8fa rgb(7,216,250)
```

Split Complementary Color

#a307fa
```
#a307fa rgb(163,7,250)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#07faa3
```
#07faa3 rgb(7,250,163)
```

Triadic Color

#fa075e
```
#fa075e rgb(250,7,94)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#07faa3
```
#07faa3 rgb(7,250,163)
```
#075efa
```
#075efa rgb(7,94,250)
```

Tetradic Color

#b17304
```
#b17304 rgb(177,115,4)
```
#ca8304
```
#ca8304 rgb(202,131,4)
```
#e39305
```
#e39305 rgb(227,147,5)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#fbac20
```
#fbac20 rgb(251,172,32)
```
#fbb639
```
#fbb639 rgb(251,182,57)
```
#fcbf52
```
#fcbf52 rgb(252,191,82)
```

Monochromatic Color

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

#fa6607
```
#fa6607 rgb(250,102,7)
```
#fa7b07
```
#fa7b07 rgb(250,123,7)
```
#fa8f07
```
#fa8f07 rgb(250,143,7)
```
#faa307
```
#faa307 rgb(250,163,7)
```
#fab707
```
#fab707 rgb(250,183,7)
```
#facc07
```
#facc07 rgb(250,204,7)
```
#fae007
```
#fae007 rgb(250,224,7)
```

Similar Colors

Text with hexadecimal color #faa307

This text has a font color of #faa307.

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

#faa307 background color

This paragraph has a background color of #faa307.

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

#faa307 border color

This element has a border color of #faa307.

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

CSS codes

.text {color:#faa307;}

.background {background-color:#faa307;}

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

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 #fff9ee is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#150e00
```
#150e00 rgb(21,14,0)
```
#281a01
```
#281a01 rgb(40,26,1)
```
#3c2701
```
#3c2701 rgb(60,39,1)
```
#4f3302
```
#4f3302 rgb(79,51,2)
```
#624002
```
#624002 rgb(98,64,2)
```
#754c02
```
#754c02 rgb(117,76,2)
```
#895903
```
#895903 rgb(137,89,3)
```
#9c6503
```
#9c6503 rgb(156,101,3)
```
#af7204
```
#af7204 rgb(175,114,4)
```
#c27e04
```
#c27e04 rgb(194,126,4)
```
#d58b04
```
#d58b04 rgb(213,139,4)
```
#e99705
```
#e99705 rgb(233,151,5)
```

Shade Color Variation

#faa307
```
#faa307 rgb(250,163,7)
```
#faaa1a
```
#faaa1a rgb(250,170,26)
```
#fbb12d
```
#fbb12d rgb(251,177,45)
```
#fbb841
```
#fbb841 rgb(251,184,65)
```
#fcc054
```
#fcc054 rgb(252,192,84)
```
#fcc767
```
#fcc767 rgb(252,199,103)
```
#fcce7a
```
#fcce7a rgb(252,206,122)
```
#fdd58e
```
#fdd58e rgb(253,213,142)
```
#fddca1
```
#fddca1 rgb(253,220,161)
```
#fde3b4
```
#fde3b4 rgb(253,227,180)
```
#feeac7
```
#feeac7 rgb(254,234,199)
```
#fef1db
```
#fef1db rgb(254,241,219)
```
#fff9ee
```
#fff9ee rgb(255,249,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 #faa307 is the most saturated one.

#85827c
```
#85827c rgb(133,130,124)
```
#8f8572
```
#8f8572 rgb(143,133,114)
```
#998768
```
#998768 rgb(153,135,104)
```
#a28a5f
```
#a28a5f rgb(162,138,95)
```
#ac8d55
```
#ac8d55 rgb(172,141,85)
```
#b6904b
```
#b6904b rgb(182,144,75)
```
#c09241
```
#c09241 rgb(192,146,65)
```
#c99538
```
#c99538 rgb(201,149,56)
```
#d3982e
```
#d3982e rgb(211,152,46)
```
#dd9b24
```
#dd9b24 rgb(221,155,36)
```
#e79d1a
```
#e79d1a rgb(231,157,26)
```
#f0a011
```
#f0a011 rgb(240,160,17)
```
#faa307
```
#faa307 rgb(250,163,7)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#bba98a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb91b Protanopia 1% of men
#e8b000 Deuteranopia 1% of men
#ff9da7 Tritanopia 0.001% of the population

Trichromacy

#dfb113 Protanomaly 1% of men, 0.01% of women
#eeab02 Deuteranomaly 6% of men, 0.4% of women
#fd9f6d Tritanomaly 0.01% of the population

#faa307 hex color

#faa307 Color Information

#faa307 Color Conversion

Color Schemes with #faa307

Alternatives to #faa307

#faa307 Preview

Shades and Tints of #faa307

Tones of #faa307

Color Blindness Simulator