#fac311 hex color

In a RGB color space, hex #fac311 is composed of 98% red, 76.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 93.2% yellow and 2% black. It has a hue angle of 45.8 degrees, a saturation of 95.9% and a lightness of 52.4%. #fac311 color hex could be obtained by blending #ffff22 with #f58700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 98
- G 76
- B 7
RGB color chart
- C 0
- M 22
- Y 93
- K 2
CMYK color chart

● #fac311 color description : Vivid yellow.

The hexadecimal color #fac311 has RGB values of R:250, G:195, B:17 and CMYK values of C:0, M:0.22, Y:0.93, K:0.02. Its decimal value is 16433937.

Hex triplet	fac311	`#fac311`
RGB Decimal	250, 195, 17	`rgb(250,195,17)`
RGB Percent	98, 76.5, 6.7	`rgb(98%,76.5%,6.7%)`
CMYK	0, 22, 93, 2
HSL	45.8°, 95.9, 52.4	`hsl(45.8,95.9%,52.4%)`
HSV (or HSB)	45.8°, 93.2, 98
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.51, 6.322, 81.37
XYZ	59.042, 59.398, 8.886
xyY	0.464, 0.467, 59.398
CIE-LCH	81.51, 81.615, 85.557
CIE-LUV	81.51, 46.592, 83.728
Hunter-Lab	77.07, 1.873, 47.113
Binary	11111010, 11000011, 00010001

#fac311
```
#fac311 rgb(250,195,17)
```
#1148fa
```
#1148fa rgb(17,72,250)
```

Complementary Color

#fa4f11
```
#fa4f11 rgb(250,79,17)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#bdfa11
```
#bdfa11 rgb(189,250,17)
```

Analogous Color

#4f11fa
```
#4f11fa rgb(79,17,250)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#11bdfa
```
#11bdfa rgb(17,189,250)
```

Split Complementary Color

#c311fa
```
#c311fa rgb(195,17,250)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#11fac3
```
#11fac3 rgb(17,250,195)
```

Triadic Color

#fa1148
```
#fa1148 rgb(250,17,72)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#11fac3
```
#11fac3 rgb(17,250,195)
```
#1148fa
```
#1148fa rgb(17,72,250)
```

Tetradic Color

#bb8f04
```
#bb8f04 rgb(187,143,4)
```
#d4a304
```
#d4a304 rgb(212,163,4)
```
#edb605
```
#edb605 rgb(237,182,5)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#fbc92a
```
#fbc92a rgb(251,201,42)
```
#fbd043
```
#fbd043 rgb(251,208,67)
```
#fcd65c
```
#fcd65c rgb(252,214,92)
```

Monochromatic Color

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

#fa8911
```
#fa8911 rgb(250,137,17)
```
#fa9c11
```
#fa9c11 rgb(250,156,17)
```
#fab011
```
#fab011 rgb(250,176,17)
```
#fac311
```
#fac311 rgb(250,195,17)
```
#fad611
```
#fad611 rgb(250,214,17)
```
#faea11
```
#faea11 rgb(250,234,17)
```
#f7fa11
```
#f7fa11 rgb(247,250,17)
```

Similar Colors

Text with hexadecimal color #fac311

This text has a font color of #fac311.

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

#fac311 background color

This paragraph has a background color of #fac311.

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

#fac311 border color

This element has a border color of #fac311.

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

CSS codes

.text {color:#fac311;}

.background {background-color:#fac311;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1f1801
```
#1f1801 rgb(31,24,1)
```
#322701
```
#322701 rgb(50,39,1)
```
#453501
```
#453501 rgb(69,53,1)
```
#594402
```
#594402 rgb(89,68,2)
```
#6c5302
```
#6c5302 rgb(108,83,2)
```
#7f6203
```
#7f6203 rgb(127,98,3)
```
#927003
```
#927003 rgb(146,112,3)
```
#a57f03
```
#a57f03 rgb(165,127,3)
```
#b98e04
```
#b98e04 rgb(185,142,4)
```
#cc9d04
```
#cc9d04 rgb(204,157,4)
```
#dfac05
```
#dfac05 rgb(223,172,5)
```
#f2ba05
```
#f2ba05 rgb(242,186,5)
```

Shade Color Variation

#fac311
```
#fac311 rgb(250,195,17)
```
#fac824
```
#fac824 rgb(250,200,36)
```
#fbcd37
```
#fbcd37 rgb(251,205,55)
```
#fbd24b
```
#fbd24b rgb(251,210,75)
```
#fcd65e
```
#fcd65e rgb(252,214,94)
```
#fcdb71
```
#fcdb71 rgb(252,219,113)
```
#fce084
```
#fce084 rgb(252,224,132)
```
#fde597
```
#fde597 rgb(253,229,151)
```
#fdeaab
```
#fdeaab rgb(253,234,171)
```
#feefbe
```
#feefbe rgb(254,239,190)
```
#fef3d1
```
#fef3d1 rgb(254,243,209)
```
#fef8e4
```
#fef8e4 rgb(254,248,228)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#8a8881
```
#8a8881 rgb(138,136,129)
```
#938d78
```
#938d78 rgb(147,141,120)
```
#9d926e
```
#9d926e rgb(157,146,110)
```
#a69765
```
#a69765 rgb(166,151,101)
```
#af9c5c
```
#af9c5c rgb(175,156,92)
```
#b9a052
```
#b9a052 rgb(185,160,82)
```
#c2a549
```
#c2a549 rgb(194,165,73)
```
#cbaa40
```
#cbaa40 rgb(203,170,64)
```
#d5af36
```
#d5af36 rgb(213,175,54)
```
#deb42d
```
#deb42d rgb(222,180,45)
```
#e7b924
```
#e7b924 rgb(231,185,36)
```
#f1be1a
```
#f1be1a rgb(241,190,26)
```
#fac311
```
#fac311 rgb(250,195,17)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbc09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd20 Protanopia 1% of men
#ffc33a Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#edc91a Protanomaly 1% of men, 0.01% of women
#fdc32b Deuteranomaly 6% of men, 0.4% of women
#fdbe84 Tritanomaly 0.01% of the population

#fac311 hex color

#fac311 Color Information

#fac311 Color Conversion

Color Schemes with #fac311

Alternatives to #fac311

#fac311 Preview

Shades and Tints of #fac311

Tones of #fac311

Color Blindness Simulator