#f5ed7e hex color

In a RGB color space, hex #f5ed7e is composed of 96.1% red, 92.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 48.6% yellow and 3.9% black. It has a hue angle of 56 degrees, a saturation of 85.6% and a lightness of 72.7%. #f5ed7e color hex could be obtained by blending #fffffc with #ebdb00. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 96
- G 93
- B 49
RGB color chart
- C 0
- M 3
- Y 49
- K 4
CMYK color chart

● #f5ed7e color description : Soft yellow.

The hexadecimal color #f5ed7e has RGB values of R:245, G:237, B:126 and CMYK values of C:0, M:0.03, Y:0.49, K:0.04. Its decimal value is 16117118.

Hex triplet	f5ed7e	`#f5ed7e`
RGB Decimal	245, 237, 126	`rgb(245,237,126)`
RGB Percent	96.1, 92.9, 49.4	`rgb(96.1%,92.9%,49.4%)`
CMYK	0, 3, 49, 4
HSL	56°, 85.6, 72.7	`hsl(56,85.6%,72.7%)`
HSV (or HSB)	56°, 48.6, 96.1
Web Safe	ffff66	`#ffff66`

CIE-LAB	92.349, -11.848, 54.268
XYZ	71.706, 81.488, 31.689
xyY	0.388, 0.441, 81.488
CIE-LCH	92.349, 55.546, 102.316
CIE-LUV	92.349, 10.375, 71.586
Hunter-Lab	90.271, -16.184, 42.376
Binary	11110101, 11101101, 01111110

#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#7e86f5
```
#7e86f5 rgb(126,134,245)
```

Complementary Color

#f5b27e
```
#f5b27e rgb(245,178,126)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#c2f57e
```
#c2f57e rgb(194,245,126)
```

Analogous Color

#b27ef5
```
#b27ef5 rgb(178,126,245)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#7ec2f5
```
#7ec2f5 rgb(126,194,245)
```

Split Complementary Color

#ed7ef5
```
#ed7ef5 rgb(237,126,245)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#7ef5ed
```
#7ef5ed rgb(126,245,237)
```

Triadic Color

#f57e86
```
#f57e86 rgb(245,126,134)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#7ef5ed
```
#7ef5ed rgb(126,245,237)
```
#7e86f5
```
#7e86f5 rgb(126,134,245)
```

Tetradic Color

#efe337
```
#efe337 rgb(239,227,55)
```
#f1e64f
```
#f1e64f rgb(241,230,79)
```
#f3ea66
```
#f3ea66 rgb(243,234,102)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#f7f096
```
#f7f096 rgb(247,240,150)
```
#f9f4ad
```
#f9f4ad rgb(249,244,173)
```
#fbf7c5
```
#fbf7c5 rgb(251,247,197)
```

Monochromatic Color

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

#f5cf7e
```
#f5cf7e rgb(245,207,126)
```
#f5d97e
```
#f5d97e rgb(245,217,126)
```
#f5e37e
```
#f5e37e rgb(245,227,126)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#f3f57e
```
#f3f57e rgb(243,245,126)
```
#e9f57e
```
#e9f57e rgb(233,245,126)
```
#dff57e
```
#dff57e rgb(223,245,126)
```

Similar Colors

Text with hexadecimal color #f5ed7e

This text has a font color of #f5ed7e.

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

#f5ed7e background color

This paragraph has a background color of #f5ed7e.

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

#f5ed7e border color

This element has a border color of #f5ed7e.

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

CSS codes

.text {color:#f5ed7e;}

.background {background-color:#f5ed7e;}

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

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

#111001
```
#111001 rgb(17,16,1)
```
#232103
```
#232103 rgb(35,33,3)
```
#353204
```
#353204 rgb(53,50,4)
```
#474306
```
#474306 rgb(71,67,6)
```
#595407
```
#595407 rgb(89,84,7)
```
#6c6508
```
#6c6508 rgb(108,101,8)
```
#7e760a
```
#7e760a rgb(126,118,10)
```
#90870b
```
#90870b rgb(144,135,11)
```
#a2980d
```
#a2980d rgb(162,152,13)
```
#b4a90e
```
#b4a90e rgb(180,169,14)
```
#c7ba0f
```
#c7ba0f rgb(199,186,15)
```
#d9cb11
```
#d9cb11 rgb(217,203,17)
```
#ebdd12
```
#ebdd12 rgb(235,221,18)
```

Shade Color Variation

#eee023
```
#eee023 rgb(238,224,35)
```
#efe335
```
#efe335 rgb(239,227,53)
```
#f1e547
```
#f1e547 rgb(241,229,71)
```
#f2e85a
```
#f2e85a rgb(242,232,90)
```
#f4ea6c
```
#f4ea6c rgb(244,234,108)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#f6f090
```
#f6f090 rgb(246,240,144)
```
#f8f2a2
```
#f8f2a2 rgb(248,242,162)
```
#f9f5b5
```
#f9f5b5 rgb(249,245,181)
```
#fbf7c7
```
#fbf7c7 rgb(251,247,199)
```
#fcfad9
```
#fcfad9 rgb(252,250,217)
```
#fdfceb
```
#fdfceb rgb(253,252,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#babab9
```
#babab9 rgb(186,186,185)
```
#c0bfb3
```
#c0bfb3 rgb(192,191,179)
```
#c5c3ae
```
#c5c3ae rgb(197,195,174)
```
#cac8a9
```
#cac8a9 rgb(202,200,169)
```
#d0cda3
```
#d0cda3 rgb(208,205,163)
```
#d5d19e
```
#d5d19e rgb(213,209,158)
```
#dad699
```
#dad699 rgb(218,214,153)
```
#e0da93
```
#e0da93 rgb(224,218,147)
```
#e5df8e
```
#e5df8e rgb(229,223,142)
```
#eae489
```
#eae489 rgb(234,228,137)
```
#f0e883
```
#f0e883 rgb(240,232,131)
```
#f5ed7e
```
#f5ed7e rgb(245,237,126)
```
#faf279
```
#faf279 rgb(250,242,121)
```

Tone Color Variation

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

Dichromacy

#ffea91 Protanopia 1% of men
#ffe6cb Deuteranopia 1% of men
#ffe2f0 Tritanopia 0.001% of the population

Trichromacy

#fbeb8a Protanomaly 1% of men, 0.01% of women
#fbe8af Deuteranomaly 6% of men, 0.4% of women
#fbe6c6 Tritanomaly 0.01% of the population

#f5ed7e hex color

#f5ed7e Color Information

#f5ed7e Color Conversion

Color Schemes with #f5ed7e

Alternatives to #f5ed7e

#f5ed7e Preview

Shades and Tints of #f5ed7e

Tones of #f5ed7e

Color Blindness Simulator