#faf561 hex color

In a RGB color space, hex #faf561 is composed of 98% red, 96.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 61.2% yellow and 2% black. It has a hue angle of 58 degrees, a saturation of 93.9% and a lightness of 68%. #faf561 color hex could be obtained by blending #ffffc2 with #f5eb00. 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

● #faf561 color description : Soft yellow.

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

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

CIE-LAB	94.523, -15.931, 69.588
XYZ	74.234, 86.493, 24.093
xyY	0.402, 0.468, 86.493
CIE-LCH	94.523, 71.388, 102.895
CIE-LUV	94.523, 9.595, 86.976
Hunter-Lab	93.002, -20.274, 49.742
Binary	11111010, 11110101, 01100001

#faf561
```
#faf561 rgb(250,245,97)
```
#6166fa
```
#6166fa rgb(97,102,250)
```

Complementary Color

#faa961
```
#faa961 rgb(250,169,97)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#b3fa61
```
#b3fa61 rgb(179,250,97)
```

Analogous Color

#a961fa
```
#a961fa rgb(169,97,250)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#61b3fa
```
#61b3fa rgb(97,179,250)
```

Split Complementary Color

#f561fa
```
#f561fa rgb(245,97,250)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#61faf5
```
#61faf5 rgb(97,250,245)
```

Triadic Color

#fa6166
```
#fa6166 rgb(250,97,102)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#61faf5
```
#61faf5 rgb(97,250,245)
```
#6166fa
```
#6166fa rgb(97,102,250)
```

Tetradic Color

#f8f017
```
#f8f017 rgb(248,240,23)
```
#f8f230
```
#f8f230 rgb(248,242,48)
```
#f9f348
```
#f9f348 rgb(249,243,72)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#fbf77a
```
#fbf77a rgb(251,247,122)
```
#fcf892
```
#fcf892 rgb(252,248,146)
```
#fcfaab
```
#fcfaab rgb(252,250,171)
```

Monochromatic Color

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

#facf61
```
#facf61 rgb(250,207,97)
```
#fadc61
```
#fadc61 rgb(250,220,97)
```
#fae861
```
#fae861 rgb(250,232,97)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#f2fa61
```
#f2fa61 rgb(242,250,97)
```
#e6fa61
```
#e6fa61 rgb(230,250,97)
```
#d9fa61
```
#d9fa61 rgb(217,250,97)
```

Similar Colors

Text with hexadecimal color #faf561

This text has a font color of #faf561.

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

#faf561 background color

This paragraph has a background color of #faf561.

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

#faf561 border color

This element has a border color of #faf561.

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

CSS codes

.text {color:#faf561;}

.background {background-color:#faf561;}

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

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)
```
#595603
```
#595603 rgb(89,86,3)
```
#6c6903
```
#6c6903 rgb(108,105,3)
```
#7f7b04
```
#7f7b04 rgb(127,123,4)
```
#928e05
```
#928e05 rgb(146,142,5)
```
#a5a005
```
#a5a005 rgb(165,160,5)
```
#b8b206
```
#b8b206 rgb(184,178,6)
```
#cbc506
```
#cbc506 rgb(203,197,6)
```
#ded707
```
#ded707 rgb(222,215,7)
```
#f1ea08
```
#f1ea08 rgb(241,234,8)
```

Shade Color Variation

#f8f015
```
#f8f015 rgb(248,240,21)
```
#f8f128
```
#f8f128 rgb(248,241,40)
```
#f9f33b
```
#f9f33b rgb(249,243,59)
```
#f9f44e
```
#f9f44e rgb(249,244,78)
```
#faf561
```
#faf561 rgb(250,245,97)
```
#fbf674
```
#fbf674 rgb(251,246,116)
```
#fbf787
```
#fbf787 rgb(251,247,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)
```
#fefde6
```
#fefde6 rgb(254,253,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 #faf561 is the most saturated one.

#afafac
```
#afafac rgb(175,175,172)
```
#b5b5a6
```
#b5b5a6 rgb(181,181,166)
```
#bbbaa0
```
#bbbaa0 rgb(187,186,160)
```
#c2c099
```
#c2c099 rgb(194,192,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)
```
#e7e374
```
#e7e374 rgb(231,227,116)
```
#ede96e
```
#ede96e rgb(237,233,110)
```
#f4ef67
```
#f4ef67 rgb(244,239,103)
```
#faf561
```
#faf561 rgb(250,245,97)
```

Tone Color Variation

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

#fff0b7 Protanopia 1% of men
#ffedda Deuteranopia 1% of men
#ffeaf4 Tritanopia 0.001% of the population

Trichromacy

#fdf197 Protanomaly 1% of men, 0.01% of women
#fdf0ae Deuteranomaly 6% of men, 0.4% of women
#fdeebe Tritanomaly 0.01% of the population

#faf561 hex color

#faf561 Color Information

#faf561 Color Conversion

Color Schemes with #faf561

Alternatives to #faf561

#faf561 Preview

Shades and Tints of #faf561

Tones of #faf561

Color Blindness Simulator