#faf59f hex color

In a RGB color space, hex #faf59f is composed of 98% red, 96.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 36.4% yellow and 2% black. It has a hue angle of 56.7 degrees, a saturation of 90.1% and a lightness of 80.2%. #faf59f color hex could be obtained by blending #ffffff with #f5eb3f. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 98
- G 96
- B 62
RGB color chart
- C 0
- M 2
- Y 36
- K 2
CMYK color chart

● #faf59f color description : Very soft yellow.

The hexadecimal color #faf59f has RGB values of R:250, G:245, B:159 and CMYK values of C:0, M:0.02, Y:0.36, K:0.02. Its decimal value is 16446879.

Hex triplet	faf59f	`#faf59f`
RGB Decimal	250, 245, 159	`rgb(250,245,159)`
RGB Percent	98, 96.1, 62.4	`rgb(98%,96.1%,62.4%)`
CMYK	0, 2, 36, 2
HSL	56.7°, 90.1, 80.2	`hsl(56.7,90.1%,80.2%)`
HSV (or HSB)	56.7°, 36.4, 98
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.217, -10.598, 42.027
XYZ	78.334, 88.133, 45.684
xyY	0.369, 0.415, 88.133
CIE-LCH	95.217, 43.343, 104.154
CIE-LUV	95.217, 7.392, 58.926
Hunter-Lab	93.879, -15.346, 36.863
Binary	11111010, 11110101, 10011111

#faf59f
```
#faf59f rgb(250,245,159)
```
#9fa4fa
```
#9fa4fa rgb(159,164,250)
```

Complementary Color

#fac89f
```
#fac89f rgb(250,200,159)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#d2fa9f
```
#d2fa9f rgb(210,250,159)
```

Analogous Color

#c89ffa
```
#c89ffa rgb(200,159,250)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#9fd2fa
```
#9fd2fa rgb(159,210,250)
```

Split Complementary Color

#f59ffa
```
#f59ffa rgb(245,159,250)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#9ffaf5
```
#9ffaf5 rgb(159,250,245)
```

Triadic Color

#fa9fa4
```
#fa9fa4 rgb(250,159,164)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#9ffaf5
```
#9ffaf5 rgb(159,250,245)
```
#9fa4fa
```
#9fa4fa rgb(159,164,250)
```

Tetradic Color

#f6ed56
```
#f6ed56 rgb(246,237,86)
```
#f7f06f
```
#f7f06f rgb(247,240,111)
```
#f9f287
```
#f9f287 rgb(249,242,135)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#fbf8b7
```
#fbf8b7 rgb(251,248,183)
```
#fdfacf
```
#fdfacf rgb(253,250,207)
```
#fefde8
```
#fefde8 rgb(254,253,232)
```

Monochromatic Color

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

#fade9f
```
#fade9f rgb(250,222,159)
```
#fae69f
```
#fae69f rgb(250,230,159)
```
#faed9f
```
#faed9f rgb(250,237,159)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#f7fa9f
```
#f7fa9f rgb(247,250,159)
```
#f0fa9f
```
#f0fa9f rgb(240,250,159)
```
#e8fa9f
```
#e8fa9f rgb(232,250,159)
```

Similar Colors

Text with hexadecimal color #faf59f

This text has a font color of #faf59f.

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

#faf59f background color

This paragraph has a background color of #faf59f.

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

#faf59f border color

This element has a border color of #faf59f.

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

CSS codes

.text {color:#faf59f;}

.background {background-color:#faf59f;}

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

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, #100f01 is the darkest color, while #fffffc is the lightest one.

#100f01
```
#100f01 rgb(16,15,1)
```
#232102
```
#232102 rgb(35,33,2)
```
#353203
```
#353203 rgb(53,50,3)
```
#484404
```
#484404 rgb(72,68,4)
```
#5a5605
```
#5a5605 rgb(90,86,5)
```
#6d6706
```
#6d6706 rgb(109,103,6)
```
#807907
```
#807907 rgb(128,121,7)
```
#928b08
```
#928b08 rgb(146,139,8)
```
#a59c09
```
#a59c09 rgb(165,156,9)
```
#b8ae0a
```
#b8ae0a rgb(184,174,10)
```
#cac00b
```
#cac00b rgb(202,192,11)
```
#ddd10c
```
#ddd10c rgb(221,209,12)
```
#f0e30c
```
#f0e30c rgb(240,227,12)
```

Shade Color Variation

#f3e71c
```
#f3e71c rgb(243,231,28)
```
#f4e92f
```
#f4e92f rgb(244,233,47)
```
#f5eb42
```
#f5eb42 rgb(245,235,66)
```
#f6ed54
```
#f6ed54 rgb(246,237,84)
```
#f7ef67
```
#f7ef67 rgb(247,239,103)
```
#f8f17a
```
#f8f17a rgb(248,241,122)
```
#f9f38c
```
#f9f38c rgb(249,243,140)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#fbf7b2
```
#fbf7b2 rgb(251,247,178)
```
#fcf9c4
```
#fcf9c4 rgb(252,249,196)
```
#fdfbd7
```
#fdfbd7 rgb(253,251,215)
```
#fefdea
```
#fefdea rgb(254,253,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#cfcfca
```
#cfcfca rgb(207,207,202)
```
#d3d2c6
```
#d3d2c6 rgb(211,210,198)
```
#d7d6c2
```
#d7d6c2 rgb(215,214,194)
```
#dbd9be
```
#dbd9be rgb(219,217,190)
```
#dfddba
```
#dfddba rgb(223,221,186)
```
#e3e0b6
```
#e3e0b6 rgb(227,224,182)
```
#e7e4b2
```
#e7e4b2 rgb(231,228,178)
```
#eae7af
```
#eae7af rgb(234,231,175)
```
#eeebab
```
#eeebab rgb(238,235,171)
```
#f2eea7
```
#f2eea7 rgb(242,238,167)
```
#f6f2a3
```
#f6f2a3 rgb(246,242,163)
```
#faf59f
```
#faf59f rgb(250,245,159)
```
#fef89b
```
#fef89b rgb(254,248,155)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#f0efdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1c4 Protanopia 1% of men
#ffefe1 Deuteranopia 1% of men
#ffedf7 Tritanopia 0.001% of the population

Trichromacy

#fdf3b7 Protanomaly 1% of men, 0.01% of women
#fdf1c9 Deuteranomaly 6% of men, 0.4% of women
#fdf0d7 Tritanomaly 0.01% of the population

#faf59f hex color

#faf59f Color Information

#faf59f Color Conversion

Color Schemes with #faf59f

Alternatives to #faf59f

#faf59f Preview

Shades and Tints of #faf59f

Tones of #faf59f

Color Blindness Simulator