#faf77f hex color

In a RGB color space, hex #faf77f is composed of 98% red, 96.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 49.2% yellow and 2% black. It has a hue angle of 58.5 degrees, a saturation of 92.5% and a lightness of 73.9%. #faf77f color hex could be obtained by blending #fffffe with #f5ef00. Closest websafe color is: #ffff66.

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

● #faf77f color description : Soft yellow.

The hexadecimal color #faf77f has RGB values of R:250, G:247, B:127 and CMYK values of C:0, M:0.01, Y:0.49, K:0.02. Its decimal value is 16447359.

Hex triplet	faf77f	`#faf77f`
RGB Decimal	250, 247, 127	`rgb(250,247,127)`
RGB Percent	98, 96.9, 49.8	`rgb(98%,96.9%,49.8%)`
CMYK	0, 1, 49, 2
HSL	58.5°, 92.5, 73.9	`hsl(58.5,92.5%,73.9%)`
HSV (or HSB)	58.5°, 49.2, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	95.32, -14.7, 57.445
XYZ	76.515, 88.379, 33.106
xyY	0.386, 0.446, 88.379
CIE-LCH	95.32, 59.296, 104.353
CIE-LUV	95.32, 7.429, 76.087
Hunter-Lab	94.01, -19.235, 44.928
Binary	11111010, 11110111, 01111111

#faf77f
```
#faf77f rgb(250,247,127)
```
#7f82fa
```
#7f82fa rgb(127,130,250)
```

Complementary Color

#faba7f
```
#faba7f rgb(250,186,127)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#c0fa7f
```
#c0fa7f rgb(192,250,127)
```

Analogous Color

#ba7ffa
```
#ba7ffa rgb(186,127,250)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#7fc0fa
```
#7fc0fa rgb(127,192,250)
```

Split Complementary Color

#f77ffa
```
#f77ffa rgb(247,127,250)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#7ffaf7
```
#7ffaf7 rgb(127,250,247)
```

Triadic Color

#fa7f82
```
#fa7f82 rgb(250,127,130)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#7ffaf7
```
#7ffaf7 rgb(127,250,247)
```
#7f82fa
```
#7f82fa rgb(127,130,250)
```

Tetradic Color

#f7f235
```
#f7f235 rgb(247,242,53)
```
#f8f44e
```
#f8f44e rgb(248,244,78)
```
#f9f566
```
#f9f566 rgb(249,245,102)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#fbf998
```
#fbf998 rgb(251,249,152)
```
#fcfab0
```
#fcfab0 rgb(252,250,176)
```
#fdfcc9
```
#fdfcc9 rgb(253,252,201)
```

Monochromatic Color

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

#fad87f
```
#fad87f rgb(250,216,127)
```
#fae37f
```
#fae37f rgb(250,227,127)
```
#faed7f
```
#faed7f rgb(250,237,127)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#f3fa7f
```
#f3fa7f rgb(243,250,127)
```
#e9fa7f
```
#e9fa7f rgb(233,250,127)
```
#defa7f
```
#defa7f rgb(222,250,127)
```

Similar Colors

Text with hexadecimal color #faf77f

This text has a font color of #faf77f.

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

#faf77f background color

This paragraph has a background color of #faf77f.

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

#faf77f border color

This element has a border color of #faf77f.

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

CSS codes

.text {color:#faf77f;}

.background {background-color:#faf77f;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171601
```
#171601 rgb(23,22,1)
```
#2a2902
```
#2a2902 rgb(42,41,2)
```
#3d3b02
```
#3d3b02 rgb(61,59,2)
```
#504e03
```
#504e03 rgb(80,78,3)
```
#636004
```
#636004 rgb(99,96,4)
```
#757305
```
#757305 rgb(117,115,5)
```
#888505
```
#888505 rgb(136,133,5)
```
#9b9806
```
#9b9806 rgb(155,152,6)
```
#aeaa07
```
#aeaa07 rgb(174,170,7)
```
#c1bc08
```
#c1bc08 rgb(193,188,8)
```
#d4cf08
```
#d4cf08 rgb(212,207,8)
```
#e7e109
```
#e7e109 rgb(231,225,9)
```

Shade Color Variation

#f6f00e
```
#f6f00e rgb(246,240,14)
```
#f6f121
```
#f6f121 rgb(246,241,33)
```
#f7f233
```
#f7f233 rgb(247,242,51)
```
#f8f346
```
#f8f346 rgb(248,243,70)
```
#f9f559
```
#f9f559 rgb(249,245,89)
```
#f9f66c
```
#f9f66c rgb(249,246,108)
```
#faf77f
```
#faf77f rgb(250,247,127)
```
#fbf892
```
#fbf892 rgb(251,248,146)
```
#fbf9a5
```
#fbf9a5 rgb(251,249,165)
```
#fcfbb8
```
#fcfbb8 rgb(252,251,184)
```
#fdfccb
```
#fdfccb rgb(253,252,203)
```
#fefddd
```
#fefddd rgb(254,253,221)
```
#fefef0
```
#fefef0 rgb(254,254,240)
```

Tint Color Variation

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

#bdbdbc
```
#bdbdbc rgb(189,189,188)
```
#c2c1b7
```
#c2c1b7 rgb(194,193,183)
```
#c7c6b2
```
#c7c6b2 rgb(199,198,178)
```
#cccbad
```
#cccbad rgb(204,203,173)
```
#d1d0a8
```
#d1d0a8 rgb(209,208,168)
```
#d6d5a3
```
#d6d5a3 rgb(214,213,163)
```
#dbda9e
```
#dbda9e rgb(219,218,158)
```
#e0df99
```
#e0df99 rgb(224,223,153)
```
#e6e493
```
#e6e493 rgb(230,228,147)
```
#ebe88e
```
#ebe88e rgb(235,232,142)
```
#f0ed89
```
#f0ed89 rgb(240,237,137)
```
#f5f284
```
#f5f284 rgb(245,242,132)
```
#faf77f
```
#faf77f rgb(250,247,127)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#ededd5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c4 Protanopia 1% of men
#ffefe0 Deuteranopia 1% of men
#ffedf7 Tritanopia 0.001% of the population

Trichromacy

#fdf4ab Protanomaly 1% of men, 0.01% of women
#fdf2bd Deuteranomaly 6% of men, 0.4% of women
#fdf1cb Tritanomaly 0.01% of the population

#faf77f hex color

#faf77f Color Information

#faf77f Color Conversion

Color Schemes with #faf77f

Alternatives to #faf77f

#faf77f Preview

Shades and Tints of #faf77f

Tones of #faf77f

Color Blindness Simulator