#cccbf2 hex color

In a RGB color space, hex #cccbf2 is composed of 80% red, 79.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 16.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.5 degrees, a saturation of 60% and a lightness of 87.3%. #cccbf2 color hex could be obtained by blending #ffffff with #9997e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 80
- B 95
RGB color chart
- C 16
- M 16
- Y 0
- K 5
CMYK color chart

● #cccbf2 color description : Light grayish blue.

The hexadecimal color #cccbf2 has RGB values of R:204, G:203, B:242 and CMYK values of C:0.16, M:0.16, Y:0, K:0.05. Its decimal value is 13421554.

Hex triplet	cccbf2	`#cccbf2`
RGB Decimal	204, 203, 242	`rgb(204,203,242)`
RGB Percent	80, 79.6, 94.9	`rgb(80%,79.6%,94.9%)`
CMYK	16, 16, 0, 5
HSL	241.5°, 60, 87.3	`hsl(241.5,60%,87.3%)`
HSV (or HSB)	241.5°, 16.1, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.892, 8.029, -19.037
XYZ	62.282, 61.96, 92.678
xyY	0.287, 0.286, 61.96
CIE-LCH	82.892, 20.661, 292.869
CIE-LUV	82.892, -1.758, -31.414
Hunter-Lab	78.714, 3.486, -14.707
Binary	11001100, 11001011, 11110010

#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#f1f2cb
```
#f1f2cb rgb(241,242,203)
```

Complementary Color

#cbdef2
```
#cbdef2 rgb(203,222,242)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#e0cbf2
```
#e0cbf2 rgb(224,203,242)
```

Analogous Color

#def2cb
```
#def2cb rgb(222,242,203)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#f2e0cb
```
#f2e0cb rgb(242,224,203)
```

Split Complementary Color

#cbf2cc
```
#cbf2cc rgb(203,242,204)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#f2cccb
```
#f2cccb rgb(242,204,203)
```

Triadic Color

#cbf1f2
```
#cbf1f2 rgb(203,241,242)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#f2cccb
```
#f2cccb rgb(242,204,203)
```
#f1f2cb
```
#f1f2cb rgb(241,242,203)
```

Tetradic Color

#908ee3
```
#908ee3 rgb(144,142,227)
```
#a4a2e8
```
#a4a2e8 rgb(164,162,232)
```
#b8b7ed
```
#b8b7ed rgb(184,183,237)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#e0dff7
```
#e0dff7 rgb(224,223,247)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cbd4f2
```
#cbd4f2 rgb(203,212,242)
```
#cbd1f2
```
#cbd1f2 rgb(203,209,242)
```
#cbcdf2
```
#cbcdf2 rgb(203,205,242)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#cfcbf2
```
#cfcbf2 rgb(207,203,242)
```
#d3cbf2
```
#d3cbf2 rgb(211,203,242)
```
#d6cbf2
```
#d6cbf2 rgb(214,203,242)
```

Similar Colors

Text with hexadecimal color #cccbf2

This text has a font color of #cccbf2.

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

#cccbf2 background color

This paragraph has a background color of #cccbf2.

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

#cccbf2 border color

This element has a border color of #cccbf2.

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

CSS codes

.text {color:#cccbf2;}

.background {background-color:#cccbf2;}

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

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

#03030b
```
#03030b rgb(3,3,11)
```
#07071a
```
#07071a rgb(7,7,26)
```
#0b0b2a
```
#0b0b2a rgb(11,11,42)
```
#100e3a
```
#100e3a rgb(16,14,58)
```
#14124a
```
#14124a rgb(20,18,74)
```
#181659
```
#181659 rgb(24,22,89)
```
#1c1a69
```
#1c1a69 rgb(28,26,105)
```
#201e79
```
#201e79 rgb(32,30,121)
```
#252288
```
#252288 rgb(37,34,136)
```
#292698
```
#292698 rgb(41,38,152)
```
#2d2aa8
```
#2d2aa8 rgb(45,42,168)
```
#312eb7
```
#312eb7 rgb(49,46,183)
```
#3632c7
```
#3632c7 rgb(54,50,199)
```

Shade Color Variation

#413ecf
```
#413ecf rgb(65,62,207)
```
#514dd3
```
#514dd3 rgb(81,77,211)
```
#605dd7
```
#605dd7 rgb(96,93,215)
```
#706dda
```
#706dda rgb(112,109,218)
```
#7f7dde
```
#7f7dde rgb(127,125,222)
```
#8e8ce2
```
#8e8ce2 rgb(142,140,226)
```
#9e9ce6
```
#9e9ce6 rgb(158,156,230)
```
#adacea
```
#adacea rgb(173,172,234)
```
#bdbbee
```
#bdbbee rgb(189,187,238)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#dbdbf6
```
#dbdbf6 rgb(219,219,246)
```
#ebeafa
```
#ebeafa rgb(235,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#dddde1
```
#dddde1 rgb(221,221,225)
```
#dadae3
```
#dadae3 rgb(218,218,227)
```
#d8d8e6
```
#d8d8e6 rgb(216,216,230)
```
#d5d5e8
```
#d5d5e8 rgb(213,213,232)
```
#d3d3eb
```
#d3d3eb rgb(211,211,235)
```
#d1d0ed
```
#d1d0ed rgb(209,208,237)
```
#cecef0
```
#cecef0 rgb(206,206,240)
```
#cccbf2
```
#cccbf2 rgb(204,203,242)
```
#cac9f5
```
#cac9f5 rgb(202,201,245)
```
#c7c6f7
```
#c7c6f7 rgb(199,198,247)
```
#c5c4fa
```
#c5c4fa rgb(197,196,250)
```
#c3c1fc
```
#c3c1fc rgb(195,193,252)
```
#c0bfff
```
#c0bfff rgb(192,191,255)
```

Tone Color Variation

Below, you can see how #cccbf2 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
#cfcfd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cff3 Protanopia 1% of men
#d2ccf3 Deuteranopia 1% of men
#cad1e0 Tritanopia 0.001% of the population

Trichromacy

#cacdf3 Protanomaly 1% of men, 0.01% of women
#d0cbf2 Deuteranomaly 6% of men, 0.4% of women
#cbcee6 Tritanomaly 0.01% of the population

#cccbf2 hex color

#cccbf2 Color Information

#cccbf2 Color Conversion

Color Schemes with #cccbf2

Alternatives to #cccbf2

#cccbf2 Preview

Shades and Tints of #cccbf2

Tones of #cccbf2

Color Blindness Simulator