#faf057 hex color

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

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

● #faf057 color description : Soft yellow.

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

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

CIE-LAB	93.16, -14.083, 72.12
XYZ	72.305, 83.334, 21.293
xyY	0.409, 0.471, 83.334
CIE-LCH	93.16, 73.482, 101.049
CIE-LUV	93.16, 13.084, 88.068
Hunter-Lab	91.287, -18.371, 50.072
Binary	11111010, 11110000, 01010111

#faf057
```
#faf057 rgb(250,240,87)
```
#5761fa
```
#5761fa rgb(87,97,250)
```

Complementary Color

#fa9f57
```
#fa9f57 rgb(250,159,87)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#b3fa57
```
#b3fa57 rgb(179,250,87)
```

Analogous Color

#9f57fa
```
#9f57fa rgb(159,87,250)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#57b3fa
```
#57b3fa rgb(87,179,250)
```

Split Complementary Color

#f057fa
```
#f057fa rgb(240,87,250)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#57faf0
```
#57faf0 rgb(87,250,240)
```

Triadic Color

#fa5761
```
#fa5761 rgb(250,87,97)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#57faf0
```
#57faf0 rgb(87,250,240)
```
#5761fa
```
#5761fa rgb(87,97,250)
```

Tetradic Color

#f8e90d
```
#f8e90d rgb(248,233,13)
```
#f9ec25
```
#f9ec25 rgb(249,236,37)
```
#f9ee3e
```
#f9ee3e rgb(249,238,62)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#fbf270
```
#fbf270 rgb(251,242,112)
```
#fbf489
```
#fbf489 rgb(251,244,137)
```
#fcf7a1
```
#fcf7a1 rgb(252,247,161)
```

Monochromatic Color

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

#fac757
```
#fac757 rgb(250,199,87)
```
#fad557
```
#fad557 rgb(250,213,87)
```
#fae257
```
#fae257 rgb(250,226,87)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#f6fa57
```
#f6fa57 rgb(246,250,87)
```
#e9fa57
```
#e9fa57 rgb(233,250,87)
```
#dbfa57
```
#dbfa57 rgb(219,250,87)
```

Similar Colors

Text with hexadecimal color #faf057

This text has a font color of #faf057.

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

#faf057 background color

This paragraph has a background color of #faf057.

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

#faf057 border color

This element has a border color of #faf057.

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

CSS codes

.text {color:#faf057;}

.background {background-color:#faf057;}

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

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)
```
#afa405
```
#afa405 rgb(175,164,5)
```
#c2b606
```
#c2b606 rgb(194,182,6)
```
#d5c806
```
#d5c806 rgb(213,200,6)
```
#e8da07
```
#e8da07 rgb(232,218,7)
```

Shade Color Variation

#f8e90b
```
#f8e90b rgb(248,233,11)
```
#f8eb1e
```
#f8eb1e rgb(248,235,30)
```
#f9ed31
```
#f9ed31 rgb(249,237,49)
```
#f9ee44
```
#f9ee44 rgb(249,238,68)
```
#faf057
```
#faf057 rgb(250,240,87)
```
#fbf26a
```
#fbf26a rgb(251,242,106)
```
#fbf37d
```
#fbf37d rgb(251,243,125)
```
#fcf590
```
#fcf590 rgb(252,245,144)
```
#fcf7a3
```
#fcf7a3 rgb(252,247,163)
```
#fdf9b6
```
#fdf9b6 rgb(253,249,182)
```
#fdfac9
```
#fdfac9 rgb(253,250,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 #faf057 is the most saturated one.

#aaaaa7
```
#aaaaa7 rgb(170,170,167)
```
#b1b0a0
```
#b1b0a0 rgb(177,176,160)
```
#b7b69a
```
#b7b69a rgb(183,182,154)
```
#bebb93
```
#bebb93 rgb(190,187,147)
```
#c5c18c
```
#c5c18c rgb(197,193,140)
```
#cbc786
```
#cbc786 rgb(203,199,134)
```
#d2cd7f
```
#d2cd7f rgb(210,205,127)
```
#d9d378
```
#d9d378 rgb(217,211,120)
```
#dfd972
```
#dfd972 rgb(223,217,114)
```
#e6de6b
```
#e6de6b rgb(230,222,107)
```
#ede464
```
#ede464 rgb(237,228,100)
```
#f3ea5e
```
#f3ea5e rgb(243,234,94)
```
#faf057
```
#faf057 rgb(250,240,87)
```

Tone Color Variation

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

#ffec9e Protanopia 1% of men
#ffe9cf Deuteranopia 1% of men
#ffe5f0 Tritanopia 0.001% of the population

Trichromacy

#fded84 Protanomaly 1% of men, 0.01% of women
#fdeba3 Deuteranomaly 6% of men, 0.4% of women
#fde9b8 Tritanomaly 0.01% of the population

#faf057 hex color

#faf057 Color Information

#faf057 Color Conversion

Color Schemes with #faf057

Alternatives to #faf057

#faf057 Preview

Shades and Tints of #faf057

Tones of #faf057

Color Blindness Simulator