#faf296 hex color

In a RGB color space, hex #faf296 is composed of 98% red, 94.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 40% yellow and 2% black. It has a hue angle of 55.2 degrees, a saturation of 90.9% and a lightness of 78.4%. #faf296 color hex could be obtained by blending #ffffff with #f5e52d. Closest websafe color is: #ffff99.

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

● #faf296 color description : Very soft yellow.

The hexadecimal color #faf296 has RGB values of R:250, G:242, B:150 and CMYK values of C:0, M:0.03, Y:0.4, K:0.02. Its decimal value is 16446102.

Hex triplet	faf296	`#faf296`
RGB Decimal	250, 242, 150	`rgb(250,242,150)`
RGB Percent	98, 94.9, 58.8	`rgb(98%,94.9%,58.8%)`
CMYK	0, 3, 40, 2
HSL	55.2°, 90.9, 78.4	`hsl(55.2,90.9%,78.4%)`
HSV (or HSB)	55.2°, 40, 98
Web Safe	ffff99	`#ffff99`

CIE-LAB	94.326, -10.078, 45.303
XYZ	76.681, 86.031, 41.419
xyY	0.376, 0.421, 86.031
CIE-LCH	94.326, 46.411, 102.542
CIE-LUV	94.326, 9.589, 62.324
Hunter-Lab	92.753, -14.749, 38.451
Binary	11111010, 11110010, 10010110

#faf296
```
#faf296 rgb(250,242,150)
```
#969efa
```
#969efa rgb(150,158,250)
```

Complementary Color

#fac096
```
#fac096 rgb(250,192,150)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#d0fa96
```
#d0fa96 rgb(208,250,150)
```

Analogous Color

#c096fa
```
#c096fa rgb(192,150,250)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#96d0fa
```
#96d0fa rgb(150,208,250)
```

Split Complementary Color

#f296fa
```
#f296fa rgb(242,150,250)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#96faf2
```
#96faf2 rgb(150,250,242)
```

Triadic Color

#fa969e
```
#fa969e rgb(250,150,158)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#96faf2
```
#96faf2 rgb(150,250,242)
```
#969efa
```
#969efa rgb(150,158,250)
```

Tetradic Color

#f7e94d
```
#f7e94d rgb(247,233,77)
```
#f8ec65
```
#f8ec65 rgb(248,236,101)
```
#f9ef7e
```
#f9ef7e rgb(249,239,126)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#fbf5ae
```
#fbf5ae rgb(251,245,174)
```
#fcf8c7
```
#fcf8c7 rgb(252,248,199)
```
#fdfbdf
```
#fdfbdf rgb(253,251,223)
```

Monochromatic Color

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

#fad996
```
#fad996 rgb(250,217,150)
```
#fae196
```
#fae196 rgb(250,225,150)
```
#faea96
```
#faea96 rgb(250,234,150)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#fafa96
```
#fafa96 rgb(250,250,150)
```
#f1fa96
```
#f1fa96 rgb(241,250,150)
```
#e9fa96
```
#e9fa96 rgb(233,250,150)
```

Similar Colors

Text with hexadecimal color #faf296

This text has a font color of #faf296.

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

#faf296 background color

This paragraph has a background color of #faf296.

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

#faf296 border color

This element has a border color of #faf296.

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

CSS codes

.text {color:#faf296;}

.background {background-color:#faf296;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#1a1801
```
#1a1801 rgb(26,24,1)
```
#2d2902
```
#2d2902 rgb(45,41,2)
```
#403b03
```
#403b03 rgb(64,59,3)
```
#524c04
```
#524c04 rgb(82,76,4)
```
#655d05
```
#655d05 rgb(101,93,5)
```
#786f06
```
#786f06 rgb(120,111,6)
```
#8a8007
```
#8a8007 rgb(138,128,7)
```
#9d9107
```
#9d9107 rgb(157,145,7)
```
#b0a208
```
#b0a208 rgb(176,162,8)
```
#c3b409
```
#c3b409 rgb(195,180,9)
```
#d5c50a
```
#d5c50a rgb(213,197,10)
```
#e8d60b
```
#e8d60b rgb(232,214,11)
```

Shade Color Variation

#f4e213
```
#f4e213 rgb(244,226,19)
```
#f5e426
```
#f5e426 rgb(245,228,38)
```
#f6e638
```
#f6e638 rgb(246,230,56)
```
#f6e94b
```
#f6e94b rgb(246,233,75)
```
#f7eb5e
```
#f7eb5e rgb(247,235,94)
```
#f8ed71
```
#f8ed71 rgb(248,237,113)
```
#f9f083
```
#f9f083 rgb(249,240,131)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#fbf4a9
```
#fbf4a9 rgb(251,244,169)
```
#fcf7bb
```
#fcf7bb rgb(252,247,187)
```
#fdf9ce
```
#fdf9ce rgb(253,249,206)
```
#fefbe1
```
#fefbe1 rgb(254,251,225)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

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

#cbcbc5
```
#cbcbc5 rgb(203,203,197)
```
#d0cec0
```
#d0cec0 rgb(208,206,192)
```
#d4d2bc
```
#d4d2bc rgb(212,210,188)
```
#d8d6b8
```
#d8d6b8 rgb(216,214,184)
```
#dcd9b4
```
#dcd9b4 rgb(220,217,180)
```
#e1ddaf
```
#e1ddaf rgb(225,221,175)
```
#e5e0ab
```
#e5e0ab rgb(229,224,171)
```
#e9e4a7
```
#e9e4a7 rgb(233,228,167)
```
#ede7a3
```
#ede7a3 rgb(237,231,163)
```
#f2eb9e
```
#f2eb9e rgb(242,235,158)
```
#f6ee9a
```
#f6ee9a rgb(246,238,154)
```
#faf296
```
#faf296 rgb(250,242,150)
```
#fef692
```
#fef692 rgb(254,246,146)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#edecd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb6 Protanopia 1% of men
#ffecdb Deuteranopia 1% of men
#ffeaf5 Tritanopia 0.001% of the population

Trichromacy

#fdf0aa Protanomaly 1% of men, 0.01% of women
#fdeec2 Deuteranomaly 6% of men, 0.4% of women
#fdecd2 Tritanomaly 0.01% of the population

#faf296 hex color

#faf296 Color Information

#faf296 Color Conversion

Color Schemes with #faf296

Alternatives to #faf296

#faf296 Preview

Shades and Tints of #faf296

Tones of #faf296

Color Blindness Simulator