#f5ccdd hex color

In a RGB color space, hex #f5ccdd is composed of 96.1% red, 80% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 335.1 degrees, a saturation of 67.2% and a lightness of 88%. #f5ccdd color hex could be obtained by blending #ffffff with #eb99bb. Closest websafe color is: #ffcccc.

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

● #f5ccdd color description : Light grayish pink.

The hexadecimal color #f5ccdd has RGB values of R:245, G:204, B:221 and CMYK values of C:0, M:0.17, Y:0.1, K:0.04. Its decimal value is 16108765.

Hex triplet	f5ccdd	`#f5ccdd`
RGB Decimal	245, 204, 221	`rgb(245,204,221)`
RGB Percent	96.1, 80, 86.7	`rgb(96.1%,80%,86.7%)`
CMYK	0, 17, 10, 4
HSL	335.1°, 67.2, 88	`hsl(335.1,67.2%,88%)`
HSV (or HSB)	335.1°, 16.7, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	85.916, 17.127, -2.995
XYZ	72.299, 67.82, 77.685
xyY	0.332, 0.311, 67.82
CIE-LCH	85.916, 17.387, 350.082
CIE-LUV	85.916, 23.239, -7.656
Hunter-Lab	82.353, 12.589, 1.718
Binary	11110101, 11001100, 11011101

#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#ccf5e4
```
#ccf5e4 rgb(204,245,228)
```

Complementary Color

#f5ccf2
```
#f5ccf2 rgb(245,204,242)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#f5d0cc
```
#f5d0cc rgb(245,208,204)
```

Analogous Color

#ccf2f5
```
#ccf2f5 rgb(204,242,245)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#ccf5d0
```
#ccf5d0 rgb(204,245,208)
```

Split Complementary Color

#ccddf5
```
#ccddf5 rgb(204,221,245)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#ddf5cc
```
#ddf5cc rgb(221,245,204)
```

Triadic Color

#e4ccf5
```
#e4ccf5 rgb(228,204,245)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#ddf5cc
```
#ddf5cc rgb(221,245,204)
```
#ccf5e4
```
#ccf5e4 rgb(204,245,228)
```

Tetradic Color

#e88cb2
```
#e88cb2 rgb(232,140,178)
```
#eda1c1
```
#eda1c1 rgb(237,161,193)
```
#f1b7cf
```
#f1b7cf rgb(241,183,207)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#f9e1eb
```
#f9e1eb rgb(249,225,235)
```
#fdf7f9
```
#fdf7f9 rgb(253,247,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5cce7
```
#f5cce7 rgb(245,204,231)
```
#f5cce4
```
#f5cce4 rgb(245,204,228)
```
#f5cce0
```
#f5cce0 rgb(245,204,224)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#f5ccda
```
#f5ccda rgb(245,204,218)
```
#f5ccd6
```
#f5ccd6 rgb(245,204,214)
```
#f5ccd3
```
#f5ccd3 rgb(245,204,211)
```

Similar Colors

Text with hexadecimal color #f5ccdd

This text has a font color of #f5ccdd.

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

#f5ccdd background color

This paragraph has a background color of #f5ccdd.

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

#f5ccdd border color

This element has a border color of #f5ccdd.

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

CSS codes

.text {color:#f5ccdd;}

.background {background-color:#f5ccdd;}

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

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

#0f0308
```
#0f0308 rgb(15,3,8)
```
#1f0610
```
#1f0610 rgb(31,6,16)
```
#2f0919
```
#2f0919 rgb(47,9,25)
```
#400d22
```
#400d22 rgb(64,13,34)
```
#50102a
```
#50102a rgb(80,16,42)
```
#611333
```
#611333 rgb(97,19,51)
```
#71163c
```
#71163c rgb(113,22,60)
```
#811945
```
#811945 rgb(129,25,69)
```
#921d4d
```
#921d4d rgb(146,29,77)
```
#a22056
```
#a22056 rgb(162,32,86)
```
#b3235f
```
#b3235f rgb(179,35,95)
```
#c32667
```
#c32667 rgb(195,38,103)
```
#d32970
```
#d32970 rgb(211,41,112)
```

Shade Color Variation

#d8387b
```
#d8387b rgb(216,56,123)
```
#db4986
```
#db4986 rgb(219,73,134)
```
#de5990
```
#de5990 rgb(222,89,144)
```
#e26a9b
```
#e26a9b rgb(226,106,155)
```
#e57aa6
```
#e57aa6 rgb(229,122,166)
```
#e88ab1
```
#e88ab1 rgb(232,138,177)
```
#eb9bbc
```
#eb9bbc rgb(235,155,188)
```
#efabc7
```
#efabc7 rgb(239,171,199)
```
#f2bcd2
```
#f2bcd2 rgb(242,188,210)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#f8dce8
```
#f8dce8 rgb(248,220,232)
```
#fbedf3
```
#fbedf3 rgb(251,237,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#e2dfe0
```
#e2dfe0 rgb(226,223,224)
```
#e5dce0
```
#e5dce0 rgb(229,220,224)
```
#e7dadf
```
#e7dadf rgb(231,218,223)
```
#e9d8df
```
#e9d8df rgb(233,216,223)
```
#ecd5df
```
#ecd5df rgb(236,213,223)
```
#eed3de
```
#eed3de rgb(238,211,222)
```
#f0d1de
```
#f0d1de rgb(240,209,222)
```
#f3cedd
```
#f3cedd rgb(243,206,221)
```
#f5ccdd
```
#f5ccdd rgb(245,204,221)
```
#f7cadd
```
#f7cadd rgb(247,202,221)
```
#fac7dc
```
#fac7dc rgb(250,199,220)
```
#fcc5dc
```
#fcc5dc rgb(252,197,220)
```
#fec3db
```
#fec3db rgb(254,195,219)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#dfd7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d7e3 Protanopia 1% of men
#ead2dd Deuteranopia 1% of men
#f5cedd Tritanopia 0.001% of the population

Trichromacy

#e3d3e1 Protanomaly 1% of men, 0.01% of women
#eed0dd Deuteranomaly 6% of men, 0.4% of women
#f5cddd Tritanomaly 0.01% of the population

#f5ccdd hex color

#f5ccdd Color Information

#f5ccdd Color Conversion

Color Schemes with #f5ccdd

Alternatives to #f5ccdd

#f5ccdd Preview

Shades and Tints of #f5ccdd

Tones of #f5ccdd

Color Blindness Simulator