#f5c48c hex color

In a RGB color space, hex #f5c48c is composed of 96.1% red, 76.9% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 42.9% yellow and 3.9% black. It has a hue angle of 32 degrees, a saturation of 84% and a lightness of 75.5%. #f5c48c color hex could be obtained by blending #ffffff with #eb8919. Closest websafe color is: #ffcc99.

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

● #f5c48c color description : Very soft orange.

The hexadecimal color #f5c48c has RGB values of R:245, G:196, B:140 and CMYK values of C:0, M:0.2, Y:0.43, K:0.04. Its decimal value is 16106636.

Hex triplet	f5c48c	`#f5c48c`
RGB Decimal	245, 196, 140	`rgb(245,196,140)`
RGB Percent	96.1, 76.9, 54.9	`rgb(96.1%,76.9%,54.9%)`
CMYK	0, 20, 43, 4
HSL	32°, 84, 75.5	`hsl(32,84%,75.5%)`
HSV (or HSB)	32°, 42.9, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.265, 10.379, 34.713
XYZ	62.13, 60.788, 33.27
xyY	0.398, 0.389, 60.788
CIE-LCH	82.265, 36.232, 73.353
CIE-LUV	82.265, 35.941, 44.033
Hunter-Lab	77.967, 5.8, 29.276
Binary	11110101, 11000100, 10001100

#f5c48c
```
#f5c48c rgb(245,196,140)
```
#8cbdf5
```
#8cbdf5 rgb(140,189,245)
```

Complementary Color

#f5908c
```
#f5908c rgb(245,144,140)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#f2f58c
```
#f2f58c rgb(242,245,140)
```

Analogous Color

#908cf5
```
#908cf5 rgb(144,140,245)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#8cf2f5
```
#8cf2f5 rgb(140,242,245)
```

Split Complementary Color

#c48cf5
```
#c48cf5 rgb(196,140,245)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#8cf5c4
```
#8cf5c4 rgb(140,245,196)
```

Triadic Color

#f58cbd
```
#f58cbd rgb(245,140,189)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#8cf5c4
```
#8cf5c4 rgb(140,245,196)
```
#8cbdf5
```
#8cbdf5 rgb(140,189,245)
```

Tetradic Color

#efa046
```
#efa046 rgb(239,160,70)
```
#f1ac5d
```
#f1ac5d rgb(241,172,93)
```
#f3b875
```
#f3b875 rgb(243,184,117)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#f7d0a3
```
#f7d0a3 rgb(247,208,163)
```
#f9dcbb
```
#f9dcbb rgb(249,220,187)
```
#fbe8d2
```
#fbe8d2 rgb(251,232,210)
```

Monochromatic Color

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

#f5aa8c
```
#f5aa8c rgb(245,170,140)
```
#f5b38c
```
#f5b38c rgb(245,179,140)
```
#f5bb8c
```
#f5bb8c rgb(245,187,140)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#f5cd8c
```
#f5cd8c rgb(245,205,140)
```
#f5d68c
```
#f5d68c rgb(245,214,140)
```
#f5de8c
```
#f5de8c rgb(245,222,140)
```

Similar Colors

Text with hexadecimal color #f5c48c

This text has a font color of #f5c48c.

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

#f5c48c background color

This paragraph has a background color of #f5c48c.

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

#f5c48c border color

This element has a border color of #f5c48c.

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

CSS codes

.text {color:#f5c48c;}

.background {background-color:#f5c48c;}

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

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

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d1103
```
#1d1103 rgb(29,17,3)
```
#2f1b04
```
#2f1b04 rgb(47,27,4)
```
#412606
```
#412606 rgb(65,38,6)
```
#543007
```
#543007 rgb(84,48,7)
```
#663a09
```
#663a09 rgb(102,58,9)
```
#78450a
```
#78450a rgb(120,69,10)
```
#8a4f0c
```
#8a4f0c rgb(138,79,12)
```
#9c590e
```
#9c590e rgb(156,89,14)
```
#ae640f
```
#ae640f rgb(174,100,15)
```
#c06e11
```
#c06e11 rgb(192,110,17)
```
#d27812
```
#d27812 rgb(210,120,18)
```
#e48314
```
#e48314 rgb(228,131,20)
```

Shade Color Variation

#ec8c20
```
#ec8c20 rgb(236,140,32)
```
#ed9632
```
#ed9632 rgb(237,150,50)
```
#ef9f44
```
#ef9f44 rgb(239,159,68)
```
#f0a856
```
#f0a856 rgb(240,168,86)
```
#f2b168
```
#f2b168 rgb(242,177,104)
```
#f3bb7a
```
#f3bb7a rgb(243,187,122)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#f7cd9e
```
#f7cd9e rgb(247,205,158)
```
#f8d7b0
```
#f8d7b0 rgb(248,215,176)
```
#fae0c2
```
#fae0c2 rgb(250,224,194)
```
#fbe9d4
```
#fbe9d4 rgb(251,233,212)
```
#fdf2e6
```
#fdf2e6 rgb(253,242,230)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#c5c1bc
```
#c5c1bc rgb(197,193,188)
```
#cac1b7
```
#cac1b7 rgb(202,193,183)
```
#cfc1b2
```
#cfc1b2 rgb(207,193,178)
```
#d3c2ae
```
#d3c2ae rgb(211,194,174)
```
#d8c2a9
```
#d8c2a9 rgb(216,194,169)
```
#ddc2a4
```
#ddc2a4 rgb(221,194,164)
```
#e2c39f
```
#e2c39f rgb(226,195,159)
```
#e7c39a
```
#e7c39a rgb(231,195,154)
```
#ebc396
```
#ebc396 rgb(235,195,150)
```
#f0c491
```
#f0c491 rgb(240,196,145)
```
#f5c48c
```
#f5c48c rgb(245,196,140)
```
#fac487
```
#fac487 rgb(250,196,135)
```
#ffc582
```
#ffc582 rgb(255,197,130)
```

Tone Color Variation

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

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

Trichromacy

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

#f5c48c hex color

#f5c48c Color Information

#f5c48c Color Conversion

Color Schemes with #f5c48c

Alternatives to #f5c48c

#f5c48c Preview

Shades and Tints of #f5c48c

Tones of #f5c48c

Color Blindness Simulator