#f5e696 hex color

In a RGB color space, hex #f5e696 is composed of 96.1% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.1% magenta, 38.8% yellow and 3.9% black. It has a hue angle of 50.5 degrees, a saturation of 82.6% and a lightness of 77.5%. #f5e696 color hex could be obtained by blending #ffffff with #ebcd2d. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 96
- G 90
- B 59
RGB color chart
- C 0
- M 6
- Y 39
- K 4
CMYK color chart

● #f5e696 color description : Very soft yellow.

The hexadecimal color #f5e696 has RGB values of R:245, G:230, B:150 and CMYK values of C:0, M:0.06, Y:0.39, K:0.04. Its decimal value is 16115350.

Hex triplet	f5e696	`#f5e696`
RGB Decimal	245, 230, 150	`rgb(245,230,150)`
RGB Percent	96.1, 90.2, 58.8	`rgb(96.1%,90.2%,58.8%)`
CMYK	0, 6, 39, 4
HSL	50.5°, 82.6, 77.5	`hsl(50.5,82.6%,77.5%)`
HSV (or HSB)	50.5°, 38.8, 96.1
Web Safe	ffff99	`#ffff99`

CIE-LAB	90.875, -6.024, 40.809
XYZ	71.457, 78.209, 40.184
xyY	0.376, 0.412, 78.209
CIE-LCH	90.875, 41.251, 98.397
CIE-LUV	90.875, 13.628, 55.847
Hunter-Lab	88.436, -10.533, 34.965
Binary	11110101, 11100110, 10010110

#f5e696
```
#f5e696 rgb(245,230,150)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```

Complementary Color

#f5b796
```
#f5b796 rgb(245,183,150)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#d5f596
```
#d5f596 rgb(213,245,150)
```

Analogous Color

#b796f5
```
#b796f5 rgb(183,150,245)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#96d5f5
```
#96d5f5 rgb(150,213,245)
```

Split Complementary Color

#e696f5
```
#e696f5 rgb(230,150,245)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#96f5e6
```
#96f5e6 rgb(150,245,230)
```

Triadic Color

#f596a5
```
#f596a5 rgb(245,150,165)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#96f5e6
```
#96f5e6 rgb(150,245,230)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```

Tetradic Color

#eed550
```
#eed550 rgb(238,213,80)
```
#f1db67
```
#f1db67 rgb(241,219,103)
```
#f3e07f
```
#f3e07f rgb(243,224,127)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#f7ecad
```
#f7ecad rgb(247,236,173)
```
#f9f1c5
```
#f9f1c5 rgb(249,241,197)
```
#fcf7dc
```
#fcf7dc rgb(252,247,220)
```

Monochromatic Color

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

#f5ce96
```
#f5ce96 rgb(245,206,150)
```
#f5d696
```
#f5d696 rgb(245,214,150)
```
#f5de96
```
#f5de96 rgb(245,222,150)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#f5ee96
```
#f5ee96 rgb(245,238,150)
```
#f4f596
```
#f4f596 rgb(244,245,150)
```
#ecf596
```
#ecf596 rgb(236,245,150)
```

Similar Colors

Text with hexadecimal color #f5e696

This text has a font color of #f5e696.

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

#f5e696 background color

This paragraph has a background color of #f5e696.

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

#f5e696 border color

This element has a border color of #f5e696.

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

CSS codes

.text {color:#f5e696;}

.background {background-color:#f5e696;}

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

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 #fefbf0 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#141102
```
#141102 rgb(20,17,2)
```
#262104
```
#262104 rgb(38,33,4)
```
#383005
```
#383005 rgb(56,48,5)
```
#4a4007
```
#4a4007 rgb(74,64,7)
```
#5c4f09
```
#5c4f09 rgb(92,79,9)
```
#6e5e0a
```
#6e5e0a rgb(110,94,10)
```
#806e0c
```
#806e0c rgb(128,110,12)
```
#927d0e
```
#927d0e rgb(146,125,14)
```
#a48c10
```
#a48c10 rgb(164,140,16)
```
#b69c11
```
#b69c11 rgb(182,156,17)
```
#c7ab13
```
#c7ab13 rgb(199,171,19)
```
#d9ba15
```
#d9ba15 rgb(217,186,21)
```

Shade Color Variation

#e9c819
```
#e9c819 rgb(233,200,25)
```
#ebcc2b
```
#ebcc2b rgb(235,204,43)
```
#ecd13c
```
#ecd13c rgb(236,209,60)
```
#eed54e
```
#eed54e rgb(238,213,78)
```
#f0d960
```
#f0d960 rgb(240,217,96)
```
#f2dd72
```
#f2dd72 rgb(242,221,114)
```
#f3e284
```
#f3e284 rgb(243,226,132)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#f7eaa8
```
#f7eaa8 rgb(247,234,168)
```
#f8efba
```
#f8efba rgb(248,239,186)
```
#faf3cc
```
#faf3cc rgb(250,243,204)
```
#fcf7de
```
#fcf7de rgb(252,247,222)
```
#fefbf0
```
#fefbf0 rgb(254,251,240)
```

Tint Color Variation

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

#c9c8c2
```
#c9c8c2 rgb(201,200,194)
```
#cdcbbe
```
#cdcbbe rgb(205,203,190)
```
#d2ceb9
```
#d2ceb9 rgb(210,206,185)
```
#d6d1b5
```
#d6d1b5 rgb(214,209,181)
```
#dad4b1
```
#dad4b1 rgb(218,212,177)
```
#dfd7ac
```
#dfd7ac rgb(223,215,172)
```
#e3daa8
```
#e3daa8 rgb(227,218,168)
```
#e8dda3
```
#e8dda3 rgb(232,221,163)
```
#ece09f
```
#ece09f rgb(236,224,159)
```
#f1e39a
```
#f1e39a rgb(241,227,154)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```
#f9e992
```
#f9e992 rgb(249,233,146)
```
#feec8d
```
#feec8d rgb(254,236,141)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e5e2d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e69b Protanopia 1% of men
#ffe1c4 Deuteranopia 1% of men
#ffddec Tritanopia 0.001% of the population

Trichromacy

#f7e699 Protanomaly 1% of men, 0.01% of women
#fbe2b3 Deuteranomaly 6% of men, 0.4% of women
#fbe0cd Tritanomaly 0.01% of the population

#f5e696 hex color

#f5e696 Color Information

#f5e696 Color Conversion

Color Schemes with #f5e696

Alternatives to #f5e696

#f5e696 Preview

Shades and Tints of #f5e696

Tones of #f5e696

Color Blindness Simulator