#f5ccf0 hex color

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

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

● #f5ccf0 color description : Light grayish magenta.

The hexadecimal color #f5ccf0 has RGB values of R:245, G:204, B:240 and CMYK values of C:0, M:0.17, Y:0.02, K:0.04. Its decimal value is 16108784.

Hex triplet	f5ccf0	`#f5ccf0`
RGB Decimal	245, 204, 240	`rgb(245,204,240)`
RGB Percent	96.1, 80, 94.1	`rgb(96.1%,80%,94.1%)`
CMYK	0, 17, 2, 4
HSL	307.3°, 67.2, 88	`hsl(307.3,67.2%,88%)`
HSV (or HSB)	307.3°, 16.7, 96.1
Web Safe	ffccff	`#ffccff`

CIE-LAB	86.45, 20.392, -12.289
XYZ	74.975, 68.891, 91.781
xyY	0.318, 0.292, 68.891
CIE-LCH	86.45, 23.809, 328.925
CIE-LUV	86.45, 21.242, -22.751
Hunter-Lab	83, 15.99, -7.462
Binary	11110101, 11001100, 11110000

#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#ccf5d1
```
#ccf5d1 rgb(204,245,209)
```

Complementary Color

#e6ccf5
```
#e6ccf5 rgb(230,204,245)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f5ccdc
```
#f5ccdc rgb(245,204,220)
```

Analogous Color

#ccf5e6
```
#ccf5e6 rgb(204,245,230)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#dcf5cc
```
#dcf5cc rgb(220,245,204)
```

Split Complementary Color

#ccf0f5
```
#ccf0f5 rgb(204,240,245)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f0f5cc
```
#f0f5cc rgb(240,245,204)
```

Triadic Color

#d1ccf5
```
#d1ccf5 rgb(209,204,245)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f0f5cc
```
#f0f5cc rgb(240,245,204)
```
#ccf5d1
```
#ccf5d1 rgb(204,245,209)
```

Tetradic Color

#e88cdd
```
#e88cdd rgb(232,140,221)
```
#eda1e3
```
#eda1e3 rgb(237,161,227)
```
#f1b7ea
```
#f1b7ea rgb(241,183,234)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f9e1f6
```
#f9e1f6 rgb(249,225,246)
```
#fdf7fd
```
#fdf7fd rgb(253,247,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f0ccf5
```
#f0ccf5 rgb(240,204,245)
```
#f3ccf5
```
#f3ccf5 rgb(243,204,245)
```
#f5ccf3
```
#f5ccf3 rgb(245,204,243)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f5cced
```
#f5cced rgb(245,204,237)
```
#f5cce9
```
#f5cce9 rgb(245,204,233)
```
#f5cce6
```
#f5cce6 rgb(245,204,230)
```

Similar Colors

Text with hexadecimal color #f5ccf0

This text has a font color of #f5ccf0.

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

#f5ccf0 background color

This paragraph has a background color of #f5ccf0.

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

#f5ccf0 border color

This element has a border color of #f5ccf0.

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

CSS codes

.text {color:#f5ccf0;}

.background {background-color:#f5ccf0;}

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

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

#0f030d
```
#0f030d rgb(15,3,13)
```
#1f061c
```
#1f061c rgb(31,6,28)
```
#2f092b
```
#2f092b rgb(47,9,43)
```
#400d3a
```
#400d3a rgb(64,13,58)
```
#501048
```
#501048 rgb(80,16,72)
```
#611357
```
#611357 rgb(97,19,87)
```
#711666
```
#711666 rgb(113,22,102)
```
#811975
```
#811975 rgb(129,25,117)
```
#921d84
```
#921d84 rgb(146,29,132)
```
#a22092
```
#a22092 rgb(162,32,146)
```
#b323a1
```
#b323a1 rgb(179,35,161)
```
#c326b0
```
#c326b0 rgb(195,38,176)
```
#d329bf
```
#d329bf rgb(211,41,191)
```

Shade Color Variation

#d838c5
```
#d838c5 rgb(216,56,197)
```
#db49c9
```
#db49c9 rgb(219,73,201)
```
#de59ce
```
#de59ce rgb(222,89,206)
```
#e26ad3
```
#e26ad3 rgb(226,106,211)
```
#e57ad8
```
#e57ad8 rgb(229,122,216)
```
#e88add
```
#e88add rgb(232,138,221)
```
#eb9be2
```
#eb9be2 rgb(235,155,226)
```
#efabe6
```
#efabe6 rgb(239,171,230)
```
#f2bceb
```
#f2bceb rgb(242,188,235)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f8dcf5
```
#f8dcf5 rgb(248,220,245)
```
#fbedfa
```
#fbedfa rgb(251,237,250)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#e2dfe2
```
#e2dfe2 rgb(226,223,226)
```
#e5dce4
```
#e5dce4 rgb(229,220,228)
```
#e7dae5
```
#e7dae5 rgb(231,218,229)
```
#e9d8e7
```
#e9d8e7 rgb(233,216,231)
```
#ecd5e9
```
#ecd5e9 rgb(236,213,233)
```
#eed3eb
```
#eed3eb rgb(238,211,235)
```
#f0d1ec
```
#f0d1ec rgb(240,209,236)
```
#f3ceee
```
#f3ceee rgb(243,206,238)
```
#f5ccf0
```
#f5ccf0 rgb(245,204,240)
```
#f7caf2
```
#f7caf2 rgb(247,202,242)
```
#fac7f4
```
#fac7f4 rgb(250,199,244)
```
#fcc5f5
```
#fcc5f5 rgb(252,197,245)
```
#fec3f7
```
#fec3f7 rgb(254,195,247)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e1d9e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d8f6 Protanopia 1% of men
#e4d4ee Deuteranopia 1% of men
#f2d1e0 Tritanopia 0.001% of the population

Trichromacy

#e0d4f4 Protanomaly 1% of men, 0.01% of women
#ead1ef Deuteranomaly 6% of men, 0.4% of women
#f3cfe6 Tritanomaly 0.01% of the population

#f5ccf0 hex color

#f5ccf0 Color Information

#f5ccf0 Color Conversion

Color Schemes with #f5ccf0

Alternatives to #f5ccf0

#f5ccf0 Preview

Shades and Tints of #f5ccf0

Tones of #f5ccf0

Color Blindness Simulator