#faf685 hex color

In a RGB color space, hex #faf685 is composed of 98% red, 96.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 46.8% yellow and 2% black. It has a hue angle of 57.9 degrees, a saturation of 92.1% and a lightness of 75.1%. #faf685 color hex could be obtained by blending #ffffff with #f5ed0b. Closest websafe color is: #ffff99.

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

● #faf685 color description : Soft yellow.

The hexadecimal color #faf685 has RGB values of R:250, G:246, B:133 and CMYK values of C:0, M:0.02, Y:0.47, K:0.02. Its decimal value is 16447109.

Hex triplet	faf685	`#faf685`
RGB Decimal	250, 246, 133	`rgb(250,246,133)`
RGB Percent	98, 96.5, 52.2	`rgb(98%,96.5%,52.2%)`
CMYK	0, 2, 47, 2
HSL	57.9°, 92.1, 75.1	`hsl(57.9,92.1%,75.1%)`
HSV (or HSB)	57.9°, 46.8, 98
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.132, -13.688, 54.439
XYZ	76.613, 87.93, 35.125
xyY	0.384, 0.44, 87.93
CIE-LCH	95.132, 56.133, 104.114
CIE-LUV	95.132, 7.833, 72.859
Hunter-Lab	93.771, -18.26, 43.43
Binary	11111010, 11110110, 10000101

#faf685
```
#faf685 rgb(250,246,133)
```
#8589fa
```
#8589fa rgb(133,137,250)
```

Complementary Color

#fabc85
```
#fabc85 rgb(250,188,133)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#c4fa85
```
#c4fa85 rgb(196,250,133)
```

Analogous Color

#bc85fa
```
#bc85fa rgb(188,133,250)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#85c4fa
```
#85c4fa rgb(133,196,250)
```

Split Complementary Color

#f685fa
```
#f685fa rgb(246,133,250)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#85faf6
```
#85faf6 rgb(133,250,246)
```

Triadic Color

#fa8589
```
#fa8589 rgb(250,133,137)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#85faf6
```
#85faf6 rgb(133,250,246)
```
#8589fa
```
#8589fa rgb(133,137,250)
```

Tetradic Color

#f7f13c
```
#f7f13c rgb(247,241,60)
```
#f8f254
```
#f8f254 rgb(248,242,84)
```
#f9f46d
```
#f9f46d rgb(249,244,109)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#fbf89d
```
#fbf89d rgb(251,248,157)
```
#fcfab6
```
#fcfab6 rgb(252,250,182)
```
#fdfbce
```
#fdfbce rgb(253,251,206)
```

Monochromatic Color

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

#fad985
```
#fad985 rgb(250,217,133)
```
#fae385
```
#fae385 rgb(250,227,133)
```
#faec85
```
#faec85 rgb(250,236,133)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#f4fa85
```
#f4fa85 rgb(244,250,133)
```
#ebfa85
```
#ebfa85 rgb(235,250,133)
```
#e1fa85
```
#e1fa85 rgb(225,250,133)
```

Similar Colors

Text with hexadecimal color #faf685

This text has a font color of #faf685.

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

#faf685 background color

This paragraph has a background color of #faf685.

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

#faf685 border color

This element has a border color of #faf685.

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

CSS codes

.text {color:#faf685;}

.background {background-color:#faf685;}

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

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, #0a0a00 is the darkest color, while #fffef6 is the lightest one.

#0a0a00
```
#0a0a00 rgb(10,10,0)
```
#1d1c01
```
#1d1c01 rgb(29,28,1)
```
#302e02
```
#302e02 rgb(48,46,2)
```
#424003
```
#424003 rgb(66,64,3)
```
#555203
```
#555203 rgb(85,82,3)
```
#686504
```
#686504 rgb(104,101,4)
```
#7b7705
```
#7b7705 rgb(123,119,5)
```
#8e8906
```
#8e8906 rgb(142,137,6)
```
#a19b07
```
#a19b07 rgb(161,155,7)
```
#b3ae07
```
#b3ae07 rgb(179,174,7)
```
#c6c008
```
#c6c008 rgb(198,192,8)
```
#d9d209
```
#d9d209 rgb(217,210,9)
```
#ece40a
```
#ece40a rgb(236,228,10)
```

Shade Color Variation

#f5ee14
```
#f5ee14 rgb(245,238,20)
```
#f6ef27
```
#f6ef27 rgb(246,239,39)
```
#f7f03a
```
#f7f03a rgb(247,240,58)
```
#f8f24c
```
#f8f24c rgb(248,242,76)
```
#f8f35f
```
#f8f35f rgb(248,243,95)
```
#f9f572
```
#f9f572 rgb(249,245,114)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#fbf798
```
#fbf798 rgb(251,247,152)
```
#fcf9ab
```
#fcf9ab rgb(252,249,171)
```
#fcfabe
```
#fcfabe rgb(252,250,190)
```
#fdfcd0
```
#fdfcd0 rgb(253,252,208)
```
#fefde3
```
#fefde3 rgb(254,253,227)
```
#fffef6
```
#fffef6 rgb(255,254,246)
```

Tint Color Variation

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

#c4c4bb
```
#c4c4bb rgb(196,196,187)
```
#c9c8b6
```
#c9c8b6 rgb(201,200,182)
```
#cecdb1
```
#cecdb1 rgb(206,205,177)
```
#d3d2ac
```
#d3d2ac rgb(211,210,172)
```
#d8d6a7
```
#d8d6a7 rgb(216,214,167)
```
#dddba2
```
#dddba2 rgb(221,219,162)
```
#e2df9d
```
#e2df9d rgb(226,223,157)
```
#e6e499
```
#e6e499 rgb(230,228,153)
```
#ebe894
```
#ebe894 rgb(235,232,148)
```
#f0ed8f
```
#f0ed8f rgb(240,237,143)
```
#f5f18a
```
#f5f18a rgb(245,241,138)
```
#faf685
```
#faf685 rgb(250,246,133)
```
#fffb80
```
#fffb80 rgb(255,251,128)
```

Tone Color Variation

Below, you can see how #faf685 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
#edecd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1c1 Protanopia 1% of men
#ffefdf Deuteranopia 1% of men
#ffecf6 Tritanopia 0.001% of the population

Trichromacy

#fdf3ab Protanomaly 1% of men, 0.01% of women
#fdf1be Deuteranomaly 6% of men, 0.4% of women
#fdf0cd Tritanomaly 0.01% of the population

#faf685 hex color

#faf685 Color Information

#faf685 Color Conversion

Color Schemes with #faf685

Alternatives to #faf685

#faf685 Preview

Shades and Tints of #faf685

Tones of #faf685

Color Blindness Simulator