#faf356 hex color

In a RGB color space, hex #faf356 is composed of 98% red, 95.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 65.6% yellow and 2% black. It has a hue angle of 57.4 degrees, a saturation of 94.3% and a lightness of 65.9%. #faf356 color hex could be obtained by blending #ffffac with #f5e700. Closest websafe color is: #ffff66.

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

● #faf356 color description : Soft yellow.

The hexadecimal color #faf356 has RGB values of R:250, G:243, B:86 and CMYK values of C:0, M:0.03, Y:0.66, K:0.02. Its decimal value is 16446294.

Hex triplet	faf356	`#faf356`
RGB Decimal	250, 243, 86	`rgb(250,243,86)`
RGB Percent	98, 95.3, 33.7	`rgb(98%,95.3%,33.7%)`
CMYK	0, 3, 66, 2
HSL	57.4°, 94.3, 65.9	`hsl(57.4,94.3%,65.9%)`
HSV (or HSB)	57.4°, 65.6, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.926, -15.6, 73.288
XYZ	73.155, 85.099, 21.376
xyY	0.407, 0.474, 85.099
CIE-LCH	93.926, 74.93, 102.016
CIE-LUV	93.926, 11.159, 89.625
Hunter-Lab	92.249, -19.882, 50.836
Binary	11111010, 11110011, 01010110

#faf356
```
#faf356 rgb(250,243,86)
```
#565dfa
```
#565dfa rgb(86,93,250)
```

Complementary Color

#faa156
```
#faa156 rgb(250,161,86)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#affa56
```
#affa56 rgb(175,250,86)
```

Analogous Color

#a156fa
```
#a156fa rgb(161,86,250)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#56affa
```
#56affa rgb(86,175,250)
```

Split Complementary Color

#f356fa
```
#f356fa rgb(243,86,250)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#56faf3
```
#56faf3 rgb(86,250,243)
```

Triadic Color

#fa565d
```
#fa565d rgb(250,86,93)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#56faf3
```
#56faf3 rgb(86,250,243)
```
#565dfa
```
#565dfa rgb(86,93,250)
```

Tetradic Color

#f8ee0c
```
#f8ee0c rgb(248,238,12)
```
#f9ef24
```
#f9ef24 rgb(249,239,36)
```
#f9f13d
```
#f9f13d rgb(249,241,61)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#fbf56f
```
#fbf56f rgb(251,245,111)
```
#fbf788
```
#fbf788 rgb(251,247,136)
```
#fcf8a0
```
#fcf8a0 rgb(252,248,160)
```

Monochromatic Color

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

#faca56
```
#faca56 rgb(250,202,86)
```
#fad856
```
#fad856 rgb(250,216,86)
```
#fae556
```
#fae556 rgb(250,229,86)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#f3fa56
```
#f3fa56 rgb(243,250,86)
```
#e6fa56
```
#e6fa56 rgb(230,250,86)
```
#d8fa56
```
#d8fa56 rgb(216,250,86)
```

Similar Colors

Text with hexadecimal color #faf356

This text has a font color of #faf356.

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

#faf356 background color

This paragraph has a background color of #faf356.

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

#faf356 border color

This element has a border color of #faf356.

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

CSS codes

.text {color:#faf356;}

.background {background-color:#faf356;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161501
```
#161501 rgb(22,21,1)
```
#292701
```
#292701 rgb(41,39,1)
```
#3c3902
```
#3c3902 rgb(60,57,2)
```
#4f4b02
```
#4f4b02 rgb(79,75,2)
```
#625e03
```
#625e03 rgb(98,94,3)
```
#757003
```
#757003 rgb(117,112,3)
```
#888204
```
#888204 rgb(136,130,4)
```
#9b9405
```
#9b9405 rgb(155,148,5)
```
#aea705
```
#aea705 rgb(174,167,5)
```
#c1b906
```
#c1b906 rgb(193,185,6)
```
#d4cb06
```
#d4cb06 rgb(212,203,6)
```
#e7de07
```
#e7de07 rgb(231,222,7)
```

Shade Color Variation

#f8ee0a
```
#f8ee0a rgb(248,238,10)
```
#f8ef1d
```
#f8ef1d rgb(248,239,29)
```
#f9f030
```
#f9f030 rgb(249,240,48)
```
#f9f243
```
#f9f243 rgb(249,242,67)
```
#faf356
```
#faf356 rgb(250,243,86)
```
#fbf469
```
#fbf469 rgb(251,244,105)
```
#fbf67c
```
#fbf67c rgb(251,246,124)
```
#fcf78f
```
#fcf78f rgb(252,247,143)
```
#fcf8a2
```
#fcf8a2 rgb(252,248,162)
```
#fdfab5
```
#fdfab5 rgb(253,250,181)
```
#fdfbc8
```
#fdfbc8 rgb(253,251,200)
```
#fefcdb
```
#fefcdb rgb(254,252,219)
```
#fffeee
```
#fffeee rgb(255,254,238)
```

Tint Color Variation

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

#aaaaa6
```
#aaaaa6 rgb(170,170,166)
```
#b0b0a0
```
#b0b0a0 rgb(176,176,160)
```
#b7b699
```
#b7b699 rgb(183,182,153)
```
#bebc92
```
#bebc92 rgb(190,188,146)
```
#c4c28c
```
#c4c28c rgb(196,194,140)
```
#cbc885
```
#cbc885 rgb(203,200,133)
```
#d2ce7e
```
#d2ce7e rgb(210,206,126)
```
#d9d477
```
#d9d477 rgb(217,212,119)
```
#dfdb71
```
#dfdb71 rgb(223,219,113)
```
#e6e16a
```
#e6e16a rgb(230,225,106)
```
#ede763
```
#ede763 rgb(237,231,99)
```
#f3ed5d
```
#f3ed5d rgb(243,237,93)
```
#faf356
```
#faf356 rgb(250,243,86)
```

Tone Color Variation

Below, you can see how #faf356 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
#e8e6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeeac Protanopia 1% of men
#ffebd5 Deuteranopia 1% of men
#ffe8f2 Tritanopia 0.001% of the population

Trichromacy

#fdf08d Protanomaly 1% of men, 0.01% of women
#fdeea7 Deuteranomaly 6% of men, 0.4% of women
#fdecb9 Tritanomaly 0.01% of the population

#faf356 hex color

#faf356 Color Information

#faf356 Color Conversion

Color Schemes with #faf356

Alternatives to #faf356

#faf356 Preview

Shades and Tints of #faf356

Tones of #faf356

Color Blindness Simulator