#f5c48d hex color

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

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

● #f5c48d color description : Very soft orange.

The hexadecimal color #f5c48d has RGB values of R:245, G:196, B:141 and CMYK values of C:0, M:0.2, Y:0.42, K:0.04. Its decimal value is 16106637.

Hex triplet	f5c48d	`#f5c48d`
RGB Decimal	245, 196, 141	`rgb(245,196,141)`
RGB Percent	96.1, 76.9, 55.3	`rgb(96.1%,76.9%,55.3%)`
CMYK	0, 20, 42, 4
HSL	31.7°, 83.9, 75.7	`hsl(31.7,83.9%,75.7%)`
HSV (or HSB)	31.7°, 42.4, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.281, 10.483, 34.216
XYZ	62.204, 60.818, 33.66
xyY	0.397, 0.388, 60.818
CIE-LCH	82.281, 35.786, 72.966
CIE-LUV	82.281, 35.854, 43.451
Hunter-Lab	77.986, 5.902, 28.999
Binary	11110101, 11000100, 10001101

#f5c48d
```
#f5c48d rgb(245,196,141)
```
#8dbef5
```
#8dbef5 rgb(141,190,245)
```

Complementary Color

#f5908d
```
#f5908d rgb(245,144,141)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#f2f58d
```
#f2f58d rgb(242,245,141)
```

Analogous Color

#908df5
```
#908df5 rgb(144,141,245)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#8df2f5
```
#8df2f5 rgb(141,242,245)
```

Split Complementary Color

#c48df5
```
#c48df5 rgb(196,141,245)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#8df5c4
```
#8df5c4 rgb(141,245,196)
```

Triadic Color

#f58dbe
```
#f58dbe rgb(245,141,190)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#8df5c4
```
#8df5c4 rgb(141,245,196)
```
#8dbef5
```
#8dbef5 rgb(141,190,245)
```

Tetradic Color

#efa047
```
#efa047 rgb(239,160,71)
```
#f1ac5e
```
#f1ac5e rgb(241,172,94)
```
#f3b876
```
#f3b876 rgb(243,184,118)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#f7d0a4
```
#f7d0a4 rgb(247,208,164)
```
#f9dcbc
```
#f9dcbc rgb(249,220,188)
```
#fbe8d3
```
#fbe8d3 rgb(251,232,211)
```

Monochromatic Color

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

#f5aa8d
```
#f5aa8d rgb(245,170,141)
```
#f5b38d
```
#f5b38d rgb(245,179,141)
```
#f5bb8d
```
#f5bb8d rgb(245,187,141)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#f5cd8d
```
#f5cd8d rgb(245,205,141)
```
#f5d58d
```
#f5d58d rgb(245,213,141)
```
#f5de8d
```
#f5de8d rgb(245,222,141)
```

Similar Colors

Text with hexadecimal color #f5c48d

This text has a font color of #f5c48d.

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

#f5c48d background color

This paragraph has a background color of #f5c48d.

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

#f5c48d border color

This element has a border color of #f5c48d.

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

CSS codes

.text {color:#f5c48d;}

.background {background-color:#f5c48d;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1e1103
```
#1e1103 rgb(30,17,3)
```
#301c04
```
#301c04 rgb(48,28,4)
```
#422606
```
#422606 rgb(66,38,6)
```
#543007
```
#543007 rgb(84,48,7)
```
#663a09
```
#663a09 rgb(102,58,9)
```
#78450b
```
#78450b rgb(120,69,11)
```
#8a4f0c
```
#8a4f0c rgb(138,79,12)
```
#9d590e
```
#9d590e rgb(157,89,14)
```
#af640f
```
#af640f rgb(175,100,15)
```
#c16e11
```
#c16e11 rgb(193,110,17)
```
#d37812
```
#d37812 rgb(211,120,18)
```
#e58214
```
#e58214 rgb(229,130,20)
```

Shade Color Variation

#ec8c21
```
#ec8c21 rgb(236,140,33)
```
#ed9533
```
#ed9533 rgb(237,149,51)
```
#ef9f45
```
#ef9f45 rgb(239,159,69)
```
#f0a857
```
#f0a857 rgb(240,168,87)
```
#f2b169
```
#f2b169 rgb(242,177,105)
```
#f3bb7b
```
#f3bb7b rgb(243,187,123)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#f7cd9f
```
#f7cd9f rgb(247,205,159)
```
#f8d7b1
```
#f8d7b1 rgb(248,215,177)
```
#fae0c3
```
#fae0c3 rgb(250,224,195)
```
#fbe9d5
```
#fbe9d5 rgb(251,233,213)
```
#fdf3e7
```
#fdf3e7 rgb(253,243,231)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#c5c1bd
```
#c5c1bd rgb(197,193,189)
```
#cac2b8
```
#cac2b8 rgb(202,194,184)
```
#cfc2b3
```
#cfc2b3 rgb(207,194,179)
```
#d4c2ae
```
#d4c2ae rgb(212,194,174)
```
#d8c2aa
```
#d8c2aa rgb(216,194,170)
```
#ddc3a5
```
#ddc3a5 rgb(221,195,165)
```
#e2c3a0
```
#e2c3a0 rgb(226,195,160)
```
#e7c39b
```
#e7c39b rgb(231,195,155)
```
#ebc397
```
#ebc397 rgb(235,195,151)
```
#f0c492
```
#f0c492 rgb(240,196,146)
```
#f5c48d
```
#f5c48d rgb(245,196,141)
```
#fac488
```
#fac488 rgb(250,196,136)
```
#ffc583
```
#ffc583 rgb(255,197,131)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4cabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#decf96 Protanopia 1% of men
#f5c692 Deuteranopia 1% of men
#fbbfcc Tritanopia 0.001% of the population

Trichromacy

#e6cb92 Protanomaly 1% of men, 0.01% of women
#f5c590 Deuteranomaly 6% of men, 0.4% of women
#f9c1b5 Tritanomaly 0.01% of the population

#f5c48d hex color

#f5c48d Color Information

#f5c48d Color Conversion

Color Schemes with #f5c48d

Alternatives to #f5c48d

#f5c48d Preview

Shades and Tints of #f5c48d

Tones of #f5c48d

Color Blindness Simulator