#ccbbfb hex color

In a RGB color space, hex #ccbbfb is composed of 80% red, 73.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 25.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 255.9 degrees, a saturation of 88.9% and a lightness of 85.9%. #ccbbfb color hex could be obtained by blending #ffffff with #9977f7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 73
- B 98
RGB color chart
- C 19
- M 25
- Y 0
- K 2
CMYK color chart

● #ccbbfb color description : Very soft violet.

The hexadecimal color #ccbbfb has RGB values of R:204, G:187, B:251 and CMYK values of C:0.19, M:0.25, Y:0, K:0.02. Its decimal value is 13417467.

Hex triplet	ccbbfb	`#ccbbfb`
RGB Decimal	204, 187, 251	`rgb(204,187,251)`
RGB Percent	80, 73.3, 98.4	`rgb(80%,73.3%,98.4%)`
CMYK	19, 25, 0, 2
HSL	255.9°, 88.9, 85.9	`hsl(255.9,88.9%,85.9%)`
HSV (or HSB)	255.9°, 25.5, 98.4
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.238, 18.602, -29.407
XYZ	60.082, 55.343, 98.778
xyY	0.28, 0.258, 55.343
CIE-LCH	79.238, 34.797, 302.316
CIE-LUV	79.238, 4.842, -50.025
Hunter-Lab	74.393, 13.974, -26.65
Binary	11001100, 10111011, 11111011

#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#eafbbb
```
#eafbbb rgb(234,251,187)
```

Complementary Color

#bbcafb
```
#bbcafb rgb(187,202,251)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#ecbbfb
```
#ecbbfb rgb(236,187,251)
```

Analogous Color

#cafbbb
```
#cafbbb rgb(202,251,187)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#fbecbb
```
#fbecbb rgb(251,236,187)
```

Split Complementary Color

#bbfbcc
```
#bbfbcc rgb(187,251,204)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#fbccbb
```
#fbccbb rgb(251,204,187)
```

Triadic Color

#bbeafb
```
#bbeafb rgb(187,234,251)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#fbccbb
```
#fbccbb rgb(251,204,187)
```
#eafbbb
```
#eafbbb rgb(234,251,187)
```

Tetradic Color

#9673f7
```
#9673f7 rgb(150,115,247)
```
#a88bf8
```
#a88bf8 rgb(168,139,248)
```
#baa3fa
```
#baa3fa rgb(186,163,250)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#ded3fc
```
#ded3fc rgb(222,211,252)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcbbfb
```
#bcbbfb rgb(188,187,251)
```
#c1bbfb
```
#c1bbfb rgb(193,187,251)
```
#c7bbfb
```
#c7bbfb rgb(199,187,251)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#d1bbfb
```
#d1bbfb rgb(209,187,251)
```
#d7bbfb
```
#d7bbfb rgb(215,187,251)
```
#dcbbfb
```
#dcbbfb rgb(220,187,251)
```

Similar Colors

Text with hexadecimal color #ccbbfb

This text has a font color of #ccbbfb.

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

#ccbbfb background color

This paragraph has a background color of #ccbbfb.

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

#ccbbfb border color

This element has a border color of #ccbbfb.

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

CSS codes

.text {color:#ccbbfb;}

.background {background-color:#ccbbfb;}

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

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

#020006
```
#020006 rgb(2,0,6)
```
#080119
```
#080119 rgb(8,1,25)
```
#0d032b
```
#0d032b rgb(13,3,43)
```
#13043e
```
#13043e rgb(19,4,62)
```
#190550
```
#190550 rgb(25,5,80)
```
#1e0663
```
#1e0663 rgb(30,6,99)
```
#240775
```
#240775 rgb(36,7,117)
```
#2a0888
```
#2a0888 rgb(42,8,136)
```
#30099a
```
#30099a rgb(48,9,154)
```
#350aad
```
#350aad rgb(53,10,173)
```
#3b0bbf
```
#3b0bbf rgb(59,11,191)
```
#410cd2
```
#410cd2 rgb(65,12,210)
```
#470de4
```
#470de4 rgb(71,13,228)
```

Shade Color Variation

#4f14f1
```
#4f14f1 rgb(79,20,241)
```
#5d27f2
```
#5d27f2 rgb(93,39,242)
```
#6b39f3
```
#6b39f3 rgb(107,57,243)
```
#794cf4
```
#794cf4 rgb(121,76,244)
```
#875ef6
```
#875ef6 rgb(135,94,246)
```
#9471f7
```
#9471f7 rgb(148,113,247)
```
#a283f8
```
#a283f8 rgb(162,131,248)
```
#b096f9
```
#b096f9 rgb(176,150,249)
```
#bea8fa
```
#bea8fa rgb(190,168,250)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#dacefc
```
#dacefc rgb(218,206,252)
```
#e8e0fd
```
#e8e0fd rgb(232,224,253)
```
#f6f3fe
```
#f6f3fe rgb(246,243,254)
```

Tint Color Variation

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

#dad9dd
```
#dad9dd rgb(218,217,221)
```
#d9d7df
```
#d9d7df rgb(217,215,223)
```
#d8d4e2
```
#d8d4e2 rgb(216,212,226)
```
#d6d1e5
```
#d6d1e5 rgb(214,209,229)
```
#d5cee8
```
#d5cee8 rgb(213,206,232)
```
#d4ccea
```
#d4ccea rgb(212,204,234)
```
#d2c9ed
```
#d2c9ed rgb(210,201,237)
```
#d1c6f0
```
#d1c6f0 rgb(209,198,240)
```
#d0c3f3
```
#d0c3f3 rgb(208,195,243)
```
#cfc1f5
```
#cfc1f5 rgb(207,193,245)
```
#cdbef8
```
#cdbef8 rgb(205,190,248)
```
#ccbbfb
```
#ccbbfb rgb(204,187,251)
```
#cbb8fe
```
#cbb8fe rgb(203,184,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8c5d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c5ff Protanopia 1% of men
#bdc3f9 Deuteranopia 1% of men
#c6c6d4 Tritanopia 0.001% of the population

Trichromacy

#bec1fd Protanomaly 1% of men, 0.01% of women
#c2c0f9 Deuteranomaly 6% of men, 0.4% of women
#c8c2e2 Tritanomaly 0.01% of the population

#ccbbfb hex color

#ccbbfb Color Information

#ccbbfb Color Conversion

Color Schemes with #ccbbfb

Alternatives to #ccbbfb

#ccbbfb Preview

Shades and Tints of #ccbbfb

Tones of #ccbbfb

Color Blindness Simulator