#faf156 hex color

In a RGB color space, hex #faf156 is composed of 98% red, 94.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 65.6% yellow and 2% black. It has a hue angle of 56.7 degrees, a saturation of 94.3% and a lightness of 65.9%. #faf156 color hex could be obtained by blending #ffffac with #f5e300. Closest websafe color is: #ffff66.

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

● #faf156 color description : Soft yellow.

The hexadecimal color #faf156 has RGB values of R:250, G:241, B:86 and CMYK values of C:0, M:0.04, Y:0.66, K:0.02. Its decimal value is 16445782.

Hex triplet	faf156	`#faf156`
RGB Decimal	250, 241, 86	`rgb(250,241,86)`
RGB Percent	98, 94.5, 33.7	`rgb(98%,94.5%,33.7%)`
CMYK	0, 4, 66, 2
HSL	56.7°, 94.3, 65.9	`hsl(56.7,94.3%,65.9%)`
HSV (or HSB)	56.7°, 65.6, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.411, -14.626, 72.761
XYZ	72.559, 83.908, 21.177
xyY	0.408, 0.472, 83.908
CIE-LCH	93.411, 74.216, 101.366
CIE-LUV	93.411, 12.458, 88.789
Hunter-Lab	91.601, -18.908, 50.414
Binary	11111010, 11110001, 01010110

#faf156
```
#faf156 rgb(250,241,86)
```
#565ffa
```
#565ffa rgb(86,95,250)
```

Complementary Color

#fa9f56
```
#fa9f56 rgb(250,159,86)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#b1fa56
```
#b1fa56 rgb(177,250,86)
```

Analogous Color

#9f56fa
```
#9f56fa rgb(159,86,250)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#56b1fa
```
#56b1fa rgb(86,177,250)
```

Split Complementary Color

#f156fa
```
#f156fa rgb(241,86,250)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#56faf1
```
#56faf1 rgb(86,250,241)
```

Triadic Color

#fa565f
```
#fa565f rgb(250,86,95)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#56faf1
```
#56faf1 rgb(86,250,241)
```
#565ffa
```
#565ffa rgb(86,95,250)
```

Tetradic Color

#f8eb0c
```
#f8eb0c rgb(248,235,12)
```
#f9ed24
```
#f9ed24 rgb(249,237,36)
```
#f9ef3d
```
#f9ef3d rgb(249,239,61)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#fbf36f
```
#fbf36f rgb(251,243,111)
```
#fbf588
```
#fbf588 rgb(251,245,136)
```
#fcf7a0
```
#fcf7a0 rgb(252,247,160)
```

Monochromatic Color

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

#fac856
```
#fac856 rgb(250,200,86)
```
#fad656
```
#fad656 rgb(250,214,86)
```
#fae356
```
#fae356 rgb(250,227,86)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#f5fa56
```
#f5fa56 rgb(245,250,86)
```
#e8fa56
```
#e8fa56 rgb(232,250,86)
```
#dafa56
```
#dafa56 rgb(218,250,86)
```

Similar Colors

Text with hexadecimal color #faf156

This text has a font color of #faf156.

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

#faf156 background color

This paragraph has a background color of #faf156.

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

#faf156 border color

This element has a border color of #faf156.

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

CSS codes

.text {color:#faf156;}

.background {background-color:#faf156;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161401
```
#161401 rgb(22,20,1)
```
#292601
```
#292601 rgb(41,38,1)
```
#3c3802
```
#3c3802 rgb(60,56,2)
```
#4f4a02
```
#4f4a02 rgb(79,74,2)
```
#625d03
```
#625d03 rgb(98,93,3)
```
#756f03
```
#756f03 rgb(117,111,3)
```
#888104
```
#888104 rgb(136,129,4)
```
#9b9305
```
#9b9305 rgb(155,147,5)
```
#aea505
```
#aea505 rgb(174,165,5)
```
#c1b706
```
#c1b706 rgb(193,183,6)
```
#d4c906
```
#d4c906 rgb(212,201,6)
```
#e7db07
```
#e7db07 rgb(231,219,7)
```

Shade Color Variation

#f8eb0a
```
#f8eb0a rgb(248,235,10)
```
#f8ec1d
```
#f8ec1d rgb(248,236,29)
```
#f9ee30
```
#f9ee30 rgb(249,238,48)
```
#f9ef43
```
#f9ef43 rgb(249,239,67)
```
#faf156
```
#faf156 rgb(250,241,86)
```
#fbf369
```
#fbf369 rgb(251,243,105)
```
#fbf47c
```
#fbf47c rgb(251,244,124)
```
#fcf68f
```
#fcf68f rgb(252,246,143)
```
#fcf7a2
```
#fcf7a2 rgb(252,247,162)
```
#fdf9b5
```
#fdf9b5 rgb(253,249,181)
```
#fdfac8
```
#fdfac8 rgb(253,250,200)
```
#fefcdb
```
#fefcdb rgb(254,252,219)
```
#fffeee
```
#fffeee rgb(255,254,238)
```

Tint Color Variation

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

#aaaaa6
```
#aaaaa6 rgb(170,170,166)
```
#b0afa0
```
#b0afa0 rgb(176,175,160)
```
#b7b599
```
#b7b599 rgb(183,181,153)
```
#bebb92
```
#bebb92 rgb(190,187,146)
```
#c4c18c
```
#c4c18c rgb(196,193,140)
```
#cbc785
```
#cbc785 rgb(203,199,133)
```
#d2cd7e
```
#d2cd7e rgb(210,205,126)
```
#d9d377
```
#d9d377 rgb(217,211,119)
```
#dfd971
```
#dfd971 rgb(223,217,113)
```
#e6df6a
```
#e6df6a rgb(230,223,106)
```
#ede563
```
#ede563 rgb(237,229,99)
```
#f3eb5d
```
#f3eb5d rgb(243,235,93)
```
#faf156
```
#faf156 rgb(250,241,86)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e7e5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda3 Protanopia 1% of men
#ffe9d1 Deuteranopia 1% of men
#ffe6f0 Tritanopia 0.001% of the population

Trichromacy

#fdee87 Protanomaly 1% of men, 0.01% of women
#fdeca4 Deuteranomaly 6% of men, 0.4% of women
#fdeab8 Tritanomaly 0.01% of the population

#faf156 hex color

#faf156 Color Information

#faf156 Color Conversion

Color Schemes with #faf156

Alternatives to #faf156

#faf156 Preview

Shades and Tints of #faf156

Tones of #faf156

Color Blindness Simulator