#faf157 hex color

In a RGB color space, hex #faf157 is composed of 98% red, 94.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 65.2% yellow and 2% black. It has a hue angle of 56.7 degrees, a saturation of 94.2% and a lightness of 66.1%. #faf157 color hex could be obtained by blending #ffffae with #f5e300. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 98
- G 95
- B 34
RGB color chart
- C 0
- M 4
- Y 65
- K 2
CMYK color chart

● #faf157 color description : Soft yellow.

The hexadecimal color #faf157 has RGB values of R:250, G:241, B:87 and CMYK values of C:0, M:0.04, Y:0.65, K:0.02. Its decimal value is 16445783.

Hex triplet	faf157	`#faf157`
RGB Decimal	250, 241, 87	`rgb(250,241,87)`
RGB Percent	98, 94.5, 34.1	`rgb(98%,94.5%,34.1%)`
CMYK	0, 4, 65, 2
HSL	56.7°, 94.2, 66.1	`hsl(56.7,94.2%,66.1%)`
HSV (or HSB)	56.7°, 65.2, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.418, -14.571, 72.385
XYZ	72.6, 83.924, 21.391
xyY	0.408, 0.472, 83.924
CIE-LCH	93.418, 73.837, 101.382
CIE-LUV	93.418, 12.433, 88.487
Hunter-Lab	91.61, -18.859, 50.283
Binary	11111010, 11110001, 01010111

#faf157
```
#faf157 rgb(250,241,87)
```
#5760fa
```
#5760fa rgb(87,96,250)
```

Complementary Color

#faa057
```
#faa057 rgb(250,160,87)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#b2fa57
```
#b2fa57 rgb(178,250,87)
```

Analogous Color

#a057fa
```
#a057fa rgb(160,87,250)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#57b2fa
```
#57b2fa rgb(87,178,250)
```

Split Complementary Color

#f157fa
```
#f157fa rgb(241,87,250)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#57faf1
```
#57faf1 rgb(87,250,241)
```

Triadic Color

#fa5760
```
#fa5760 rgb(250,87,96)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#57faf1
```
#57faf1 rgb(87,250,241)
```
#5760fa
```
#5760fa rgb(87,96,250)
```

Tetradic Color

#f8eb0d
```
#f8eb0d rgb(248,235,13)
```
#f9ed25
```
#f9ed25 rgb(249,237,37)
```
#f9ef3e
```
#f9ef3e rgb(249,239,62)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#fbf370
```
#fbf370 rgb(251,243,112)
```
#fbf589
```
#fbf589 rgb(251,245,137)
```
#fcf7a1
```
#fcf7a1 rgb(252,247,161)
```

Monochromatic Color

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

#fac857
```
#fac857 rgb(250,200,87)
```
#fad657
```
#fad657 rgb(250,214,87)
```
#fae357
```
#fae357 rgb(250,227,87)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#f5fa57
```
#f5fa57 rgb(245,250,87)
```
#e8fa57
```
#e8fa57 rgb(232,250,87)
```
#dafa57
```
#dafa57 rgb(218,250,87)
```

Similar Colors

Text with hexadecimal color #faf157

This text has a font color of #faf157.

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

#faf157 background color

This paragraph has a background color of #faf157.

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

#faf157 border color

This element has a border color of #faf157.

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

CSS codes

.text {color:#faf157;}

.background {background-color:#faf157;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#161501
```
#161501 rgb(22,21,1)
```
#2a2701
```
#2a2701 rgb(42,39,1)
```
#3d3902
```
#3d3902 rgb(61,57,2)
```
#504b02
```
#504b02 rgb(80,75,2)
```
#635d03
```
#635d03 rgb(99,93,3)
```
#766f04
```
#766f04 rgb(118,111,4)
```
#898104
```
#898104 rgb(137,129,4)
```
#9c9305
```
#9c9305 rgb(156,147,5)
```
#afa605
```
#afa605 rgb(175,166,5)
```
#c2b806
```
#c2b806 rgb(194,184,6)
```
#d5ca06
```
#d5ca06 rgb(213,202,6)
```
#e8dc07
```
#e8dc07 rgb(232,220,7)
```

Shade Color Variation

#f8eb0b
```
#f8eb0b rgb(248,235,11)
```
#f8ec1e
```
#f8ec1e rgb(248,236,30)
```
#f9ee31
```
#f9ee31 rgb(249,238,49)
```
#f9ef44
```
#f9ef44 rgb(249,239,68)
```
#faf157
```
#faf157 rgb(250,241,87)
```
#fbf36a
```
#fbf36a rgb(251,243,106)
```
#fbf47d
```
#fbf47d rgb(251,244,125)
```
#fcf690
```
#fcf690 rgb(252,246,144)
```
#fcf7a3
```
#fcf7a3 rgb(252,247,163)
```
#fdf9b6
```
#fdf9b6 rgb(253,249,182)
```
#fdfbc9
```
#fdfbc9 rgb(253,251,201)
```
#fefcdc
```
#fefcdc rgb(254,252,220)
```
#fffeef
```
#fffeef rgb(255,254,239)
```

Tint Color Variation

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

#aaaaa7
```
#aaaaa7 rgb(170,170,167)
```
#b1b0a0
```
#b1b0a0 rgb(177,176,160)
```
#b7b69a
```
#b7b69a rgb(183,182,154)
```
#bebc93
```
#bebc93 rgb(190,188,147)
```
#c5c28c
```
#c5c28c rgb(197,194,140)
```
#cbc886
```
#cbc886 rgb(203,200,134)
```
#d2cd7f
```
#d2cd7f rgb(210,205,127)
```
#d9d378
```
#d9d378 rgb(217,211,120)
```
#dfd972
```
#dfd972 rgb(223,217,114)
```
#e6df6b
```
#e6df6b rgb(230,223,107)
```
#ede564
```
#ede564 rgb(237,229,100)
```
#f3eb5e
```
#f3eb5e rgb(243,235,94)
```
#faf157
```
#faf157 rgb(250,241,87)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e7e5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda3 Protanopia 1% of men
#ffe9d1 Deuteranopia 1% of men
#ffe6f0 Tritanopia 0.001% of the population

Trichromacy

#fdee87 Protanomaly 1% of men, 0.01% of women
#fdeca5 Deuteranomaly 6% of men, 0.4% of women
#fdeab8 Tritanomaly 0.01% of the population

#faf157 hex color

#faf157 Color Information

#faf157 Color Conversion

Color Schemes with #faf157

Alternatives to #faf157

#faf157 Preview

Shades and Tints of #faf157

Tones of #faf157

Color Blindness Simulator