#f5d7ad hex color

In a RGB color space, hex #f5d7ad is composed of 96.1% red, 84.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 29.4% yellow and 3.9% black. It has a hue angle of 35 degrees, a saturation of 78.3% and a lightness of 82%. #f5d7ad color hex could be obtained by blending #ffffff with #ebaf5b. Closest websafe color is: #ffcc99.

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

● #f5d7ad color description : Very soft orange.

The hexadecimal color #f5d7ad has RGB values of R:245, G:215, B:173 and CMYK values of C:0, M:0.12, Y:0.29, K:0.04. Its decimal value is 16111533.

Hex triplet	f5d7ad	`#f5d7ad`
RGB Decimal	245, 215, 173	`rgb(245,215,173)`
RGB Percent	96.1, 84.3, 67.8	`rgb(96.1%,84.3%,67.8%)`
CMYK	0, 12, 29, 4
HSL	35°, 78.3, 82	`hsl(35,78.3%,82%)`
HSV (or HSB)	35°, 29.4, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	87.501, 4.33, 24.58
XYZ	69.499, 71.032, 49.583
xyY	0.366, 0.374, 71.032
CIE-LCH	87.501, 24.958, 80.01
CIE-LUV	87.501, 21.286, 33.736
Hunter-Lab	84.281, -0.298, 24.116
Binary	11110101, 11010111, 10101101

#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#adcbf5
```
#adcbf5 rgb(173,203,245)
```

Complementary Color

#f5b3ad
```
#f5b3ad rgb(245,179,173)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#eff5ad
```
#eff5ad rgb(239,245,173)
```

Analogous Color

#b3adf5
```
#b3adf5 rgb(179,173,245)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#adeff5
```
#adeff5 rgb(173,239,245)
```

Split Complementary Color

#d7adf5
```
#d7adf5 rgb(215,173,245)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#adf5d7
```
#adf5d7 rgb(173,245,215)
```

Triadic Color

#f5adcb
```
#f5adcb rgb(245,173,203)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#adf5d7
```
#adf5d7 rgb(173,245,215)
```
#adcbf5
```
#adcbf5 rgb(173,203,245)
```

Tetradic Color

#edb669
```
#edb669 rgb(237,182,105)
```
#efc180
```
#efc180 rgb(239,193,128)
```
#f2cc96
```
#f2cc96 rgb(242,204,150)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#f8e2c4
```
#f8e2c4 rgb(248,226,196)
```
#fbedda
```
#fbedda rgb(251,237,218)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Monochromatic Color

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

#f5c5ad
```
#f5c5ad rgb(245,197,173)
```
#f5cbad
```
#f5cbad rgb(245,203,173)
```
#f5d1ad
```
#f5d1ad rgb(245,209,173)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#f5ddad
```
#f5ddad rgb(245,221,173)
```
#f5e3ad
```
#f5e3ad rgb(245,227,173)
```
#f5e9ad
```
#f5e9ad rgb(245,233,173)
```

Similar Colors

Text with hexadecimal color #f5d7ad

This text has a font color of #f5d7ad.

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

#f5d7ad background color

This paragraph has a background color of #f5d7ad.

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

#f5d7ad border color

This element has a border color of #f5d7ad.

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

CSS codes

.text {color:#f5d7ad;}

.background {background-color:#f5d7ad;}

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

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, #050301 is the darkest color, while #fef9f3 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#170f03
```
#170f03 rgb(23,15,3)
```
#281a05
```
#281a05 rgb(40,26,5)
```
#3a2507
```
#3a2507 rgb(58,37,7)
```
#4b3009
```
#4b3009 rgb(75,48,9)
```
#5d3b0b
```
#5d3b0b rgb(93,59,11)
```
#6e460d
```
#6e460d rgb(110,70,13)
```
#805110
```
#805110 rgb(128,81,16)
```
#915c12
```
#915c12 rgb(145,92,18)
```
#a36714
```
#a36714 rgb(163,103,20)
```
#b47216
```
#b47216 rgb(180,114,22)
```
#c67d18
```
#c67d18 rgb(198,125,24)
```
#d7881a
```
#d7881a rgb(215,136,26)
```

Shade Color Variation

#e49321
```
#e49321 rgb(228,147,33)
```
#e69b33
```
#e69b33 rgb(230,155,51)
```
#e8a444
```
#e8a444 rgb(232,164,68)
```
#eaac56
```
#eaac56 rgb(234,172,86)
```
#ecb567
```
#ecb567 rgb(236,181,103)
```
#efbd79
```
#efbd79 rgb(239,189,121)
```
#f1c68a
```
#f1c68a rgb(241,198,138)
```
#f3ce9c
```
#f3ce9c rgb(243,206,156)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#f7e0be
```
#f7e0be rgb(247,224,190)
```
#f9e8d0
```
#f9e8d0 rgb(249,232,208)
```
#fbf1e1
```
#fbf1e1 rgb(251,241,225)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#d2d1d0
```
#d2d1d0 rgb(210,209,208)
```
#d5d2cd
```
#d5d2cd rgb(213,210,205)
```
#d9d2c9
```
#d9d2c9 rgb(217,210,201)
```
#dcd3c6
```
#dcd3c6 rgb(220,211,198)
```
#e0d3c2
```
#e0d3c2 rgb(224,211,194)
```
#e3d4bf
```
#e3d4bf rgb(227,212,191)
```
#e7d5bb
```
#e7d5bb rgb(231,213,187)
```
#ead5b8
```
#ead5b8 rgb(234,213,184)
```
#eed6b4
```
#eed6b4 rgb(238,214,180)
```
#f1d6b1
```
#f1d6b1 rgb(241,214,177)
```
#f5d7ad
```
#f5d7ad rgb(245,215,173)
```
#f9d8a9
```
#f9d8a9 rgb(249,216,169)
```
#fcd8a6
```
#fcd8a6 rgb(252,216,166)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e0dad2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadcb2 Protanopia 1% of men
#ffd5b4 Deuteranopia 1% of men
#fbd2e1 Tritanopia 0.001% of the population

Trichromacy

#eedab0 Protanomaly 1% of men, 0.01% of women
#fbd5b1 Deuteranomaly 6% of men, 0.4% of women
#f9d4ce Tritanomaly 0.01% of the population

#f5d7ad hex color

#f5d7ad Color Information

#f5d7ad Color Conversion

Color Schemes with #f5d7ad

Alternatives to #f5d7ad

#f5d7ad Preview

Shades and Tints of #f5d7ad

Tones of #f5d7ad

Color Blindness Simulator