#cccbf6 hex color

In a RGB color space, hex #cccbf6 is composed of 80% red, 79.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 17.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 241.4 degrees, a saturation of 70.5% and a lightness of 88%. #cccbf6 color hex could be obtained by blending #ffffff with #9997ed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 80
- B 96
RGB color chart
- C 17
- M 17
- Y 0
- K 4
CMYK color chart

● #cccbf6 color description : Light grayish blue.

The hexadecimal color #cccbf6 has RGB values of R:204, G:203, B:246 and CMYK values of C:0.17, M:0.17, Y:0, K:0.04. Its decimal value is 13421558.

Hex triplet	cccbf6	`#cccbf6`
RGB Decimal	204, 203, 246	`rgb(204,203,246)`
RGB Percent	80, 79.6, 96.5	`rgb(80%,79.6%,96.5%)`
CMYK	17, 17, 0, 4
HSL	241.4°, 70.5, 88	`hsl(241.4,70.5%,88%)`
HSV (or HSB)	241.4°, 17.5, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.021, 8.88, -20.971
XYZ	62.889, 62.203, 95.877
xyY	0.285, 0.281, 62.203
CIE-LCH	83.021, 22.773, 292.95
CIE-LUV	83.021, -2.003, -34.738
Hunter-Lab	78.869, 4.314, -16.868
Binary	11001100, 11001011, 11110110

#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#f5f6cb
```
#f5f6cb rgb(245,246,203)
```

Complementary Color

#cbe0f6
```
#cbe0f6 rgb(203,224,246)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#e2cbf6
```
#e2cbf6 rgb(226,203,246)
```

Analogous Color

#e0f6cb
```
#e0f6cb rgb(224,246,203)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#f6e2cb
```
#f6e2cb rgb(246,226,203)
```

Split Complementary Color

#cbf6cc
```
#cbf6cc rgb(203,246,204)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#f6cccb
```
#f6cccb rgb(246,204,203)
```

Triadic Color

#cbf5f6
```
#cbf5f6 rgb(203,245,246)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#f6cccb
```
#f6cccb rgb(246,204,203)
```
#f5f6cb
```
#f5f6cb rgb(245,246,203)
```

Tetradic Color

#8c8aeb
```
#8c8aeb rgb(140,138,235)
```
#a1a0ee
```
#a1a0ee rgb(161,160,238)
```
#b7b5f2
```
#b7b5f2 rgb(183,181,242)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#e1e1fa
```
#e1e1fa rgb(225,225,250)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cbd5f6
```
#cbd5f6 rgb(203,213,246)
```
#cbd1f6
```
#cbd1f6 rgb(203,209,246)
```
#cbcef6
```
#cbcef6 rgb(203,206,246)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#d0cbf6
```
#d0cbf6 rgb(208,203,246)
```
#d3cbf6
```
#d3cbf6 rgb(211,203,246)
```
#d7cbf6
```
#d7cbf6 rgb(215,203,246)
```

Similar Colors

Text with hexadecimal color #cccbf6

This text has a font color of #cccbf6.

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

#cccbf6 background color

This paragraph has a background color of #cccbf6.

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

#cccbf6 border color

This element has a border color of #cccbf6.

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

CSS codes

.text {color:#cccbf6;}

.background {background-color:#cccbf6;}

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

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, #03030f is the darkest color, while #fdfdff is the lightest one.

#03030f
```
#03030f rgb(3,3,15)
```
#060520
```
#060520 rgb(6,5,32)
```
#090830
```
#090830 rgb(9,8,48)
```
#0d0b41
```
#0d0b41 rgb(13,11,65)
```
#100e52
```
#100e52 rgb(16,14,82)
```
#131162
```
#131162 rgb(19,17,98)
```
#161473
```
#161473 rgb(22,20,115)
```
#191784
```
#191784 rgb(25,23,132)
```
#1d1a95
```
#1d1a95 rgb(29,26,149)
```
#201da5
```
#201da5 rgb(32,29,165)
```
#2320b6
```
#2320b6 rgb(35,32,182)
```
#2622c7
```
#2622c7 rgb(38,34,199)
```
#2925d8
```
#2925d8 rgb(41,37,216)
```

Shade Color Variation

#3835dc
```
#3835dc rgb(56,53,220)
```
#4945df
```
#4945df rgb(73,69,223)
```
#5956e2
```
#5956e2 rgb(89,86,226)
```
#6a67e5
```
#6a67e5 rgb(106,103,229)
```
#7a77e8
```
#7a77e8 rgb(122,119,232)
```
#8a88ea
```
#8a88ea rgb(138,136,234)
```
#9b99ed
```
#9b99ed rgb(155,153,237)
```
#abaaf0
```
#abaaf0 rgb(171,170,240)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#dcdcf9
```
#dcdcf9 rgb(220,220,249)
```
#edecfc
```
#edecfc rgb(237,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#e0e0e1
```
#e0e0e1 rgb(224,224,225)
```
#dedee3
```
#dedee3 rgb(222,222,227)
```
#dcdbe6
```
#dcdbe6 rgb(220,219,230)
```
#d9d9e8
```
#d9d9e8 rgb(217,217,232)
```
#d7d7ea
```
#d7d7ea rgb(215,215,234)
```
#d5d4ed
```
#d5d4ed rgb(213,212,237)
```
#d3d2ef
```
#d3d2ef rgb(211,210,239)
```
#d0d0f1
```
#d0d0f1 rgb(208,208,241)
```
#cecdf4
```
#cecdf4 rgb(206,205,244)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#cac9f8
```
#cac9f8 rgb(202,201,248)
```
#c8c6fb
```
#c8c6fb rgb(200,198,251)
```
#c5c4fd
```
#c5c4fd rgb(197,196,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfcfd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cff7 Protanopia 1% of men
#d1ccf6 Deuteranopia 1% of men
#c9d1e0 Tritanopia 0.001% of the population

Trichromacy

#c9cdf6 Protanomaly 1% of men, 0.01% of women
#cfccf6 Deuteranomaly 6% of men, 0.4% of women
#cacfe8 Tritanomaly 0.01% of the population

#cccbf6 hex color

#cccbf6 Color Information

#cccbf6 Color Conversion

Color Schemes with #cccbf6

Alternatives to #cccbf6

#cccbf6 Preview

Shades and Tints of #cccbf6

Tones of #cccbf6

Color Blindness Simulator