#faf86a hex color

In a RGB color space, hex #faf86a is composed of 98% red, 97.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.8% magenta, 57.6% yellow and 2% black. It has a hue angle of 59.2 degrees, a saturation of 93.5% and a lightness of 69.8%. #faf86a color hex could be obtained by blending #ffffd4 with #f5f100. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 98
- G 97
- B 42
RGB color chart
- C 0
- M 1
- Y 58
- K 2
CMYK color chart

● #faf86a color description : Soft yellow.

The hexadecimal color #faf86a has RGB values of R:250, G:248, B:106 and CMYK values of C:0, M:0.01, Y:0.58, K:0.02. Its decimal value is 16447594.

Hex triplet	faf86a	`#faf86a`
RGB Decimal	250, 248, 106	`rgb(250,248,106)`
RGB Percent	98, 97.3, 41.6	`rgb(98%,97.3%,41.6%)`
CMYK	0, 1, 58, 2
HSL	59.2°, 93.5, 69.8	`hsl(59.2,93.5%,69.8%)`
HSV (or HSB)	59.2°, 57.6, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	95.371, -16.796, 66.781
XYZ	75.593, 88.501, 26.735
xyY	0.396, 0.464, 88.501
CIE-LCH	95.371, 68.861, 104.118
CIE-LUV	95.371, 7.452, 85.105
Hunter-Lab	94.075, -21.199, 49.003
Binary	11111010, 11111000, 01101010

#faf86a
```
#faf86a rgb(250,248,106)
```
#6a6cfa
```
#6a6cfa rgb(106,108,250)
```

Complementary Color

#fab06a
```
#fab06a rgb(250,176,106)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#b4fa6a
```
#b4fa6a rgb(180,250,106)
```

Analogous Color

#b06afa
```
#b06afa rgb(176,106,250)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#6ab4fa
```
#6ab4fa rgb(106,180,250)
```

Split Complementary Color

#f86afa
```
#f86afa rgb(248,106,250)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#6afaf8
```
#6afaf8 rgb(106,250,248)
```

Triadic Color

#fa6a6c
```
#fa6a6c rgb(250,106,108)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#6afaf8
```
#6afaf8 rgb(106,250,248)
```
#6a6cfa
```
#6a6cfa rgb(106,108,250)
```

Tetradic Color

#f8f520
```
#f8f520 rgb(248,245,32)
```
#f8f639
```
#f8f639 rgb(248,246,57)
```
#f9f751
```
#f9f751 rgb(249,247,81)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#fbf983
```
#fbf983 rgb(251,249,131)
```
#fcfa9b
```
#fcfa9b rgb(252,250,155)
```
#fcfbb4
```
#fcfbb4 rgb(252,251,180)
```

Monochromatic Color

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

#fad46a
```
#fad46a rgb(250,212,106)
```
#fae06a
```
#fae06a rgb(250,224,106)
```
#faec6a
```
#faec6a rgb(250,236,106)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#f0fa6a
```
#f0fa6a rgb(240,250,106)
```
#e4fa6a
```
#e4fa6a rgb(228,250,106)
```
#d8fa6a
```
#d8fa6a rgb(216,250,106)
```

Similar Colors

Text with hexadecimal color #faf86a

This text has a font color of #faf86a.

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

#faf86a background color

This paragraph has a background color of #faf86a.

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

#faf86a border color

This element has a border color of #faf86a.

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

CSS codes

.text {color:#faf86a;}

.background {background-color:#faf86a;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#161601
```
#161601 rgb(22,22,1)
```
#292801
```
#292801 rgb(41,40,1)
```
#3c3b02
```
#3c3b02 rgb(60,59,2)
```
#4f4e03
```
#4f4e03 rgb(79,78,3)
```
#626003
```
#626003 rgb(98,96,3)
```
#757304
```
#757304 rgb(117,115,4)
```
#888605
```
#888605 rgb(136,134,5)
```
#9b9905
```
#9b9905 rgb(155,153,5)
```
#aeab06
```
#aeab06 rgb(174,171,6)
```
#c1be06
```
#c1be06 rgb(193,190,6)
```
#d4d107
```
#d4d107 rgb(212,209,7)
```
#e7e308
```
#e7e308 rgb(231,227,8)
```

Shade Color Variation

#f7f40b
```
#f7f40b rgb(247,244,11)
```
#f7f41e
```
#f7f41e rgb(247,244,30)
```
#f8f531
```
#f8f531 rgb(248,245,49)
```
#f9f644
```
#f9f644 rgb(249,246,68)
```
#f9f757
```
#f9f757 rgb(249,247,87)
```
#faf86a
```
#faf86a rgb(250,248,106)
```
#fbf97d
```
#fbf97d rgb(251,249,125)
```
#fbfa90
```
#fbfa90 rgb(251,250,144)
```
#fcfba3
```
#fcfba3 rgb(252,251,163)
```
#fdfcb6
```
#fdfcb6 rgb(253,252,182)
```
#fdfcc9
```
#fdfcc9 rgb(253,252,201)
```
#fefddc
```
#fefddc rgb(254,253,220)
```
#fefeef
```
#fefeef rgb(254,254,239)
```

Tint Color Variation

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

#b3b3b1
```
#b3b3b1 rgb(179,179,177)
```
#b9b9ab
```
#b9b9ab rgb(185,185,171)
```
#bfbea5
```
#bfbea5 rgb(191,190,165)
```
#c5c49f
```
#c5c49f rgb(197,196,159)
```
#cbca99
```
#cbca99 rgb(203,202,153)
```
#d1d093
```
#d1d093 rgb(209,208,147)
```
#d6d58e
```
#d6d58e rgb(214,213,142)
```
#dcdb88
```
#dcdb88 rgb(220,219,136)
```
#e2e182
```
#e2e182 rgb(226,225,130)
```
#e8e77c
```
#e8e77c rgb(232,231,124)
```
#eeec76
```
#eeec76 rgb(238,236,118)
```
#f4f270
```
#f4f270 rgb(244,242,112)
```
#faf86a
```
#faf86a rgb(250,248,106)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#ecebcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c4 Protanopia 1% of men
#fff0e0 Deuteranopia 1% of men
#ffedf6 Tritanopia 0.001% of the population

Trichromacy

#fdf4a3 Protanomaly 1% of men, 0.01% of women
#fdf3b5 Deuteranomaly 6% of men, 0.4% of women
#fdf1c3 Tritanomaly 0.01% of the population

#faf86a hex color

#faf86a Color Information

#faf86a Color Conversion

Color Schemes with #faf86a

Alternatives to #faf86a

#faf86a Preview

Shades and Tints of #faf86a

Tones of #faf86a

Color Blindness Simulator