#f5e48d hex color

In a RGB color space, hex #f5e48d is composed of 96.1% red, 89.4% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 42.4% yellow and 3.9% black. It has a hue angle of 50.2 degrees, a saturation of 83.9% and a lightness of 75.7%. #f5e48d color hex could be obtained by blending #ffffff with #ebc91b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 96
- G 89
- B 55
RGB color chart
- C 0
- M 7
- Y 42
- K 4
CMYK color chart

● #f5e48d color description : Very soft yellow.

The hexadecimal color #f5e48d has RGB values of R:245, G:228, B:141 and CMYK values of C:0, M:0.07, Y:0.42, K:0.04. Its decimal value is 16114829.

Hex triplet	f5e48d	`#f5e48d`
RGB Decimal	245, 228, 141	`rgb(245,228,141)`
RGB Percent	96.1, 89.4, 55.3	`rgb(96.1%,89.4%,55.3%)`
CMYK	0, 7, 42, 4
HSL	50.2°, 83.9, 75.7	`hsl(50.2,83.9%,75.7%)`
HSV (or HSB)	50.2°, 42.4, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	90.24, -5.955, 44.458
XYZ	70.207, 76.824, 36.328
xyY	0.383, 0.419, 76.824
CIE-LCH	90.24, 44.855, 97.629
CIE-LUV	90.24, 15.325, 59.735
Hunter-Lab	87.649, -10.408, 36.78
Binary	11110101, 11100100, 10001101

#f5e48d
```
#f5e48d rgb(245,228,141)
```
#8d9ef5
```
#8d9ef5 rgb(141,158,245)
```

Complementary Color

#f5b08d
```
#f5b08d rgb(245,176,141)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#d2f58d
```
#d2f58d rgb(210,245,141)
```

Analogous Color

#b08df5
```
#b08df5 rgb(176,141,245)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#8dd2f5
```
#8dd2f5 rgb(141,210,245)
```

Split Complementary Color

#e48df5
```
#e48df5 rgb(228,141,245)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#8df5e4
```
#8df5e4 rgb(141,245,228)
```

Triadic Color

#f58d9e
```
#f58d9e rgb(245,141,158)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#8df5e4
```
#8df5e4 rgb(141,245,228)
```
#8d9ef5
```
#8d9ef5 rgb(141,158,245)
```

Tetradic Color

#efd347
```
#efd347 rgb(239,211,71)
```
#f1d95e
```
#f1d95e rgb(241,217,94)
```
#f3de76
```
#f3de76 rgb(243,222,118)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#f7eaa4
```
#f7eaa4 rgb(247,234,164)
```
#f9efbc
```
#f9efbc rgb(249,239,188)
```
#fbf5d3
```
#fbf5d3 rgb(251,245,211)
```

Monochromatic Color

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

#f5ca8d
```
#f5ca8d rgb(245,202,141)
```
#f5d38d
```
#f5d38d rgb(245,211,141)
```
#f5db8d
```
#f5db8d rgb(245,219,141)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#f5ed8d
```
#f5ed8d rgb(245,237,141)
```
#f5f58d
```
#f5f58d rgb(245,245,141)
```
#ecf58d
```
#ecf58d rgb(236,245,141)
```

Similar Colors

Text with hexadecimal color #f5e48d

This text has a font color of #f5e48d.

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

#f5e48d background color

This paragraph has a background color of #f5e48d.

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

#f5e48d border color

This element has a border color of #f5e48d.

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

CSS codes

.text {color:#f5e48d;}

.background {background-color:#f5e48d;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1a03
```
#1e1a03 rgb(30,26,3)
```
#302904
```
#302904 rgb(48,41,4)
```
#423806
```
#423806 rgb(66,56,6)
```
#544807
```
#544807 rgb(84,72,7)
```
#665709
```
#665709 rgb(102,87,9)
```
#78660b
```
#78660b rgb(120,102,11)
```
#8a760c
```
#8a760c rgb(138,118,12)
```
#9d850e
```
#9d850e rgb(157,133,14)
```
#af950f
```
#af950f rgb(175,149,15)
```
#c1a411
```
#c1a411 rgb(193,164,17)
```
#d3b312
```
#d3b312 rgb(211,179,18)
```
#e5c314
```
#e5c314 rgb(229,195,20)
```

Shade Color Variation

#ecca21
```
#ecca21 rgb(236,202,33)
```
#edcf33
```
#edcf33 rgb(237,207,51)
```
#efd345
```
#efd345 rgb(239,211,69)
```
#f0d757
```
#f0d757 rgb(240,215,87)
```
#f2db69
```
#f2db69 rgb(242,219,105)
```
#f3e07b
```
#f3e07b rgb(243,224,123)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#f7e89f
```
#f7e89f rgb(247,232,159)
```
#f8edb1
```
#f8edb1 rgb(248,237,177)
```
#faf1c3
```
#faf1c3 rgb(250,241,195)
```
#fbf5d5
```
#fbf5d5 rgb(251,245,213)
```
#fdf9e7
```
#fdf9e7 rgb(253,249,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#c5c4bd
```
#c5c4bd rgb(197,196,189)
```
#cac7b8
```
#cac7b8 rgb(202,199,184)
```
#cfcab3
```
#cfcab3 rgb(207,202,179)
```
#d4ceae
```
#d4ceae rgb(212,206,174)
```
#d8d1aa
```
#d8d1aa rgb(216,209,170)
```
#ddd4a5
```
#ddd4a5 rgb(221,212,165)
```
#e2d7a0
```
#e2d7a0 rgb(226,215,160)
```
#e7da9b
```
#e7da9b rgb(231,218,155)
```
#ebde97
```
#ebde97 rgb(235,222,151)
```
#f0e192
```
#f0e192 rgb(240,225,146)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#fae788
```
#fae788 rgb(250,231,136)
```
#ffea83
```
#ffea83 rgb(255,234,131)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#e3e0cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e492 Protanopia 1% of men
#ffdfbe Deuteranopia 1% of men
#ffdbe9 Tritanopia 0.001% of the population

Trichromacy

#f7e490 Protanomaly 1% of men, 0.01% of women
#fbe0ac Deuteranomaly 6% of men, 0.4% of women
#fbdec8 Tritanomaly 0.01% of the population

#f5e48d hex color

#f5e48d Color Information

#f5e48d Color Conversion

Color Schemes with #f5e48d

Alternatives to #f5e48d

#f5e48d Preview

Shades and Tints of #f5e48d

Tones of #f5e48d

Color Blindness Simulator