#ccbddc hex color

In a RGB color space, hex #ccbddc is composed of 80% red, 74.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 14.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 269 degrees, a saturation of 30.7% and a lightness of 80.2%. #ccbddc color hex could be obtained by blending #ffffff with #997bb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 74
- B 86
RGB color chart
- C 7
- M 14
- Y 0
- K 14
CMYK color chart

● #ccbddc color description : Light grayish violet.

The hexadecimal color #ccbddc has RGB values of R:204, G:189, B:220 and CMYK values of C:0.07, M:0.14, Y:0, K:0.14. Its decimal value is 13417948.

Hex triplet	ccbddc	`#ccbddc`
RGB Decimal	204, 189, 220	`rgb(204,189,220)`
RGB Percent	80, 74.1, 86.3	`rgb(80%,74.1%,86.3%)`
CMYK	7, 14, 0, 14
HSL	269°, 30.7, 80.2	`hsl(269,30.7%,80.2%)`
HSV (or HSB)	269°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.694, 11.039, -13.564
XYZ	56.016, 54.4, 75.256
xyY	0.302, 0.293, 54.4
CIE-LCH	78.694, 17.488, 309.142
CIE-LUV	78.694, 6.408, -22.861
Hunter-Lab	73.756, 6.491, -8.866
Binary	11001100, 10111101, 11011100

#ccbddc
```
#ccbddc rgb(204,189,220)
```
#cddcbd
```
#cddcbd rgb(205,220,189)
```

Complementary Color

#bdbedc
```
#bdbedc rgb(189,190,220)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#dcbddc
```
#dcbddc rgb(220,189,220)
```

Analogous Color

#bedcbd
```
#bedcbd rgb(190,220,189)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#dcdcbd
```
#dcdcbd rgb(220,220,189)
```

Split Complementary Color

#bddccc
```
#bddccc rgb(189,220,204)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#dcccbd
```
#dcccbd rgb(220,204,189)
```

Triadic Color

#bdcddc
```
#bdcddc rgb(189,205,220)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#dcccbd
```
#dcccbd rgb(220,204,189)
```
#cddcbd
```
#cddcbd rgb(205,220,189)
```

Tetradic Color

#a58bc1
```
#a58bc1 rgb(165,139,193)
```
#b29cca
```
#b29cca rgb(178,156,202)
```
#bfacd3
```
#bfacd3 rgb(191,172,211)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#d9cee5
```
#d9cee5 rgb(217,206,229)
```
#e6deee
```
#e6deee rgb(230,222,238)
```
#f3eff7
```
#f3eff7 rgb(243,239,247)
```

Monochromatic Color

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

#c4bddc
```
#c4bddc rgb(196,189,220)
```
#c7bddc
```
#c7bddc rgb(199,189,220)
```
#c9bddc
```
#c9bddc rgb(201,189,220)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#cfbddc
```
#cfbddc rgb(207,189,220)
```
#d1bddc
```
#d1bddc rgb(209,189,220)
```
#d4bddc
```
#d4bddc rgb(212,189,220)
```

Similar Colors

Text with hexadecimal color #ccbddc

This text has a font color of #ccbddc.

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

#ccbddc background color

This paragraph has a background color of #ccbddc.

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

#ccbddc border color

This element has a border color of #ccbddc.

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

CSS codes

.text {color:#ccbddc;}

.background {background-color:#ccbddc;}

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

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, #08060b is the darkest color, while #fefdfe is the lightest one.

#08060b
```
#08060b rgb(8,6,11)
```
#120d18
```
#120d18 rgb(18,13,24)
```
#1c1325
```
#1c1325 rgb(28,19,37)
```
#251a31
```
#251a31 rgb(37,26,49)
```
#2f213e
```
#2f213e rgb(47,33,62)
```
#39284b
```
#39284b rgb(57,40,75)
```
#432f58
```
#432f58 rgb(67,47,88)
```
#4c3565
```
#4c3565 rgb(76,53,101)
```
#563c71
```
#563c71 rgb(86,60,113)
```
#60437e
```
#60437e rgb(96,67,126)
```
#694a8b
```
#694a8b rgb(105,74,139)
```
#735198
```
#735198 rgb(115,81,152)
```
#7d57a5
```
#7d57a5 rgb(125,87,165)
```

Shade Color Variation

#8763ac
```
#8763ac rgb(135,99,172)
```
#9170b3
```
#9170b3 rgb(145,112,179)
```
#9a7dba
```
#9a7dba rgb(154,125,186)
```
#a48ac1
```
#a48ac1 rgb(164,138,193)
```
#ae97c8
```
#ae97c8 rgb(174,151,200)
```
#b8a3ce
```
#b8a3ce rgb(184,163,206)
```
#c2b0d5
```
#c2b0d5 rgb(194,176,213)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#d6cae3
```
#d6cae3 rgb(214,202,227)
```
#e0d7ea
```
#e0d7ea rgb(224,215,234)
```
#eae3f0
```
#eae3f0 rgb(234,227,240)
```
#f4f0f7
```
#f4f0f7 rgb(244,240,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#ccc9d0
```
#ccc9d0 rgb(204,201,208)
```
#ccc5d4
```
#ccc5d4 rgb(204,197,212)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#ccb9e0
```
#ccb9e0 rgb(204,185,224)
```
#ccb5e4
```
#ccb5e4 rgb(204,181,228)
```
#ccb1e8
```
#ccb1e8 rgb(204,177,232)
```
#cbadec
```
#cbadec rgb(203,173,236)
```
#cbaaef
```
#cbaaef rgb(203,170,239)
```
#cba6f3
```
#cba6f3 rgb(203,166,243)
```
#cba2f7
```
#cba2f7 rgb(203,162,247)
```
#cb9efb
```
#cb9efb rgb(203,158,251)
```
#cb9aff
```
#cb9aff rgb(203,154,255)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c6c3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c4e0 Protanopia 1% of men
#ccc1dd Deuteranopia 1% of men
#ccc2d0 Tritanopia 0.001% of the population

Trichromacy

#c4c1de Protanomaly 1% of men, 0.01% of women
#ccbfdd Deuteranomaly 6% of men, 0.4% of women
#ccc0d4 Tritanomaly 0.01% of the population

#ccbddc hex color

#ccbddc Color Information

#ccbddc Color Conversion

Color Schemes with #ccbddc

Alternatives to #ccbddc

#ccbddc Preview

Shades and Tints of #ccbddc

Tones of #ccbddc

Color Blindness Simulator