#ccbffc hex color

In a RGB color space, hex #ccbffc is composed of 80% red, 74.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 24.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 252.8 degrees, a saturation of 91% and a lightness of 86.9%. #ccbffc color hex could be obtained by blending #ffffff with #997ff9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 75
- B 99
RGB color chart
- C 19
- M 24
- Y 0
- K 1
CMYK color chart

● #ccbffc color description : Very soft blue.

The hexadecimal color #ccbffc has RGB values of R:204, G:191, B:252 and CMYK values of C:0.19, M:0.24, Y:0, K:0.01. Its decimal value is 13418492.

Hex triplet	ccbffc	`#ccbffc`
RGB Decimal	204, 191, 252	`rgb(204,191,252)`
RGB Percent	80, 74.9, 98.8	`rgb(80%,74.9%,98.8%)`
CMYK	19, 24, 0, 1
HSL	252.8°, 91, 86.9	`hsl(252.8,91%,86.9%)`
HSV (or HSB)	252.8°, 24.2, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.251, 16.649, -28.39
XYZ	61.1, 57.127, 99.898
xyY	0.28, 0.262, 57.127
CIE-LCH	80.251, 32.911, 300.389
CIE-LUV	80.251, 2.991, -48.106
Hunter-Lab	75.582, 12.029, -25.456
Binary	11001100, 10111111, 11111100

#ccbffc
```
#ccbffc rgb(204,191,252)
```
#effcbf
```
#effcbf rgb(239,252,191)
```

Complementary Color

#bfd1fc
```
#bfd1fc rgb(191,209,252)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#ebbffc
```
#ebbffc rgb(235,191,252)
```

Analogous Color

#d1fcbf
```
#d1fcbf rgb(209,252,191)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#fcebbf
```
#fcebbf rgb(252,235,191)
```

Split Complementary Color

#bffccc
```
#bffccc rgb(191,252,204)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#fcccbf
```
#fcccbf rgb(252,204,191)
```

Triadic Color

#bfeffc
```
#bfeffc rgb(191,239,252)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#fcccbf
```
#fcccbf rgb(252,204,191)
```
#effcbf
```
#effcbf rgb(239,252,191)
```

Tetradic Color

#9276f9
```
#9276f9 rgb(146,118,249)
```
#a58efa
```
#a58efa rgb(165,142,250)
```
#b9a7fb
```
#b9a7fb rgb(185,167,251)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#dfd7fd
```
#dfd7fd rgb(223,215,253)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfc1fc
```
#bfc1fc rgb(191,193,252)
```
#c2bffc
```
#c2bffc rgb(194,191,252)
```
#c7bffc
```
#c7bffc rgb(199,191,252)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#d1bffc
```
#d1bffc rgb(209,191,252)
```
#d6bffc
```
#d6bffc rgb(214,191,252)
```
#dbbffc
```
#dbbffc rgb(219,191,252)
```

Similar Colors

Text with hexadecimal color #ccbffc

This text has a font color of #ccbffc.

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

#ccbffc background color

This paragraph has a background color of #ccbffc.

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

#ccbffc border color

This element has a border color of #ccbffc.

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

CSS codes

.text {color:#ccbffc;}

.background {background-color:#ccbffc;}

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

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

#03010b
```
#03010b rgb(3,1,11)
```
#07011e
```
#07011e rgb(7,1,30)
```
#0c0230
```
#0c0230 rgb(12,2,48)
```
#110343
```
#110343 rgb(17,3,67)
```
#150456
```
#150456 rgb(21,4,86)
```
#1a0569
```
#1a0569 rgb(26,5,105)
```
#1f067b
```
#1f067b rgb(31,6,123)
```
#24078e
```
#24078e rgb(36,7,142)
```
#2808a1
```
#2808a1 rgb(40,8,161)
```
#2d08b4
```
#2d08b4 rgb(45,8,180)
```
#3209c6
```
#3209c6 rgb(50,9,198)
```
#360ad9
```
#360ad9 rgb(54,10,217)
```
#3b0bec
```
#3b0bec rgb(59,11,236)
```

Shade Color Variation

#4616f4
```
#4616f4 rgb(70,22,244)
```
#5529f5
```
#5529f5 rgb(85,41,245)
```
#633cf6
```
#633cf6 rgb(99,60,246)
```
#724ff7
```
#724ff7 rgb(114,79,247)
```
#8161f8
```
#8161f8 rgb(129,97,248)
```
#9074f8
```
#9074f8 rgb(144,116,248)
```
#9f87f9
```
#9f87f9 rgb(159,135,249)
```
#ae9afa
```
#ae9afa rgb(174,154,250)
```
#bdacfb
```
#bdacfb rgb(189,172,251)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#dbd2fd
```
#dbd2fd rgb(219,210,253)
```
#eae4fe
```
#eae4fe rgb(234,228,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#dcdbe0
```
#dcdbe0 rgb(220,219,224)
```
#dbd9e2
```
#dbd9e2 rgb(219,217,226)
```
#d9d6e5
```
#d9d6e5 rgb(217,214,229)
```
#d8d4e7
```
#d8d4e7 rgb(216,212,231)
```
#d6d1ea
```
#d6d1ea rgb(214,209,234)
```
#d5ceed
```
#d5ceed rgb(213,206,237)
```
#d3ccef
```
#d3ccef rgb(211,204,239)
```
#d2c9f2
```
#d2c9f2 rgb(210,201,242)
```
#d0c7f4
```
#d0c7f4 rgb(208,199,244)
```
#cfc4f7
```
#cfc4f7 rgb(207,196,247)
```
#cdc2f9
```
#cdc2f9 rgb(205,194,249)
```
#ccbffc
```
#ccbffc rgb(204,191,252)
```
#cbbcff
```
#cbbcff rgb(203,188,255)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cac8d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac7ff Protanopia 1% of men
#c1c6fa Deuteranopia 1% of men
#c6c9d7 Tritanopia 0.001% of the population

Trichromacy

#c0c4fd Protanomaly 1% of men, 0.01% of women
#c5c3fb Deuteranomaly 6% of men, 0.4% of women
#c8c5e4 Tritanomaly 0.01% of the population

#ccbffc hex color

#ccbffc Color Information

#ccbffc Color Conversion

Color Schemes with #ccbffc

Alternatives to #ccbffc

#ccbffc Preview

Shades and Tints of #ccbffc

Tones of #ccbffc

Color Blindness Simulator