#ccbdd1 hex color

In a RGB color space, hex #ccbdd1 is composed of 80% red, 74.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 9.6% magenta, 0% yellow and 18% black. It has a hue angle of 285 degrees, a saturation of 17.9% and a lightness of 78%. #ccbdd1 color hex could be obtained by blending #ffffff with #997ba3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 74
- B 82
RGB color chart
- C 2
- M 10
- Y 0
- K 18
CMYK color chart

● #ccbdd1 color description : Grayish magenta.

The hexadecimal color #ccbdd1 has RGB values of R:204, G:189, B:209 and CMYK values of C:0.02, M:0.1, Y:0, K:0.18. Its decimal value is 13417937.

Hex triplet	ccbdd1	`#ccbdd1`
RGB Decimal	204, 189, 209	`rgb(204,189,209)`
RGB Percent	80, 74.1, 82	`rgb(80%,74.1%,82%)`
CMYK	2, 10, 0, 18
HSL	285°, 17.9, 78	`hsl(285,17.9%,78%)`
HSV (or HSB)	285°, 9.6, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.366, 8.909, -8.114
XYZ	54.606, 53.836, 67.833
xyY	0.31, 0.305, 53.836
CIE-LCH	78.366, 12.05, 317.674
CIE-LUV	78.366, 7.262, -13.915
Hunter-Lab	73.373, 4.441, -3.452
Binary	11001100, 10111101, 11010001

#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#c2d1bd
```
#c2d1bd rgb(194,209,189)
```

Complementary Color

#c2bdd1
```
#c2bdd1 rgb(194,189,209)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#d1bdcc
```
#d1bdcc rgb(209,189,204)
```

Analogous Color

#bdd1c2
```
#bdd1c2 rgb(189,209,194)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#ccd1bd
```
#ccd1bd rgb(204,209,189)
```

Split Complementary Color

#bdd1cc
```
#bdd1cc rgb(189,209,204)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#d1ccbd
```
#d1ccbd rgb(209,204,189)
```

Triadic Color

#bdc2d1
```
#bdc2d1 rgb(189,194,209)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#d1ccbd
```
#d1ccbd rgb(209,204,189)
```
#c2d1bd
```
#c2d1bd rgb(194,209,189)
```

Tetradic Color

#a990b2
```
#a990b2 rgb(169,144,178)
```
#b59fbc
```
#b59fbc rgb(181,159,188)
```
#c0aec7
```
#c0aec7 rgb(192,174,199)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#d8ccdb
```
#d8ccdb rgb(216,204,219)
```
#e3dbe6
```
#e3dbe6 rgb(227,219,230)
```
#efeaf0
```
#efeaf0 rgb(239,234,240)
```

Monochromatic Color

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

#c7bdd1
```
#c7bdd1 rgb(199,189,209)
```
#c9bdd1
```
#c9bdd1 rgb(201,189,209)
```
#cabdd1
```
#cabdd1 rgb(202,189,209)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#cebdd1
```
#cebdd1 rgb(206,189,209)
```
#cfbdd1
```
#cfbdd1 rgb(207,189,209)
```
#d1bdd1
```
#d1bdd1 rgb(209,189,209)
```

Similar Colors

Text with hexadecimal color #ccbdd1

This text has a font color of #ccbdd1.

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

#ccbdd1 background color

This paragraph has a background color of #ccbdd1.

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

#ccbdd1 border color

This element has a border color of #ccbdd1.

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

CSS codes

.text {color:#ccbdd1;}

.background {background-color:#ccbdd1;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0a0f
```
#0e0a0f rgb(14,10,15)
```
#18121a
```
#18121a rgb(24,18,26)
```
#231b26
```
#231b26 rgb(35,27,38)
```
#2e2332
```
#2e2332 rgb(46,35,50)
```
#392b3d
```
#392b3d rgb(57,43,61)
```
#433349
```
#433349 rgb(67,51,73)
```
#4e3b54
```
#4e3b54 rgb(78,59,84)
```
#594360
```
#594360 rgb(89,67,96)
```
#634b6b
```
#634b6b rgb(99,75,107)
```
#6e5377
```
#6e5377 rgb(110,83,119)
```
#795b83
```
#795b83 rgb(121,91,131)
```
#83638e
```
#83638e rgb(131,99,142)
```

Shade Color Variation

#8d6c99
```
#8d6c99 rgb(141,108,153)
```
#9678a1
```
#9678a1 rgb(150,120,161)
```
#9f83a9
```
#9f83a9 rgb(159,131,169)
```
#a88fb1
```
#a88fb1 rgb(168,143,177)
```
#b19ab9
```
#b19ab9 rgb(177,154,185)
```
#baa6c1
```
#baa6c1 rgb(186,166,193)
```
#c3b1c9
```
#c3b1c9 rgb(195,177,201)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#d5c9d9
```
#d5c9d9 rgb(213,201,217)
```
#ded4e1
```
#ded4e1 rgb(222,212,225)
```
#e7e0e9
```
#e7e0e9 rgb(231,224,233)
```
#f0ebf1
```
#f0ebf1 rgb(240,235,241)
```
#f9f7f9
```
#f9f7f9 rgb(249,247,249)
```

Tint Color Variation

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

#c8c6c8
```
#c8c6c8 rgb(200,198,200)
```
#cac1cd
```
#cac1cd rgb(202,193,205)
```
#ccbdd1
```
#ccbdd1 rgb(204,189,209)
```
#ceb9d5
```
#ceb9d5 rgb(206,185,213)
```
#d0b4da
```
#d0b4da rgb(208,180,218)
```
#d2b0de
```
#d2b0de rgb(210,176,222)
```
#d5ace2
```
#d5ace2 rgb(213,172,226)
```
#d7a7e7
```
#d7a7e7 rgb(215,167,231)
```
#d9a3eb
```
#d9a3eb rgb(217,163,235)
```
#db9fef
```
#db9fef rgb(219,159,239)
```
#dd9bf3
```
#dd9bf3 rgb(221,155,243)
```
#df96f8
```
#df96f8 rgb(223,150,248)
```
#e292fc
```
#e292fc rgb(226,146,252)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c3d5 Protanopia 1% of men
#d0bfd3 Deuteranopia 1% of men
#cdc1ce Tritanopia 0.001% of the population

Trichromacy

#c6c1d3 Protanomaly 1% of men, 0.01% of women
#cebed2 Deuteranomaly 6% of men, 0.4% of women
#cdbfcf Tritanomaly 0.01% of the population

#ccbdd1 hex color

#ccbdd1 Color Information

#ccbdd1 Color Conversion

Color Schemes with #ccbdd1

Alternatives to #ccbdd1

#ccbdd1 Preview

Shades and Tints of #ccbdd1

Tones of #ccbdd1

Color Blindness Simulator