#faf661 hex color

In a RGB color space, hex #faf661 is composed of 98% red, 96.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 61.2% yellow and 2% black. It has a hue angle of 58.4 degrees, a saturation of 93.9% and a lightness of 68%. #faf661 color hex could be obtained by blending #ffffc2 with #f5ed00. Closest websafe color is: #ffff66.

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

● #faf661 color description : Soft yellow.

The hexadecimal color #faf661 has RGB values of R:250, G:246, B:97 and CMYK values of C:0, M:0.02, Y:0.61, K:0.02. Its decimal value is 16447073.

Hex triplet	faf661	`#faf661`
RGB Decimal	250, 246, 97	`rgb(250,246,97)`
RGB Percent	98, 96.5, 38	`rgb(98%,96.5%,38%)`
CMYK	0, 2, 61, 2
HSL	58.4°, 93.9, 68	`hsl(58.4,93.9%,68%)`
HSV (or HSB)	58.4°, 61.2, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.781, -16.416, 69.863
XYZ	74.538, 87.1, 24.194
xyY	0.401, 0.469, 87.1
CIE-LCH	94.781, 71.766, 103.223
CIE-LUV	94.781, 8.957, 87.406
Hunter-Lab	93.327, -20.76, 49.959
Binary	11111010, 11110110, 01100001

#faf661
```
#faf661 rgb(250,246,97)
```
#6165fa
```
#6165fa rgb(97,101,250)
```

Complementary Color

#faaa61
```
#faaa61 rgb(250,170,97)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#b2fa61
```
#b2fa61 rgb(178,250,97)
```

Analogous Color

#aa61fa
```
#aa61fa rgb(170,97,250)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#61b2fa
```
#61b2fa rgb(97,178,250)
```

Split Complementary Color

#f661fa
```
#f661fa rgb(246,97,250)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#61faf6
```
#61faf6 rgb(97,250,246)
```

Triadic Color

#fa6165
```
#fa6165 rgb(250,97,101)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#61faf6
```
#61faf6 rgb(97,250,246)
```
#6165fa
```
#6165fa rgb(97,101,250)
```

Tetradic Color

#f8f217
```
#f8f217 rgb(248,242,23)
```
#f8f330
```
#f8f330 rgb(248,243,48)
```
#f9f548
```
#f9f548 rgb(249,245,72)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#fbf77a
```
#fbf77a rgb(251,247,122)
```
#fcf992
```
#fcf992 rgb(252,249,146)
```
#fcfaab
```
#fcfaab rgb(252,250,171)
```

Monochromatic Color

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

#fad061
```
#fad061 rgb(250,208,97)
```
#fadd61
```
#fadd61 rgb(250,221,97)
```
#fae961
```
#fae961 rgb(250,233,97)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#f1fa61
```
#f1fa61 rgb(241,250,97)
```
#e5fa61
```
#e5fa61 rgb(229,250,97)
```
#d8fa61
```
#d8fa61 rgb(216,250,97)
```

Similar Colors

Text with hexadecimal color #faf661

This text has a font color of #faf661.

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

#faf661 background color

This paragraph has a background color of #faf661.

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

#faf661 border color

This element has a border color of #faf661.

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

CSS codes

.text {color:#faf661;}

.background {background-color:#faf661;}

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

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

#0d0d00
```
#0d0d00 rgb(13,13,0)
```
#201f01
```
#201f01 rgb(32,31,1)
```
#333202
```
#333202 rgb(51,50,2)
```
#464402
```
#464402 rgb(70,68,2)
```
#595703
```
#595703 rgb(89,87,3)
```
#6c6903
```
#6c6903 rgb(108,105,3)
```
#7f7c04
```
#7f7c04 rgb(127,124,4)
```
#928f05
```
#928f05 rgb(146,143,5)
```
#a5a105
```
#a5a105 rgb(165,161,5)
```
#b8b406
```
#b8b406 rgb(184,180,6)
```
#cbc606
```
#cbc606 rgb(203,198,6)
```
#ded907
```
#ded907 rgb(222,217,7)
```
#f1eb08
```
#f1eb08 rgb(241,235,8)
```

Shade Color Variation

#f8f215
```
#f8f215 rgb(248,242,21)
```
#f8f328
```
#f8f328 rgb(248,243,40)
```
#f9f43b
```
#f9f43b rgb(249,244,59)
```
#f9f54e
```
#f9f54e rgb(249,245,78)
```
#faf661
```
#faf661 rgb(250,246,97)
```
#fbf774
```
#fbf774 rgb(251,247,116)
```
#fbf887
```
#fbf887 rgb(251,248,135)
```
#fcf99a
```
#fcf99a rgb(252,249,154)
```
#fcfaad
```
#fcfaad rgb(252,250,173)
```
#fdfbc0
```
#fdfbc0 rgb(253,251,192)
```
#fefcd3
```
#fefcd3 rgb(254,252,211)
```
#fefee6
```
#fefee6 rgb(254,254,230)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#afafac
```
#afafac rgb(175,175,172)
```
#b5b5a6
```
#b5b5a6 rgb(181,181,166)
```
#bbbba0
```
#bbbba0 rgb(187,187,160)
```
#c2c199
```
#c2c199 rgb(194,193,153)
```
#c8c693
```
#c8c693 rgb(200,198,147)
```
#cecc8d
```
#cecc8d rgb(206,204,141)
```
#d4d287
```
#d4d287 rgb(212,210,135)
```
#dbd880
```
#dbd880 rgb(219,216,128)
```
#e1de7a
```
#e1de7a rgb(225,222,122)
```
#e7e474
```
#e7e474 rgb(231,228,116)
```
#edea6e
```
#edea6e rgb(237,234,110)
```
#f4f067
```
#f4f067 rgb(244,240,103)
```
#faf661
```
#faf661 rgb(250,246,97)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#eae9cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0bb Protanopia 1% of men
#ffeedb Deuteranopia 1% of men
#ffebf5 Tritanopia 0.001% of the population

Trichromacy

#fdf29a Protanomaly 1% of men, 0.01% of women
#fdf1af Deuteranomaly 6% of men, 0.4% of women
#fdefbf Tritanomaly 0.01% of the population

#faf661 hex color

#faf661 Color Information

#faf661 Color Conversion

Color Schemes with #faf661

Alternatives to #faf661

#faf661 Preview

Shades and Tints of #faf661

Tones of #faf661

Color Blindness Simulator