#faf162 hex color

In a RGB color space, hex #faf162 is composed of 98% red, 94.5% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 60.8% yellow and 2% black. It has a hue angle of 56.4 degrees, a saturation of 93.8% and a lightness of 68.2%. #faf162 color hex could be obtained by blending #ffffc4 with #f5e300. Closest websafe color is: #ffff66.

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

● #faf162 color description : Soft yellow.

The hexadecimal color #faf162 has RGB values of R:250, G:241, B:98 and CMYK values of C:0, M:0.04, Y:0.61, K:0.02. Its decimal value is 16445794.

Hex triplet	faf162	`#faf162`
RGB Decimal	250, 241, 98	`rgb(250,241,98)`
RGB Percent	98, 94.5, 38.4	`rgb(98%,94.5%,38.4%)`
CMYK	0, 4, 61, 2
HSL	56.4°, 93.8, 68.2	`hsl(56.4,93.8%,68.2%)`
HSV (or HSB)	56.4°, 60.8, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.502, -13.92, 68.082
XYZ	73.084, 84.118, 23.941
xyY	0.403, 0.464, 84.118
CIE-LCH	93.502, 69.49, 101.556
CIE-LUV	93.502, 12.132, 84.91
Hunter-Lab	91.716, -18.264, 48.724
Binary	11111010, 11110001, 01100010

#faf162
```
#faf162 rgb(250,241,98)
```
#626bfa
```
#626bfa rgb(98,107,250)
```

Complementary Color

#faa562
```
#faa562 rgb(250,165,98)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#b7fa62
```
#b7fa62 rgb(183,250,98)
```

Analogous Color

#a562fa
```
#a562fa rgb(165,98,250)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#62b7fa
```
#62b7fa rgb(98,183,250)
```

Split Complementary Color

#f162fa
```
#f162fa rgb(241,98,250)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#62faf1
```
#62faf1 rgb(98,250,241)
```

Triadic Color

#fa626b
```
#fa626b rgb(250,98,107)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#62faf1
```
#62faf1 rgb(98,250,241)
```
#626bfa
```
#626bfa rgb(98,107,250)
```

Tetradic Color

#f8ea18
```
#f8ea18 rgb(248,234,24)
```
#f8ed31
```
#f8ed31 rgb(248,237,49)
```
#f9ef49
```
#f9ef49 rgb(249,239,73)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#fbf37b
```
#fbf37b rgb(251,243,123)
```
#fcf593
```
#fcf593 rgb(252,245,147)
```
#fcf8ac
```
#fcf8ac rgb(252,248,172)
```

Monochromatic Color

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

#facb62
```
#facb62 rgb(250,203,98)
```
#fad862
```
#fad862 rgb(250,216,98)
```
#fae462
```
#fae462 rgb(250,228,98)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#f6fa62
```
#f6fa62 rgb(246,250,98)
```
#eafa62
```
#eafa62 rgb(234,250,98)
```
#ddfa62
```
#ddfa62 rgb(221,250,98)
```

Similar Colors

Text with hexadecimal color #faf162

This text has a font color of #faf162.

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

#faf162 background color

This paragraph has a background color of #faf162.

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

#faf162 border color

This element has a border color of #faf162.

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

CSS codes

.text {color:#faf162;}

.background {background-color:#faf162;}

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

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

#0e0d00
```
#0e0d00 rgb(14,13,0)
```
#211f01
```
#211f01 rgb(33,31,1)
```
#343102
```
#343102 rgb(52,49,2)
```
#474302
```
#474302 rgb(71,67,2)
```
#5a5503
```
#5a5503 rgb(90,85,3)
```
#6d6703
```
#6d6703 rgb(109,103,3)
```
#807904
```
#807904 rgb(128,121,4)
```
#938b05
```
#938b05 rgb(147,139,5)
```
#a69d05
```
#a69d05 rgb(166,157,5)
```
#b9af06
```
#b9af06 rgb(185,175,6)
```
#ccc007
```
#ccc007 rgb(204,192,7)
```
#dfd207
```
#dfd207 rgb(223,210,7)
```
#f2e408
```
#f2e408 rgb(242,228,8)
```

Shade Color Variation

#f8ea16
```
#f8ea16 rgb(248,234,22)
```
#f8ec29
```
#f8ec29 rgb(248,236,41)
```
#f9ee3c
```
#f9ee3c rgb(249,238,60)
```
#f9ef4f
```
#f9ef4f rgb(249,239,79)
```
#faf162
```
#faf162 rgb(250,241,98)
```
#fbf375
```
#fbf375 rgb(251,243,117)
```
#fbf488
```
#fbf488 rgb(251,244,136)
```
#fcf69b
```
#fcf69b rgb(252,246,155)
```
#fcf8ae
```
#fcf8ae rgb(252,248,174)
```
#fdf9c1
```
#fdf9c1 rgb(253,249,193)
```
#fefbd4
```
#fefbd4 rgb(254,251,212)
```
#fefde7
```
#fefde7 rgb(254,253,231)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

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

#afafad
```
#afafad rgb(175,175,173)
```
#b5b5a7
```
#b5b5a7 rgb(181,181,167)
```
#bcbaa0
```
#bcbaa0 rgb(188,186,160)
```
#c2c09a
```
#c2c09a rgb(194,192,154)
```
#c8c594
```
#c8c594 rgb(200,197,148)
```
#cecb8e
```
#cecb8e rgb(206,203,142)
```
#d5d087
```
#d5d087 rgb(213,208,135)
```
#dbd681
```
#dbd681 rgb(219,214,129)
```
#e1db7b
```
#e1db7b rgb(225,219,123)
```
#e7e175
```
#e7e175 rgb(231,225,117)
```
#eee66e
```
#eee66e rgb(238,230,110)
```
#f4ec68
```
#f4ec68 rgb(244,236,104)
```
#faf162
```
#faf162 rgb(250,241,98)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#e8e6c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda5 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe7f1 Tritanopia 0.001% of the population

Trichromacy

#fdee8d Protanomaly 1% of men, 0.01% of women
#fdeca9 Deuteranomaly 6% of men, 0.4% of women
#fdeabd Tritanomaly 0.01% of the population

#faf162 hex color

#faf162 Color Information

#faf162 Color Conversion

Color Schemes with #faf162

Alternatives to #faf162

#faf162 Preview

Shades and Tints of #faf162

Tones of #faf162

Color Blindness Simulator