#faf457 hex color

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

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

● #faf457 color description : Soft yellow.

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

Hex triplet	faf457	`#faf457`
RGB Decimal	250, 244, 87	`rgb(250,244,87)`
RGB Percent	98, 95.7, 34.1	`rgb(98%,95.7%,34.1%)`
CMYK	0, 2, 65, 2
HSL	57.8°, 94.2, 66.1	`hsl(57.8,94.2%,66.1%)`
HSV (or HSB)	57.8°, 65.2, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.19, -16.031, 73.179
XYZ	73.495, 85.715, 21.689
xyY	0.406, 0.474, 85.715
CIE-LCH	94.19, 74.914, 102.356
CIE-LUV	94.19, 10.489, 89.744
Hunter-Lab	92.582, -20.319, 50.918
Binary	11111010, 11110100, 01010111

#faf457
```
#faf457 rgb(250,244,87)
```
#575dfa
```
#575dfa rgb(87,93,250)
```

Complementary Color

#faa357
```
#faa357 rgb(250,163,87)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#affa57
```
#affa57 rgb(175,250,87)
```

Analogous Color

#a357fa
```
#a357fa rgb(163,87,250)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#57affa
```
#57affa rgb(87,175,250)
```

Split Complementary Color

#f457fa
```
#f457fa rgb(244,87,250)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#57faf4
```
#57faf4 rgb(87,250,244)
```

Triadic Color

#fa575d
```
#fa575d rgb(250,87,93)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#57faf4
```
#57faf4 rgb(87,250,244)
```
#575dfa
```
#575dfa rgb(87,93,250)
```

Tetradic Color

#f8ef0d
```
#f8ef0d rgb(248,239,13)
```
#f9f125
```
#f9f125 rgb(249,241,37)
```
#f9f23e
```
#f9f23e rgb(249,242,62)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#fbf670
```
#fbf670 rgb(251,246,112)
```
#fbf789
```
#fbf789 rgb(251,247,137)
```
#fcf9a1
```
#fcf9a1 rgb(252,249,161)
```

Monochromatic Color

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

#facb57
```
#facb57 rgb(250,203,87)
```
#fad957
```
#fad957 rgb(250,217,87)
```
#fae657
```
#fae657 rgb(250,230,87)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#f2fa57
```
#f2fa57 rgb(242,250,87)
```
#e5fa57
```
#e5fa57 rgb(229,250,87)
```
#d7fa57
```
#d7fa57 rgb(215,250,87)
```

Similar Colors

Text with hexadecimal color #faf457

This text has a font color of #faf457.

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

#faf457 background color

This paragraph has a background color of #faf457.

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

#faf457 border color

This element has a border color of #faf457.

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

CSS codes

.text {color:#faf457;}

.background {background-color:#faf457;}

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

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)
```
#161601
```
#161601 rgb(22,22,1)
```
#2a2801
```
#2a2801 rgb(42,40,1)
```
#3d3a02
```
#3d3a02 rgb(61,58,2)
```
#504d02
```
#504d02 rgb(80,77,2)
```
#635f03
```
#635f03 rgb(99,95,3)
```
#767204
```
#767204 rgb(118,114,4)
```
#898404
```
#898404 rgb(137,132,4)
```
#9c9605
```
#9c9605 rgb(156,150,5)
```
#afa905
```
#afa905 rgb(175,169,5)
```
#c2bb06
```
#c2bb06 rgb(194,187,6)
```
#d5cd06
```
#d5cd06 rgb(213,205,6)
```
#e8e007
```
#e8e007 rgb(232,224,7)
```

Shade Color Variation

#f8ef0b
```
#f8ef0b rgb(248,239,11)
```
#f8f01e
```
#f8f01e rgb(248,240,30)
```
#f9f231
```
#f9f231 rgb(249,242,49)
```
#f9f344
```
#f9f344 rgb(249,243,68)
```
#faf457
```
#faf457 rgb(250,244,87)
```
#fbf56a
```
#fbf56a rgb(251,245,106)
```
#fbf67d
```
#fbf67d rgb(251,246,125)
```
#fcf890
```
#fcf890 rgb(252,248,144)
```
#fcf9a3
```
#fcf9a3 rgb(252,249,163)
```
#fdfab6
```
#fdfab6 rgb(253,250,182)
```
#fdfbc9
```
#fdfbc9 rgb(253,251,201)
```
#fefddc
```
#fefddc rgb(254,253,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 #faf457 is the most saturated one.

#aaaaa7
```
#aaaaa7 rgb(170,170,167)
```
#b1b0a0
```
#b1b0a0 rgb(177,176,160)
```
#b7b69a
```
#b7b69a rgb(183,182,154)
```
#bebd93
```
#bebd93 rgb(190,189,147)
```
#c5c38c
```
#c5c38c rgb(197,195,140)
```
#cbc986
```
#cbc986 rgb(203,201,134)
```
#d2cf7f
```
#d2cf7f rgb(210,207,127)
```
#d9d578
```
#d9d578 rgb(217,213,120)
```
#dfdb72
```
#dfdb72 rgb(223,219,114)
```
#e6e26b
```
#e6e26b rgb(230,226,107)
```
#ede864
```
#ede864 rgb(237,232,100)
```
#f3ee5e
```
#f3ee5e rgb(243,238,94)
```
#faf457
```
#faf457 rgb(250,244,87)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#e8e7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb1 Protanopia 1% of men
#ffecd7 Deuteranopia 1% of men
#ffe9f3 Tritanopia 0.001% of the population

Trichromacy

#fdf190 Protanomaly 1% of men, 0.01% of women
#fdefa8 Deuteranomaly 6% of men, 0.4% of women
#fdedba Tritanomaly 0.01% of the population

#faf457 hex color

#faf457 Color Information

#faf457 Color Conversion

Color Schemes with #faf457

Alternatives to #faf457

#faf457 Preview

Shades and Tints of #faf457

Tones of #faf457

Color Blindness Simulator