#facc2e hex color

In a RGB color space, hex #facc2e is composed of 98% red, 80% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 81.6% yellow and 2% black. It has a hue angle of 46.5 degrees, a saturation of 95.3% and a lightness of 58%. #facc2e color hex could be obtained by blending #ffff5c with #f59900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 98
- G 80
- B 18
RGB color chart
- C 0
- M 18
- Y 82
- K 2
CMYK color chart

● #facc2e color description : Bright yellow.

The hexadecimal color #facc2e has RGB values of R:250, G:204, B:46 and CMYK values of C:0, M:0.18, Y:0.82, K:0.02. Its decimal value is 16436270.

Hex triplet	facc2e	`#facc2e`
RGB Decimal	250, 204, 46	`rgb(250,204,46)`
RGB Percent	98, 80, 18	`rgb(98%,80%,18%)`
CMYK	0, 18, 82, 2
HSL	46.5°, 95.3, 58	`hsl(46.5,95.3%,58%)`
HSV (or HSB)	46.5°, 81.6, 98
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	83.814, 2.255, 77.168
XYZ	61.511, 63.71, 11.642
xyY	0.449, 0.466, 63.71
CIE-LCH	83.814, 77.201, 88.326
CIE-LUV	83.814, 39.252, 83.534
Hunter-Lab	79.818, -2.123, 47.225
Binary	11111010, 11001100, 00101110

#facc2e
```
#facc2e rgb(250,204,46)
```
#2e5cfa
```
#2e5cfa rgb(46,92,250)
```

Complementary Color

#fa662e
```
#fa662e rgb(250,102,46)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#c2fa2e
```
#c2fa2e rgb(194,250,46)
```

Analogous Color

#662efa
```
#662efa rgb(102,46,250)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#2ec2fa
```
#2ec2fa rgb(46,194,250)
```

Split Complementary Color

#cc2efa
```
#cc2efa rgb(204,46,250)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#2efacc
```
#2efacc rgb(46,250,204)
```

Triadic Color

#fa2e5c
```
#fa2e5c rgb(250,46,92)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#2efacc
```
#2efacc rgb(46,250,204)
```
#2e5cfa
```
#2e5cfa rgb(46,92,250)
```

Tetradic Color

#d6a705
```
#d6a705 rgb(214,167,5)
```
#efbb06
```
#efbb06 rgb(239,187,6)
```
#f9c615
```
#f9c615 rgb(249,198,21)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#fbd247
```
#fbd247 rgb(251,210,71)
```
#fbd860
```
#fbd860 rgb(251,216,96)
```
#fcde79
```
#fcde79 rgb(252,222,121)
```

Monochromatic Color

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

#fa992e
```
#fa992e rgb(250,153,46)
```
#faaa2e
```
#faaa2e rgb(250,170,46)
```
#fabb2e
```
#fabb2e rgb(250,187,46)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#fadd2e
```
#fadd2e rgb(250,221,46)
```
#faee2e
```
#faee2e rgb(250,238,46)
```
#f5fa2e
```
#f5fa2e rgb(245,250,46)
```

Similar Colors

Text with hexadecimal color #facc2e

This text has a font color of #facc2e.

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

#facc2e background color

This paragraph has a background color of #facc2e.

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

#facc2e border color

This element has a border color of #facc2e.

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

CSS codes

.text {color:#facc2e;}

.background {background-color:#facc2e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#151000
```
#151000 rgb(21,16,0)
```
#281f01
```
#281f01 rgb(40,31,1)
```
#3b2e01
```
#3b2e01 rgb(59,46,1)
```
#4e3d02
```
#4e3d02 rgb(78,61,2)
```
#624c02
```
#624c02 rgb(98,76,2)
```
#755b03
```
#755b03 rgb(117,91,3)
```
#886a03
```
#886a03 rgb(136,106,3)
```
#9b7904
```
#9b7904 rgb(155,121,4)
```
#ae8804
```
#ae8804 rgb(174,136,4)
```
#c19705
```
#c19705 rgb(193,151,5)
```
#d4a605
```
#d4a605 rgb(212,166,5)
```
#e8b506
```
#e8b506 rgb(232,181,6)
```

Shade Color Variation

#f9c308
```
#f9c308 rgb(249,195,8)
```
#fac71b
```
#fac71b rgb(250,199,27)
```
#facc2e
```
#facc2e rgb(250,204,46)
```
#fad141
```
#fad141 rgb(250,209,65)
```
#fbd554
```
#fbd554 rgb(251,213,84)
```
#fbda67
```
#fbda67 rgb(251,218,103)
```
#fcdf7b
```
#fcdf7b rgb(252,223,123)
```
#fce38e
```
#fce38e rgb(252,227,142)
```
#fde8a1
```
#fde8a1 rgb(253,232,161)
```
#fdedb4
```
#fdedb4 rgb(253,237,180)
```
#fef1c7
```
#fef1c7 rgb(254,241,199)
```
#fef6da
```
#fef6da rgb(254,246,218)
```
#fffbee
```
#fffbee rgb(255,251,238)
```

Tint Color Variation

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

#979691
```
#979691 rgb(151,150,145)
```
#9f9a89
```
#9f9a89 rgb(159,154,137)
```
#a89f80
```
#a89f80 rgb(168,159,128)
```
#b0a378
```
#b0a378 rgb(176,163,120)
```
#b8a870
```
#b8a870 rgb(184,168,112)
```
#c0ac68
```
#c0ac68 rgb(192,172,104)
```
#c9b15f
```
#c9b15f rgb(201,177,95)
```
#d1b557
```
#d1b557 rgb(209,181,87)
```
#d9ba4f
```
#d9ba4f rgb(217,186,79)
```
#e1be47
```
#e1be47 rgb(225,190,71)
```
#eac33e
```
#eac33e rgb(234,195,62)
```
#f2c736
```
#f2c736 rgb(242,199,54)
```
#facc2e
```
#facc2e rgb(250,204,46)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d2c9a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd33a Protanopia 1% of men
#ffcb6f Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f1d035 Protanomaly 1% of men, 0.01% of women
#fdcb57 Deuteranomaly 6% of men, 0.4% of women
#fdc694 Tritanomaly 0.01% of the population

#facc2e hex color

#facc2e Color Information

#facc2e Color Conversion

Color Schemes with #facc2e

Alternatives to #facc2e

#facc2e Preview

Shades and Tints of #facc2e

Tones of #facc2e

Color Blindness Simulator