#f5dfa1 hex color

In a RGB color space, hex #f5dfa1 is composed of 96.1% red, 87.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 34.3% yellow and 3.9% black. It has a hue angle of 44.3 degrees, a saturation of 80.8% and a lightness of 79.6%. #f5dfa1 color hex could be obtained by blending #ffffff with #ebbf43. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 96
- G 87
- B 63
RGB color chart
- C 0
- M 9
- Y 34
- K 4
CMYK color chart

● #f5dfa1 color description : Very soft orange.

The hexadecimal color #f5dfa1 has RGB values of R:245, G:223, B:161 and CMYK values of C:0, M:0.09, Y:0.34, K:0.04. Its decimal value is 16113569.

Hex triplet	f5dfa1	`#f5dfa1`
RGB Decimal	245, 223, 161	`rgb(245,223,161)`
RGB Percent	96.1, 87.5, 63.1	`rgb(96.1%,87.5%,63.1%)`
CMYK	0, 9, 34, 4
HSL	44.3°, 80.8, 79.6	`hsl(44.3,80.8%,79.6%)`
HSV (or HSB)	44.3°, 34.3, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	89.282, -1.245, 33.172
XYZ	70.476, 74.763, 44.434
xyY	0.372, 0.394, 74.763
CIE-LCH	89.282, 33.195, 92.15
CIE-LUV	89.282, 17.275, 45.732
Hunter-Lab	86.465, -5.822, 30.057
Binary	11110101, 11011111, 10100001

#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#a1b7f5
```
#a1b7f5 rgb(161,183,245)
```

Complementary Color

#f5b5a1
```
#f5b5a1 rgb(245,181,161)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#e1f5a1
```
#e1f5a1 rgb(225,245,161)
```

Analogous Color

#b5a1f5
```
#b5a1f5 rgb(181,161,245)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#a1e1f5
```
#a1e1f5 rgb(161,225,245)
```

Split Complementary Color

#dfa1f5
```
#dfa1f5 rgb(223,161,245)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#a1f5df
```
#a1f5df rgb(161,245,223)
```

Triadic Color

#f5a1b7
```
#f5a1b7 rgb(245,161,183)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#a1f5df
```
#a1f5df rgb(161,245,223)
```
#a1b7f5
```
#a1b7f5 rgb(161,183,245)
```

Tetradic Color

#eec75c
```
#eec75c rgb(238,199,92)
```
#f0cf73
```
#f0cf73 rgb(240,207,115)
```
#f3d78a
```
#f3d78a rgb(243,215,138)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#f7e7b8
```
#f7e7b8 rgb(247,231,184)
```
#faefcf
```
#faefcf rgb(250,239,207)
```
#fcf7e6
```
#fcf7e6 rgb(252,247,230)
```

Monochromatic Color

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

#f5caa1
```
#f5caa1 rgb(245,202,161)
```
#f5d1a1
```
#f5d1a1 rgb(245,209,161)
```
#f5d8a1
```
#f5d8a1 rgb(245,216,161)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#f5e6a1
```
#f5e6a1 rgb(245,230,161)
```
#f5eda1
```
#f5eda1 rgb(245,237,161)
```
#f5f4a1
```
#f5f4a1 rgb(245,244,161)
```

Similar Colors

Text with hexadecimal color #f5dfa1

This text has a font color of #f5dfa1.

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

#f5dfa1 background color

This paragraph has a background color of #f5dfa1.

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

#f5dfa1 border color

This element has a border color of #f5dfa1.

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

CSS codes

.text {color:#f5dfa1;}

.background {background-color:#f5dfa1;}

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

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

#0c0901
```
#0c0901 rgb(12,9,1)
```
#1e1703
```
#1e1703 rgb(30,23,3)
```
#302505
```
#302505 rgb(48,37,5)
```
#423207
```
#423207 rgb(66,50,7)
```
#534009
```
#534009 rgb(83,64,9)
```
#654d0b
```
#654d0b rgb(101,77,11)
```
#775b0d
```
#775b0d rgb(119,91,13)
```
#88690f
```
#88690f rgb(136,105,15)
```
#9a7610
```
#9a7610 rgb(154,118,16)
```
#ac8412
```
#ac8412 rgb(172,132,18)
```
#be9114
```
#be9114 rgb(190,145,20)
```
#cf9f16
```
#cf9f16 rgb(207,159,22)
```
#e1ac18
```
#e1ac18 rgb(225,172,24)
```

Shade Color Variation

#e8b525
```
#e8b525 rgb(232,181,37)
```
#eabb37
```
#eabb37 rgb(234,187,55)
```
#ecc148
```
#ecc148 rgb(236,193,72)
```
#edc75a
```
#edc75a rgb(237,199,90)
```
#efcd6c
```
#efcd6c rgb(239,205,108)
```
#f1d37e
```
#f1d37e rgb(241,211,126)
```
#f3d98f
```
#f3d98f rgb(243,217,143)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#f7e5b3
```
#f7e5b3 rgb(247,229,179)
```
#f9ebc4
```
#f9ebc4 rgb(249,235,196)
```
#fbf1d6
```
#fbf1d6 rgb(251,241,214)
```
#fdf7e8
```
#fdf7e8 rgb(253,247,232)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#cdccc9
```
#cdccc9 rgb(205,204,201)
```
#d1cec5
```
#d1cec5 rgb(209,206,197)
```
#d5d0c1
```
#d5d0c1 rgb(213,208,193)
```
#d9d2bd
```
#d9d2bd rgb(217,210,189)
```
#ddd4b9
```
#ddd4b9 rgb(221,212,185)
```
#e1d5b5
```
#e1d5b5 rgb(225,213,181)
```
#e5d7b1
```
#e5d7b1 rgb(229,215,177)
```
#e9d9ad
```
#e9d9ad rgb(233,217,173)
```
#eddba9
```
#eddba9 rgb(237,219,169)
```
#f1dda5
```
#f1dda5 rgb(241,221,165)
```
#f5dfa1
```
#f5dfa1 rgb(245,223,161)
```
#f9e19d
```
#f9e19d rgb(249,225,157)
```
#fde399
```
#fde399 rgb(253,227,153)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#e3dfd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e1a6 Protanopia 1% of men
#ffdbbb Deuteranopia 1% of men
#fdd7e7 Tritanopia 0.001% of the population

Trichromacy

#f3e0a4 Protanomaly 1% of men, 0.01% of women
#fbdcb2 Deuteranomaly 6% of men, 0.4% of women
#fadacd Tritanomaly 0.01% of the population

#f5dfa1 hex color

#f5dfa1 Color Information

#f5dfa1 Color Conversion

Color Schemes with #f5dfa1

Alternatives to #f5dfa1

#f5dfa1 Preview

Shades and Tints of #f5dfa1

Tones of #f5dfa1

Color Blindness Simulator