#f5d3dd hex color

In a RGB color space, hex #f5d3dd is composed of 96.1% red, 82.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 342.4 degrees, a saturation of 63% and a lightness of 89.4%. #f5d3dd color hex could be obtained by blending #ffffff with #eba7bb. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 96
- G 83
- B 87
RGB color chart
- C 0
- M 14
- Y 10
- K 4
CMYK color chart

● #f5d3dd color description : Light grayish pink.

The hexadecimal color #f5d3dd has RGB values of R:245, G:211, B:221 and CMYK values of C:0, M:0.14, Y:0.1, K:0.04. Its decimal value is 16110557.

Hex triplet	f5d3dd	`#f5d3dd`
RGB Decimal	245, 211, 221	`rgb(245,211,221)`
RGB Percent	96.1, 82.7, 86.7	`rgb(96.1%,82.7%,86.7%)`
CMYK	0, 14, 10, 4
HSL	342.4°, 63, 89.4	`hsl(342.4,63%,89.4%)`
HSV (or HSB)	342.4°, 13.9, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	87.593, 13.453, -0.538
XYZ	74, 71.223, 78.252
xyY	0.331, 0.319, 71.223
CIE-LCH	87.593, 13.463, 357.712
CIE-LUV	87.593, 19.477, -3.258
Hunter-Lab	84.394, 8.827, 4.1
Binary	11110101, 11010011, 11011101

#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#d3f5eb
```
#d3f5eb rgb(211,245,235)
```

Complementary Color

#f5d3ee
```
#f5d3ee rgb(245,211,238)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#f5dad3
```
#f5dad3 rgb(245,218,211)
```

Analogous Color

#d3eef5
```
#d3eef5 rgb(211,238,245)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#d3f5da
```
#d3f5da rgb(211,245,218)
```

Split Complementary Color

#d3ddf5
```
#d3ddf5 rgb(211,221,245)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#ddf5d3
```
#ddf5d3 rgb(221,245,211)
```

Triadic Color

#ebd3f5
```
#ebd3f5 rgb(235,211,245)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#ddf5d3
```
#ddf5d3 rgb(221,245,211)
```
#d3f5eb
```
#d3f5eb rgb(211,245,235)
```

Tetradic Color

#e795ad
```
#e795ad rgb(231,149,173)
```
#eca9bd
```
#eca9bd rgb(236,169,189)
```
#f0becd
```
#f0becd rgb(240,190,205)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#fae8ed
```
#fae8ed rgb(250,232,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5d3e6
```
#f5d3e6 rgb(245,211,230)
```
#f5d3e3
```
#f5d3e3 rgb(245,211,227)
```
#f5d3e0
```
#f5d3e0 rgb(245,211,224)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#f5d3da
```
#f5d3da rgb(245,211,218)
```
#f5d3d7
```
#f5d3d7 rgb(245,211,215)
```
#f5d3d5
```
#f5d3d5 rgb(245,211,213)
```

Similar Colors

Text with hexadecimal color #f5d3dd

This text has a font color of #f5d3dd.

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

#f5d3dd background color

This paragraph has a background color of #f5d3dd.

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

#f5d3dd border color

This element has a border color of #f5d3dd.

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

CSS codes

.text {color:#f5d3dd;}

.background {background-color:#f5d3dd;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#140509
```
#140509 rgb(20,5,9)
```
#240810
```
#240810 rgb(36,8,16)
```
#340c18
```
#340c18 rgb(52,12,24)
```
#440f1f
```
#440f1f rgb(68,15,31)
```
#541326
```
#541326 rgb(84,19,38)
```
#64172d
```
#64172d rgb(100,23,45)
```
#741a35
```
#741a35 rgb(116,26,53)
```
#841e3c
```
#841e3c rgb(132,30,60)
```
#942243
```
#942243 rgb(148,34,67)
```
#a4254a
```
#a4254a rgb(164,37,74)
```
#b42952
```
#b42952 rgb(180,41,82)
```
#c42c59
```
#c42c59 rgb(196,44,89)
```

Shade Color Variation

#d13361
```
#d13361 rgb(209,51,97)
```
#d4436e
```
#d4436e rgb(212,67,110)
```
#d8537a
```
#d8537a rgb(216,83,122)
```
#dc6387
```
#dc6387 rgb(220,99,135)
```
#df7393
```
#df7393 rgb(223,115,147)
```
#e3839f
```
#e3839f rgb(227,131,159)
```
#e693ac
```
#e693ac rgb(230,147,172)
```
#eaa3b8
```
#eaa3b8 rgb(234,163,184)
```
#eeb3c4
```
#eeb3c4 rgb(238,179,196)
```
#f1c3d1
```
#f1c3d1 rgb(241,195,209)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#f9e3e9
```
#f9e3e9 rgb(249,227,233)
```
#fcf3f6
```
#fcf3f6 rgb(252,243,246)
```

Tint Color Variation

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

#e4e4e4
```
#e4e4e4 rgb(228,228,228)
```
#e6e2e3
```
#e6e2e3 rgb(230,226,227)
```
#e9dfe2
```
#e9dfe2 rgb(233,223,226)
```
#ebdde1
```
#ebdde1 rgb(235,221,225)
```
#eddbe0
```
#eddbe0 rgb(237,219,224)
```
#efd9e0
```
#efd9e0 rgb(239,217,224)
```
#f1d7df
```
#f1d7df rgb(241,215,223)
```
#f3d5de
```
#f3d5de rgb(243,213,222)
```
#f5d3dd
```
#f5d3dd rgb(245,211,221)
```
#f7d1dc
```
#f7d1dc rgb(247,209,220)
```
#f9cfdb
```
#f9cfdb rgb(249,207,219)
```
#fbcdda
```
#fbcdda rgb(251,205,218)
```
#fdcbda
```
#fdcbda rgb(253,203,218)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#e3dcde Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdce2 Protanopia 1% of men
#f1d6de Deuteranopia 1% of men
#f6d4e3 Tritanopia 0.001% of the population

Trichromacy

#e7d8e0 Protanomaly 1% of men, 0.01% of women
#f2d5dd Deuteranomaly 6% of men, 0.4% of women
#f5d3e1 Tritanomaly 0.01% of the population

#f5d3dd hex color

#f5d3dd Color Information

#f5d3dd Color Conversion

Color Schemes with #f5d3dd

Alternatives to #f5d3dd

#f5d3dd Preview

Shades and Tints of #f5d3dd

Tones of #f5d3dd

Color Blindness Simulator