#f5ae8e hex color

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

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

● #f5ae8e color description : Very soft orange.

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

Hex triplet	f5ae8e	`#f5ae8e`
RGB Decimal	245, 174, 142	`rgb(245,174,142)`
RGB Percent	96.1, 68.2, 55.7	`rgb(96.1%,68.2%,55.7%)`
CMYK	0, 29, 42, 4
HSL	18.6°, 83.7, 75.9	`hsl(18.6,83.7%,75.9%)`
HSV (or HSB)	18.6°, 42, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	77.065, 22.161, 26.77
XYZ	57.675, 51.641, 32.52
xyY	0.407, 0.364, 51.641
CIE-LCH	77.065, 34.752, 50.381
CIE-LUV	77.065, 50.36, 31.554
Hunter-Lab	71.861, 17.505, 23.472
Binary	11110101, 10101110, 10001110

#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#8ed5f5
```
#8ed5f5 rgb(142,213,245)
```

Complementary Color

#f58ea2
```
#f58ea2 rgb(245,142,162)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#f5e28e
```
#f5e28e rgb(245,226,142)
```

Analogous Color

#8ea2f5
```
#8ea2f5 rgb(142,162,245)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#8ef5e2
```
#8ef5e2 rgb(142,245,226)
```

Split Complementary Color

#ae8ef5
```
#ae8ef5 rgb(174,142,245)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#8ef5ae
```
#8ef5ae rgb(142,245,174)
```

Triadic Color

#f58ed5
```
#f58ed5 rgb(245,142,213)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#8ef5ae
```
#8ef5ae rgb(142,245,174)
```
#8ed5f5
```
#8ed5f5 rgb(142,213,245)
```

Tetradic Color

#ef7c48
```
#ef7c48 rgb(239,124,72)
```
#f18c5f
```
#f18c5f rgb(241,140,95)
```
#f39d77
```
#f39d77 rgb(243,157,119)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#f7bfa5
```
#f7bfa5 rgb(247,191,165)
```
#f9d0bd
```
#f9d0bd rgb(249,208,189)
```
#fbe0d4
```
#fbe0d4 rgb(251,224,212)
```

Monochromatic Color

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

#f5948e
```
#f5948e rgb(245,148,142)
```
#f59d8e
```
#f59d8e rgb(245,157,142)
```
#f5a58e
```
#f5a58e rgb(245,165,142)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#f5b78e
```
#f5b78e rgb(245,183,142)
```
#f5bf8e
```
#f5bf8e rgb(245,191,142)
```
#f5c88e
```
#f5c88e rgb(245,200,142)
```

Similar Colors

Text with hexadecimal color #f5ae8e

This text has a font color of #f5ae8e.

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

#f5ae8e background color

This paragraph has a background color of #f5ae8e.

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

#f5ae8e border color

This element has a border color of #f5ae8e.

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

CSS codes

.text {color:#f5ae8e;}

.background {background-color:#f5ae8e;}

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

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

#0d0501
```
#0d0501 rgb(13,5,1)
```
#1f0c03
```
#1f0c03 rgb(31,12,3)
```
#311204
```
#311204 rgb(49,18,4)
```
#431906
```
#431906 rgb(67,25,6)
```
#552008
```
#552008 rgb(85,32,8)
```
#672609
```
#672609 rgb(103,38,9)
```
#792d0b
```
#792d0b rgb(121,45,11)
```
#8b340c
```
#8b340c rgb(139,52,12)
```
#9d3a0e
```
#9d3a0e rgb(157,58,14)
```
#af4110
```
#af4110 rgb(175,65,16)
```
#c14811
```
#c14811 rgb(193,72,17)
```
#d34f13
```
#d34f13 rgb(211,79,19)
```
#e55514
```
#e55514 rgb(229,85,20)
```

Shade Color Variation

#eb6022
```
#eb6022 rgb(235,96,34)
```
#ed6d34
```
#ed6d34 rgb(237,109,52)
```
#ef7a46
```
#ef7a46 rgb(239,122,70)
```
#f08758
```
#f08758 rgb(240,135,88)
```
#f2946a
```
#f2946a rgb(242,148,106)
```
#f3a17c
```
#f3a17c rgb(243,161,124)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#f7bba0
```
#f7bba0 rgb(247,187,160)
```
#f8c8b2
```
#f8c8b2 rgb(248,200,178)
```
#fad5c4
```
#fad5c4 rgb(250,213,196)
```
#fbe2d6
```
#fbe2d6 rgb(251,226,214)
```
#fdefe8
```
#fdefe8 rgb(253,239,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#c6c0bd
```
#c6c0bd rgb(198,192,189)
```
#cabeb9
```
#cabeb9 rgb(202,190,185)
```
#cfbcb4
```
#cfbcb4 rgb(207,188,180)
```
#d4bbaf
```
#d4bbaf rgb(212,187,175)
```
#d9b9aa
```
#d9b9aa rgb(217,185,170)
```
#ddb7a6
```
#ddb7a6 rgb(221,183,166)
```
#e2b5a1
```
#e2b5a1 rgb(226,181,161)
```
#e7b39c
```
#e7b39c rgb(231,179,156)
```
#ecb297
```
#ecb297 rgb(236,178,151)
```
#f0b093
```
#f0b093 rgb(240,176,147)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#faac89
```
#faac89 rgb(250,172,137)
```
#feaa85
```
#feaa85 rgb(254,170,133)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cbbcb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc19a Protanopia 1% of men
#e3ba91 Deuteranopia 1% of men
#f9acb8 Tritanopia 0.001% of the population

Trichromacy

#dcba95 Protanomaly 1% of men, 0.01% of women
#e9b590 Deuteranomaly 6% of men, 0.4% of women
#f7ada9 Tritanomaly 0.01% of the population

#f5ae8e hex color

#f5ae8e Color Information

#f5ae8e Color Conversion

Color Schemes with #f5ae8e

Alternatives to #f5ae8e

#f5ae8e Preview

Shades and Tints of #f5ae8e

Tones of #f5ae8e

Color Blindness Simulator