#ccbff6 hex color

In a RGB color space, hex #ccbff6 is composed of 80% red, 74.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 22.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 254.2 degrees, a saturation of 75.3% and a lightness of 85.7%. #ccbff6 color hex could be obtained by blending #ffffff with #997fed. Closest websafe color is: #ccccff.

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

● #ccbff6 color description : Very soft blue.

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

Hex triplet	ccbff6	`#ccbff6`
RGB Decimal	204, 191, 246	`rgb(204,191,246)`
RGB Percent	80, 74.9, 96.5	`rgb(80%,74.9%,96.5%)`
CMYK	17, 22, 0, 4
HSL	254.2°, 75.3, 85.7	`hsl(254.2,75.3%,85.7%)`
HSV (or HSB)	254.2°, 22.4, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.04, 15.342, -25.503
XYZ	60.164, 56.753, 94.968
xyY	0.284, 0.268, 56.753
CIE-LCH	80.04, 29.762, 301.031
CIE-LUV	80.04, 3.452, -43.074
Hunter-Lab	75.334, 10.72, -22.008
Binary	11001100, 10111111, 11110110

#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#e9f6bf
```
#e9f6bf rgb(233,246,191)
```

Complementary Color

#bfcef6
```
#bfcef6 rgb(191,206,246)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#e8bff6
```
#e8bff6 rgb(232,191,246)
```

Analogous Color

#cef6bf
```
#cef6bf rgb(206,246,191)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#f6e8bf
```
#f6e8bf rgb(246,232,191)
```

Split Complementary Color

#bff6cc
```
#bff6cc rgb(191,246,204)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#f6ccbf
```
#f6ccbf rgb(246,204,191)
```

Triadic Color

#bfe9f6
```
#bfe9f6 rgb(191,233,246)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#f6ccbf
```
#f6ccbf rgb(246,204,191)
```
#e9f6bf
```
#e9f6bf rgb(233,246,191)
```

Tetradic Color

#977ced
```
#977ced rgb(151,124,237)
```
#a892f0
```
#a892f0 rgb(168,146,240)
```
#baa9f3
```
#baa9f3 rgb(186,169,243)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#ded5f9
```
#ded5f9 rgb(222,213,249)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfc0f6
```
#bfc0f6 rgb(191,192,246)
```
#c3bff6
```
#c3bff6 rgb(195,191,246)
```
#c7bff6
```
#c7bff6 rgb(199,191,246)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#d1bff6
```
#d1bff6 rgb(209,191,246)
```
#d5bff6
```
#d5bff6 rgb(213,191,246)
```
#dabff6
```
#dabff6 rgb(218,191,246)
```

Similar Colors

Text with hexadecimal color #ccbff6

This text has a font color of #ccbff6.

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

#ccbff6 background color

This paragraph has a background color of #ccbff6.

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

#ccbff6 border color

This element has a border color of #ccbff6.

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

CSS codes

.text {color:#ccbff6;}

.background {background-color:#ccbff6;}

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080316
```
#080316 rgb(8,3,22)
```
#0d0627
```
#0d0627 rgb(13,6,39)
```
#130838
```
#130838 rgb(19,8,56)
```
#190a4a
```
#190a4a rgb(25,10,74)
```
#1f0d5b
```
#1f0d5b rgb(31,13,91)
```
#250f6c
```
#250f6c rgb(37,15,108)
```
#2b127d
```
#2b127d rgb(43,18,125)
```
#31148e
```
#31148e rgb(49,20,142)
```
#3716a0
```
#3716a0 rgb(55,22,160)
```
#3d19b1
```
#3d19b1 rgb(61,25,177)
```
#431bc2
```
#431bc2 rgb(67,27,194)
```
#491ed3
```
#491ed3 rgb(73,30,211)
```

Shade Color Variation

#5124e0
```
#5124e0 rgb(81,36,224)
```
#5e35e3
```
#5e35e3 rgb(94,53,227)
```
#6c47e5
```
#6c47e5 rgb(108,71,229)
```
#7a58e7
```
#7a58e7 rgb(122,88,231)
```
#8769ea
```
#8769ea rgb(135,105,234)
```
#957aec
```
#957aec rgb(149,122,236)
```
#a38bef
```
#a38bef rgb(163,139,239)
```
#b19df1
```
#b19df1 rgb(177,157,241)
```
#beaef4
```
#beaef4 rgb(190,174,244)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#dad0f8
```
#dad0f8 rgb(218,208,248)
```
#e7e1fb
```
#e7e1fb rgb(231,225,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#d9d8dd
```
#d9d8dd rgb(217,216,221)
```
#d8d5e0
```
#d8d5e0 rgb(216,213,224)
```
#d6d3e2
```
#d6d3e2 rgb(214,211,226)
```
#d5d0e5
```
#d5d0e5 rgb(213,208,229)
```
#d3cde8
```
#d3cde8 rgb(211,205,232)
```
#d2caeb
```
#d2caeb rgb(210,202,235)
```
#d0c7ee
```
#d0c7ee rgb(208,199,238)
```
#cfc5f0
```
#cfc5f0 rgb(207,197,240)
```
#cdc2f3
```
#cdc2f3 rgb(205,194,243)
```
#ccbff6
```
#ccbff6 rgb(204,191,246)
```
#cbbcf9
```
#cbbcf9 rgb(203,188,249)
```
#c9b9fc
```
#c9b9fc rgb(201,185,252)
```
#c8b7fe
```
#c8b7fe rgb(200,183,254)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cac7d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc7f9 Protanopia 1% of men
#c4c5f5 Deuteranopia 1% of men
#c7c8d6 Tritanopia 0.001% of the population

Trichromacy

#c1c4f8 Protanomaly 1% of men, 0.01% of women
#c7c3f5 Deuteranomaly 6% of men, 0.4% of women
#c9c4e2 Tritanomaly 0.01% of the population

#ccbff6 hex color

#ccbff6 Color Information

#ccbff6 Color Conversion

Color Schemes with #ccbff6

Alternatives to #ccbff6

#ccbff6 Preview

Shades and Tints of #ccbff6

Tones of #ccbff6

Color Blindness Simulator