#faf56f hex color

In a RGB color space, hex #faf56f is composed of 98% red, 96.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 55.6% yellow and 2% black. It has a hue angle of 57.8 degrees, a saturation of 93.3% and a lightness of 70.8%. #faf56f color hex could be obtained by blending #ffffde with #f5eb00. Closest websafe color is: #ffff66.

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

● #faf56f color description : Soft yellow.

The hexadecimal color #faf56f has RGB values of R:250, G:245, B:111 and CMYK values of C:0, M:0.02, Y:0.56, K:0.02. Its decimal value is 16446831.

Hex triplet	faf56f	`#faf56f`
RGB Decimal	250, 245, 111	`rgb(250,245,111)`
RGB Percent	98, 96.1, 43.5	`rgb(98%,96.1%,43.5%)`
CMYK	0, 2, 56, 2
HSL	57.8°, 93.3, 70.8	`hsl(57.8,93.3%,70.8%)`
HSV (or HSB)	57.8°, 55.6, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.644, -14.987, 63.825
XYZ	74.946, 86.778, 27.84
xyY	0.395, 0.458, 86.778
CIE-LCH	94.644, 65.561, 103.214
CIE-LUV	94.644, 9.194, 81.877
Hunter-Lab	93.155, -19.412, 47.489
Binary	11111010, 11110101, 01101111

#faf56f
```
#faf56f rgb(250,245,111)
```
#6f74fa
```
#6f74fa rgb(111,116,250)
```

Complementary Color

#fab06f
```
#fab06f rgb(250,176,111)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#bafa6f
```
#bafa6f rgb(186,250,111)
```

Analogous Color

#b06ffa
```
#b06ffa rgb(176,111,250)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#6fbafa
```
#6fbafa rgb(111,186,250)
```

Split Complementary Color

#f56ffa
```
#f56ffa rgb(245,111,250)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#6ffaf5
```
#6ffaf5 rgb(111,250,245)
```

Triadic Color

#fa6f74
```
#fa6f74 rgb(250,111,116)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#6ffaf5
```
#6ffaf5 rgb(111,250,245)
```
#6f74fa
```
#6f74fa rgb(111,116,250)
```

Tetradic Color

#f7f025
```
#f7f025 rgb(247,240,37)
```
#f8f23e
```
#f8f23e rgb(248,242,62)
```
#f9f356
```
#f9f356 rgb(249,243,86)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#fbf788
```
#fbf788 rgb(251,247,136)
```
#fcf8a0
```
#fcf8a0 rgb(252,248,160)
```
#fdfab9
```
#fdfab9 rgb(253,250,185)
```

Monochromatic Color

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

#fad26f
```
#fad26f rgb(250,210,111)
```
#fade6f
```
#fade6f rgb(250,222,111)
```
#fae96f
```
#fae96f rgb(250,233,111)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#f3fa6f
```
#f3fa6f rgb(243,250,111)
```
#e8fa6f
```
#e8fa6f rgb(232,250,111)
```
#dcfa6f
```
#dcfa6f rgb(220,250,111)
```

Similar Colors

Text with hexadecimal color #faf56f

This text has a font color of #faf56f.

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

#faf56f background color

This paragraph has a background color of #faf56f.

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

#faf56f border color

This element has a border color of #faf56f.

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

CSS codes

.text {color:#faf56f;}

.background {background-color:#faf56f;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1a01
```
#1b1a01 rgb(27,26,1)
```
#2e2c02
```
#2e2c02 rgb(46,44,2)
```
#413e02
```
#413e02 rgb(65,62,2)
```
#535103
```
#535103 rgb(83,81,3)
```
#666304
```
#666304 rgb(102,99,4)
```
#797504
```
#797504 rgb(121,117,4)
```
#8c8705
```
#8c8705 rgb(140,135,5)
```
#9f9a06
```
#9f9a06 rgb(159,154,6)
```
#b2ac06
```
#b2ac06 rgb(178,172,6)
```
#c5be07
```
#c5be07 rgb(197,190,7)
```
#d8d108
```
#d8d108 rgb(216,209,8)
```
#ebe308
```
#ebe308 rgb(235,227,8)
```

Shade Color Variation

#f7ee10
```
#f7ee10 rgb(247,238,16)
```
#f7f023
```
#f7f023 rgb(247,240,35)
```
#f8f136
```
#f8f136 rgb(248,241,54)
```
#f9f249
```
#f9f249 rgb(249,242,73)
```
#f9f45c
```
#f9f45c rgb(249,244,92)
```
#faf56f
```
#faf56f rgb(250,245,111)
```
#fbf682
```
#fbf682 rgb(251,246,130)
```
#fbf895
```
#fbf895 rgb(251,248,149)
```
#fcf9a8
```
#fcf9a8 rgb(252,249,168)
```
#fdfabb
```
#fdfabb rgb(253,250,187)
```
#fdfcce
```
#fdfcce rgb(253,252,206)
```
#fefde1
```
#fefde1 rgb(254,253,225)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#b5b5b4
```
#b5b5b4 rgb(181,181,180)
```
#bbbaae
```
#bbbaae rgb(187,186,174)
```
#c1c0a8
```
#c1c0a8 rgb(193,192,168)
```
#c6c5a3
```
#c6c5a3 rgb(198,197,163)
```
#ccca9d
```
#ccca9d rgb(204,202,157)
```
#d2d097
```
#d2d097 rgb(210,208,151)
```
#d8d591
```
#d8d591 rgb(216,213,145)
```
#ddda8c
```
#ddda8c rgb(221,218,140)
```
#e3e086
```
#e3e086 rgb(227,224,134)
```
#e9e580
```
#e9e580 rgb(233,229,128)
```
#efea7a
```
#efea7a rgb(239,234,122)
```
#f4f075
```
#f4f075 rgb(244,240,117)
```
#faf56f
```
#faf56f rgb(250,245,111)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#ebeacf Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0b9 Protanopia 1% of men
#ffeddb Deuteranopia 1% of men
#ffebf4 Tritanopia 0.001% of the population

Trichromacy

#fdf29e Protanomaly 1% of men, 0.01% of women
#fdf0b3 Deuteranomaly 6% of men, 0.4% of women
#fdeec4 Tritanomaly 0.01% of the population

#faf56f hex color

#faf56f Color Information

#faf56f Color Conversion

Color Schemes with #faf56f

Alternatives to #faf56f

#faf56f Preview

Shades and Tints of #faf56f

Tones of #faf56f

Color Blindness Simulator