#ccbdd3 hex color

In a RGB color space, hex #ccbdd3 is composed of 80% red, 74.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 10.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 280.9 degrees, a saturation of 20% and a lightness of 78.4%. #ccbdd3 color hex could be obtained by blending #ffffff with #997ba7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 74
- B 83
RGB color chart
- C 3
- M 10
- Y 0
- K 17
CMYK color chart

● #ccbdd3 color description : Grayish violet.

The hexadecimal color #ccbdd3 has RGB values of R:204, G:189, B:211 and CMYK values of C:0.03, M:0.1, Y:0, K:0.17. Its decimal value is 13417939.

Hex triplet	ccbdd3	`#ccbdd3`
RGB Decimal	204, 189, 211	`rgb(204,189,211)`
RGB Percent	80, 74.1, 82.7	`rgb(80%,74.1%,82.7%)`
CMYK	3, 10, 0, 17
HSL	280.9°, 20, 78.4	`hsl(280.9,20%,78.4%)`
HSV (or HSB)	280.9°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.424, 9.289, -9.108
XYZ	54.855, 53.936, 69.145
xyY	0.308, 0.303, 53.936
CIE-LCH	78.424, 13.009, 315.564
CIE-LUV	78.424, 7.108, -15.53
Hunter-Lab	73.441, 4.805, -4.413
Binary	11001100, 10111101, 11010011

#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#c4d3bd
```
#c4d3bd rgb(196,211,189)
```

Complementary Color

#c1bdd3
```
#c1bdd3 rgb(193,189,211)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#d3bdcf
```
#d3bdcf rgb(211,189,207)
```

Analogous Color

#bdd3c1
```
#bdd3c1 rgb(189,211,193)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```

Split Complementary Color

#bdd3cc
```
#bdd3cc rgb(189,211,204)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#d3ccbd
```
#d3ccbd rgb(211,204,189)
```

Triadic Color

#bdc4d3
```
#bdc4d3 rgb(189,196,211)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#d3ccbd
```
#d3ccbd rgb(211,204,189)
```
#c4d3bd
```
#c4d3bd rgb(196,211,189)
```

Tetradic Color

#a98fb4
```
#a98fb4 rgb(169,143,180)
```
#b49ebf
```
#b49ebf rgb(180,158,191)
```
#c0aec9
```
#c0aec9 rgb(192,174,201)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#d8ccdd
```
#d8ccdd rgb(216,204,221)
```
#e4dce7
```
#e4dce7 rgb(228,220,231)
```
#efebf2
```
#efebf2 rgb(239,235,242)
```

Monochromatic Color

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

#c7bdd3
```
#c7bdd3 rgb(199,189,211)
```
#c8bdd3
```
#c8bdd3 rgb(200,189,211)
```
#cabdd3
```
#cabdd3 rgb(202,189,211)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#cebdd3
```
#cebdd3 rgb(206,189,211)
```
#d0bdd3
```
#d0bdd3 rgb(208,189,211)
```
#d2bdd3
```
#d2bdd3 rgb(210,189,211)
```

Similar Colors

Text with hexadecimal color #ccbdd3

This text has a font color of #ccbdd3.

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

#ccbdd3 background color

This paragraph has a background color of #ccbdd3.

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

#ccbdd3 border color

This element has a border color of #ccbdd3.

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

CSS codes

.text {color:#ccbdd3;}

.background {background-color:#ccbdd3;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0f0b10
```
#0f0b10 rgb(15,11,16)
```
#19131c
```
#19131c rgb(25,19,28)
```
#241b28
```
#241b28 rgb(36,27,40)
```
#2e2234
```
#2e2234 rgb(46,34,52)
```
#392a3f
```
#392a3f rgb(57,42,63)
```
#43324b
```
#43324b rgb(67,50,75)
```
#4e3a57
```
#4e3a57 rgb(78,58,87)
```
#584263
```
#584263 rgb(88,66,99)
```
#634a6f
```
#634a6f rgb(99,74,111)
```
#6d527a
```
#6d527a rgb(109,82,122)
```
#785986
```
#785986 rgb(120,89,134)
```
#826192
```
#826192 rgb(130,97,146)
```

Shade Color Variation

#8c6b9c
```
#8c6b9c rgb(140,107,156)
```
#9576a4
```
#9576a4 rgb(149,118,164)
```
#9f82ac
```
#9f82ac rgb(159,130,172)
```
#a88eb4
```
#a88eb4 rgb(168,142,180)
```
#b19abb
```
#b19abb rgb(177,154,187)
```
#baa5c3
```
#baa5c3 rgb(186,165,195)
```
#c3b1cb
```
#c3b1cb rgb(195,177,203)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#d5c9db
```
#d5c9db rgb(213,201,219)
```
#ded5e3
```
#ded5e3 rgb(222,213,227)
```
#e7e0eb
```
#e7e0eb rgb(231,224,235)
```
#f0ecf2
```
#f0ecf2 rgb(240,236,242)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#c9c5cb
```
#c9c5cb rgb(201,197,203)
```
#cac1cf
```
#cac1cf rgb(202,193,207)
```
#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#ceb9d7
```
#ceb9d7 rgb(206,185,215)
```
#cfb5db
```
#cfb5db rgb(207,181,219)
```
#d1b0e0
```
#d1b0e0 rgb(209,176,224)
```
#d2ace4
```
#d2ace4 rgb(210,172,228)
```
#d4a8e8
```
#d4a8e8 rgb(212,168,232)
```
#d5a4ec
```
#d5a4ec rgb(213,164,236)
```
#d79ff1
```
#d79ff1 rgb(215,159,241)
```
#d89bf5
```
#d89bf5 rgb(216,155,245)
```
#da97f9
```
#da97f9 rgb(218,151,249)
```
#db93fd
```
#db93fd rgb(219,147,253)
```

Tone Color Variation

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

#c2c3d7 Protanopia 1% of men
#cfc0d5 Deuteranopia 1% of men
#cdc1cf Tritanopia 0.001% of the population

Trichromacy

#c6c1d5 Protanomaly 1% of men, 0.01% of women
#cebed4 Deuteranomaly 6% of men, 0.4% of women
#ccbfd0 Tritanomaly 0.01% of the population

#ccbdd3 hex color

#ccbdd3 Color Information

#ccbdd3 Color Conversion

Color Schemes with #ccbdd3

Alternatives to #ccbdd3

#ccbdd3 Preview

Shades and Tints of #ccbdd3

Tones of #ccbdd3

Color Blindness Simulator