#f5f48e hex color

In a RGB color space, hex #f5f48e is composed of 96.1% red, 95.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.4% magenta, 42% yellow and 3.9% black. It has a hue angle of 59.4 degrees, a saturation of 83.7% and a lightness of 75.9%. #f5f48e color hex could be obtained by blending #ffffff with #ebe91d. Closest websafe color is: #ffff99.

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

● #f5f48e color description : Very soft yellow.

The hexadecimal color #f5f48e has RGB values of R:245, G:244, B:142 and CMYK values of C:0, M:0, Y:0.42, K:0.04. Its decimal value is 16118926.

Hex triplet	f5f48e	`#f5f48e`
RGB Decimal	245, 244, 142	`rgb(245,244,142)`
RGB Percent	96.1, 95.7, 55.7	`rgb(96.1%,95.7%,55.7%)`
CMYK	0, 0, 42, 4
HSL	59.4°, 83.7, 75.9	`hsl(59.4,83.7%,75.9%)`
HSV (or HSB)	59.4°, 42, 96.1
Web Safe	ffff99	`#ffff99`

CIE-LAB	94.341, -13.8, 49.115
XYZ	74.889, 86.068, 38.257
xyY	0.376, 0.432, 86.068
CIE-LCH	94.341, 51.017, 105.694
CIE-LUV	94.341, 5.481, 67.22
Hunter-Lab	92.773, -18.262, 40.491
Binary	11110101, 11110100, 10001110

#f5f48e
```
#f5f48e rgb(245,244,142)
```
#8e8ff5
```
#8e8ff5 rgb(142,143,245)
```

Complementary Color

#f5c18e
```
#f5c18e rgb(245,193,142)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#c3f58e
```
#c3f58e rgb(195,245,142)
```

Analogous Color

#c18ef5
```
#c18ef5 rgb(193,142,245)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#8ec3f5
```
#8ec3f5 rgb(142,195,245)
```

Split Complementary Color

#f48ef5
```
#f48ef5 rgb(244,142,245)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#8ef5f4
```
#8ef5f4 rgb(142,245,244)
```

Triadic Color

#f58e8f
```
#f58e8f rgb(245,142,143)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#8ef5f4
```
#8ef5f4 rgb(142,245,244)
```
#8e8ff5
```
#8e8ff5 rgb(142,143,245)
```

Tetradic Color

#efed48
```
#efed48 rgb(239,237,72)
```
#f1ef5f
```
#f1ef5f rgb(241,239,95)
```
#f3f277
```
#f3f277 rgb(243,242,119)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#f7f6a5
```
#f7f6a5 rgb(247,246,165)
```
#f9f9bd
```
#f9f9bd rgb(249,249,189)
```
#fbfbd4
```
#fbfbd4 rgb(251,251,212)
```

Monochromatic Color

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

#f5da8e
```
#f5da8e rgb(245,218,142)
```
#f5e38e
```
#f5e38e rgb(245,227,142)
```
#f5eb8e
```
#f5eb8e rgb(245,235,142)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#edf58e
```
#edf58e rgb(237,245,142)
```
#e5f58e
```
#e5f58e rgb(229,245,142)
```
#dcf58e
```
#dcf58e rgb(220,245,142)
```

Similar Colors

Text with hexadecimal color #f5f48e

This text has a font color of #f5f48e.

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

#f5f48e background color

This paragraph has a background color of #f5f48e.

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

#f5f48e border color

This element has a border color of #f5f48e.

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

CSS codes

.text {color:#f5f48e;}

.background {background-color:#f5f48e;}

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

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

#0d0d01
```
#0d0d01 rgb(13,13,1)
```
#1f1f03
```
#1f1f03 rgb(31,31,3)
```
#313104
```
#313104 rgb(49,49,4)
```
#434306
```
#434306 rgb(67,67,6)
```
#555408
```
#555408 rgb(85,84,8)
```
#676609
```
#676609 rgb(103,102,9)
```
#79780b
```
#79780b rgb(121,120,11)
```
#8b8a0c
```
#8b8a0c rgb(139,138,12)
```
#9d9c0e
```
#9d9c0e rgb(157,156,14)
```
#afae10
```
#afae10 rgb(175,174,16)
```
#c1c011
```
#c1c011 rgb(193,192,17)
```
#d3d213
```
#d3d213 rgb(211,210,19)
```
#e5e314
```
#e5e314 rgb(229,227,20)
```

Shade Color Variation

#ebe922
```
#ebe922 rgb(235,233,34)
```
#edeb34
```
#edeb34 rgb(237,235,52)
```
#efed46
```
#efed46 rgb(239,237,70)
```
#f0ef58
```
#f0ef58 rgb(240,239,88)
```
#f2f06a
```
#f2f06a rgb(242,240,106)
```
#f3f27c
```
#f3f27c rgb(243,242,124)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#f7f6a0
```
#f7f6a0 rgb(247,246,160)
```
#f8f8b2
```
#f8f8b2 rgb(248,248,178)
```
#faf9c4
```
#faf9c4 rgb(250,249,196)
```
#fbfbd6
```
#fbfbd6 rgb(251,251,214)
```
#fdfde8
```
#fdfde8 rgb(253,253,232)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

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

#c6c6bd
```
#c6c6bd rgb(198,198,189)
```
#cacab9
```
#cacab9 rgb(202,202,185)
```
#cfcfb4
```
#cfcfb4 rgb(207,207,180)
```
#d4d4af
```
#d4d4af rgb(212,212,175)
```
#d9d8aa
```
#d9d8aa rgb(217,216,170)
```
#dddda6
```
#dddda6 rgb(221,221,166)
```
#e2e1a1
```
#e2e1a1 rgb(226,225,161)
```
#e7e69c
```
#e7e69c rgb(231,230,156)
```
#eceb97
```
#eceb97 rgb(236,235,151)
```
#f0ef93
```
#f0ef93 rgb(240,239,147)
```
#f5f48e
```
#f5f48e rgb(245,244,142)
```
#faf989
```
#faf989 rgb(250,249,137)
```
#fefd85
```
#fefd85 rgb(254,253,133)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#ebebd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb6 Protanopia 1% of men
#ffecda Deuteranopia 1% of men
#ffe9f7 Tritanopia 0.001% of the population

Trichromacy

#fbf1a7 Protanomaly 1% of men, 0.01% of women
#fbefbe Deuteranomaly 6% of men, 0.4% of women
#fbedd1 Tritanomaly 0.01% of the population

#f5f48e hex color

#f5f48e Color Information

#f5f48e Color Conversion

Color Schemes with #f5f48e

Alternatives to #f5f48e

#f5f48e Preview

Shades and Tints of #f5f48e

Tones of #f5f48e

Color Blindness Simulator