#ccbbd1 hex color

In a RGB color space, hex #ccbbd1 is composed of 80% red, 73.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 10.5% magenta, 0% yellow and 18% black. It has a hue angle of 286.4 degrees, a saturation of 19.3% and a lightness of 77.6%. #ccbbd1 color hex could be obtained by blending #ffffff with #9977a3. Closest websafe color is: #cccccc.

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

● #ccbbd1 color description : Grayish magenta.

The hexadecimal color #ccbbd1 has RGB values of R:204, G:187, B:209 and CMYK values of C:0.02, M:0.11, Y:0, K:0.18. Its decimal value is 13417425.

Hex triplet	ccbbd1	`#ccbbd1`
RGB Decimal	204, 187, 209	`rgb(204,187,209)`
RGB Percent	80, 73.3, 82	`rgb(80%,73.3%,82%)`
CMYK	2, 11, 0, 18
HSL	286.4°, 19.3, 77.6	`hsl(286.4,19.3%,77.6%)`
HSV (or HSB)	286.4°, 10.5, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.864, 9.985, -8.859
XYZ	54.179, 52.982, 67.69
xyY	0.31, 0.303, 52.982
CIE-LCH	77.864, 13.349, 318.419
CIE-LUV	77.864, 8.268, -15.244
Hunter-Lab	72.789, 5.483, -4.185
Binary	11001100, 10111011, 11010001

#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#c0d1bb
```
#c0d1bb rgb(192,209,187)
```

Complementary Color

#c1bbd1
```
#c1bbd1 rgb(193,187,209)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#d1bbcb
```
#d1bbcb rgb(209,187,203)
```

Analogous Color

#bbd1c1
```
#bbd1c1 rgb(187,209,193)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#cbd1bb
```
#cbd1bb rgb(203,209,187)
```

Split Complementary Color

#bbd1cc
```
#bbd1cc rgb(187,209,204)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#d1ccbb
```
#d1ccbb rgb(209,204,187)
```

Triadic Color

#bbc0d1
```
#bbc0d1 rgb(187,192,209)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#d1ccbb
```
#d1ccbb rgb(209,204,187)
```
#c0d1bb
```
#c0d1bb rgb(192,209,187)
```

Tetradic Color

#aa8db2
```
#aa8db2 rgb(170,141,178)
```
#b59dbc
```
#b59dbc rgb(181,157,188)
```
#c1acc7
```
#c1acc7 rgb(193,172,199)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#d7cadb
```
#d7cadb rgb(215,202,219)
```
#e3d9e6
```
#e3d9e6 rgb(227,217,230)
```
#eee9f0
```
#eee9f0 rgb(238,233,240)
```

Monochromatic Color

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

#c7bbd1
```
#c7bbd1 rgb(199,187,209)
```
#c8bbd1
```
#c8bbd1 rgb(200,187,209)
```
#cabbd1
```
#cabbd1 rgb(202,187,209)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#cebbd1
```
#cebbd1 rgb(206,187,209)
```
#d0bbd1
```
#d0bbd1 rgb(208,187,209)
```
#d1bbd1
```
#d1bbd1 rgb(209,187,209)
```

Similar Colors

Text with hexadecimal color #ccbbd1

This text has a font color of #ccbbd1.

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

#ccbbd1 background color

This paragraph has a background color of #ccbbd1.

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

#ccbbd1 border color

This element has a border color of #ccbbd1.

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

CSS codes

.text {color:#ccbbd1;}

.background {background-color:#ccbbd1;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d090e
```
#0d090e rgb(13,9,14)
```
#18111a
```
#18111a rgb(24,17,26)
```
#231925
```
#231925 rgb(35,25,37)
```
#2d2131
```
#2d2131 rgb(45,33,49)
```
#38293d
```
#38293d rgb(56,41,61)
```
#433148
```
#433148 rgb(67,49,72)
```
#4e3954
```
#4e3954 rgb(78,57,84)
```
#594160
```
#594160 rgb(89,65,96)
```
#64496c
```
#64496c rgb(100,73,108)
```
#6e5177
```
#6e5177 rgb(110,81,119)
```
#795983
```
#795983 rgb(121,89,131)
```
#84608f
```
#84608f rgb(132,96,143)
```

Shade Color Variation

#8f699a
```
#8f699a rgb(143,105,154)
```
#9775a2
```
#9775a2 rgb(151,117,162)
```
#a080a9
```
#a080a9 rgb(160,128,169)
```
#a98cb1
```
#a98cb1 rgb(169,140,177)
```
#b298b9
```
#b298b9 rgb(178,152,185)
```
#baa4c1
```
#baa4c1 rgb(186,164,193)
```
#c3afc9
```
#c3afc9 rgb(195,175,201)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#d5c7d9
```
#d5c7d9 rgb(213,199,217)
```
#ded2e1
```
#ded2e1 rgb(222,210,225)
```
#e6dee9
```
#e6dee9 rgb(230,222,233)
```
#efeaf1
```
#efeaf1 rgb(239,234,241)
```
#f8f6f9
```
#f8f6f9 rgb(248,246,249)
```

Tint Color Variation

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

#c7c4c8
```
#c7c4c8 rgb(199,196,200)
```
#cabfcd
```
#cabfcd rgb(202,191,205)
```
#ccbbd1
```
#ccbbd1 rgb(204,187,209)
```
#ceb7d5
```
#ceb7d5 rgb(206,183,213)
```
#d1b2da
```
#d1b2da rgb(209,178,218)
```
#d3aede
```
#d3aede rgb(211,174,222)
```
#d6a9e3
```
#d6a9e3 rgb(214,169,227)
```
#d8a5e7
```
#d8a5e7 rgb(216,165,231)
```
#daa1eb
```
#daa1eb rgb(218,161,235)
```
#dd9cf0
```
#dd9cf0 rgb(221,156,240)
```
#df98f4
```
#df98f4 rgb(223,152,244)
```
#e294f8
```
#e294f8 rgb(226,148,248)
```
#e48ffd
```
#e48ffd rgb(228,143,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d5 Protanopia 1% of men
#cebed3 Deuteranopia 1% of men
#cdbfcd Tritanopia 0.001% of the population

Trichromacy

#c5bfd3 Protanomaly 1% of men, 0.01% of women
#cdbdd2 Deuteranomaly 6% of men, 0.4% of women
#ccbdce Tritanomaly 0.01% of the population

#ccbbd1 hex color

#ccbbd1 Color Information

#ccbbd1 Color Conversion

Color Schemes with #ccbbd1

Alternatives to #ccbbd1

#ccbbd1 Preview

Shades and Tints of #ccbbd1

Tones of #ccbbd1

Color Blindness Simulator