colorhexa.com

#ccbde6 hex color

In a RGB color space, hex #ccbde6 is composed of 80% red, 74.1% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 17.8% magenta, 0% yellow and 9.8% black. It has a hue angle of 262 degrees, a saturation of 45.1% and a lightness of 82.2%. #ccbde6 color hex could be obtained by blending #ffffff with #997bcd. Closest websafe color is: #ccccff.

- R 80
- G 74
- B 90
RGB color chart
- C 11
- M 18
- Y 0
- K 10
CMYK color chart

● #ccbde6 color description : Light grayish violet.

The hexadecimal color #ccbde6 has RGB values of R:204, G:189, B:230 and CMYK values of C:0.11, M:0.18, Y:0, K:0.1. Its decimal value is 13417958.

Hex triplet	ccbde6	`#ccbde6`
RGB Decimal	204, 189, 230	`rgb(204,189,230)`
RGB Percent	80, 74.1, 90.2	`rgb(80%,74.1%,90.2%)`
CMYK	11, 18, 0, 10
HSL	262°, 45.1, 82.2	`hsl(262,45.1%,82.2%)`
HSV (or HSB)	262°, 17.8, 90.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.01, 13.055, -18.478
XYZ	57.38, 54.946, 82.441
xyY	0.295, 0.282, 54.946
CIE-LCH	79.01, 22.624, 305.243
CIE-LUV	79.01, 5.623, -31.106
Hunter-Lab	74.125, 8.456, -14.054
Binary	11001100, 10111101, 11100110

#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#d7e6bd
```
#d7e6bd rgb(215,230,189)
```

Complementary Color

#bdc3e6
```
#bdc3e6 rgb(189,195,230)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#e1bde6
```
#e1bde6 rgb(225,189,230)
```

Analogous Color

#c3e6bd
```
#c3e6bd rgb(195,230,189)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#e6e1bd
```
#e6e1bd rgb(230,225,189)
```

Split Complementary Color

#bde6cc
```
#bde6cc rgb(189,230,204)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#e6ccbd
```
#e6ccbd rgb(230,204,189)
```

Triadic Color

#bdd7e6
```
#bdd7e6 rgb(189,215,230)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#e6ccbd
```
#e6ccbd rgb(230,204,189)
```
#d7e6bd
```
#d7e6bd rgb(215,230,189)
```

Tetradic Color

#a186d1
```
#a186d1 rgb(161,134,209)
```
#af98d8
```
#af98d8 rgb(175,152,216)
```
#beabdf
```
#beabdf rgb(190,171,223)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#dacfed
```
#dacfed rgb(218,207,237)
```
#e9e2f4
```
#e9e2f4 rgb(233,226,244)
```
#f7f4fb
```
#f7f4fb rgb(247,244,251)
```

Monochromatic Color

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

#c2bde6
```
#c2bde6 rgb(194,189,230)
```
#c5bde6
```
#c5bde6 rgb(197,189,230)
```
#c9bde6
```
#c9bde6 rgb(201,189,230)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#cfbde6
```
#cfbde6 rgb(207,189,230)
```
#d3bde6
```
#d3bde6 rgb(211,189,230)
```
#d6bde6
```
#d6bde6 rgb(214,189,230)
```

Similar Colors

Text with hexadecimal color #ccbde6

This text has a font color of #ccbde6.

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

#ccbde6 background color

This paragraph has a background color of #ccbde6.

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

#ccbde6 border color

This element has a border color of #ccbde6.

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

CSS codes

.text {color:#ccbde6;}

.background {background-color:#ccbde6;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0c0713
```
#0c0713 rgb(12,7,19)
```
#140d22
```
#140d22 rgb(20,13,34)
```
#1d1230
```
#1d1230 rgb(29,18,48)
```
#26173e
```
#26173e rgb(38,23,62)
```
#2e1d4c
```
#2e1d4c rgb(46,29,76)
```
#37225a
```
#37225a rgb(55,34,90)
```
#3f2869
```
#3f2869 rgb(63,40,105)
```
#482d77
```
#482d77 rgb(72,45,119)
```
#513285
```
#513285 rgb(81,50,133)
```
#593893
```
#593893 rgb(89,56,147)
```
#623da2
```
#623da2 rgb(98,61,162)
```
#6b43b0
```
#6b43b0 rgb(107,67,176)
```

Shade Color Variation

#744bbb
```
#744bbb rgb(116,75,187)
```
#7f59c0
```
#7f59c0 rgb(127,89,192)
```
#8a68c6
```
#8a68c6 rgb(138,104,198)
```
#9576cb
```
#9576cb rgb(149,118,203)
```
#a084d0
```
#a084d0 rgb(160,132,208)
```
#ab92d6
```
#ab92d6 rgb(171,146,214)
```
#b6a1db
```
#b6a1db rgb(182,161,219)
```
#c1afe1
```
#c1afe1 rgb(193,175,225)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#d7cbeb
```
#d7cbeb rgb(215,203,235)
```
#e2d9f1
```
#e2d9f1 rgb(226,217,241)
```
#ede8f6
```
#ede8f6 rgb(237,232,246)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#d1cfd5
```
#d1cfd5 rgb(209,207,213)
```
#d0cbd8
```
#d0cbd8 rgb(208,203,216)
```
#cfc8dc
```
#cfc8dc rgb(207,200,220)
```
#cec4df
```
#cec4df rgb(206,196,223)
```
#cdc1e3
```
#cdc1e3 rgb(205,193,227)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#cbbaea
```
#cbbaea rgb(203,186,234)
```
#cab6ed
```
#cab6ed rgb(202,182,237)
```
#c9b3f1
```
#c9b3f1 rgb(201,179,241)
```
#c8aff4
```
#c8aff4 rgb(200,175,244)
```
#c7acf8
```
#c7acf8 rgb(199,172,248)
```
#c6a8fb
```
#c6a8fb rgb(198,168,251)
```
#c5a5ff
```
#c5a5ff rgb(197,165,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c4cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec5ea Protanopia 1% of men
#c8c2e6 Deuteranopia 1% of men
#cac4d2 Tritanopia 0.001% of the population

Trichromacy

#c3c2e8 Protanomaly 1% of men, 0.01% of women
#c9c0e6 Deuteranomaly 6% of men, 0.4% of women
#cbc1d9 Tritanomaly 0.01% of the population