#ccb1fc hex color

In a RGB color space, hex #ccb1fc is composed of 80% red, 69.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 29.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 261.6 degrees, a saturation of 92.6% and a lightness of 84.1%. #ccb1fc color hex could be obtained by blending #ffffff with #9963f9. Closest websafe color is: #cc99ff.

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

● #ccb1fc color description : Very soft violet.

The hexadecimal color #ccb1fc has RGB values of R:204, G:177, B:252 and CMYK values of C:0.19, M:0.3, Y:0, K:0.01. Its decimal value is 13414908.

Hex triplet	ccb1fc	`#ccb1fc`
RGB Decimal	204, 177, 252	`rgb(204,177,252)`
RGB Percent	80, 69.4, 98.8	`rgb(80%,69.4%,98.8%)`
CMYK	19, 30, 0, 1
HSL	261.6°, 92.6, 84.1	`hsl(261.6,92.6%,84.1%)`
HSV (or HSB)	261.6°, 29.8, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	76.866, 24.279, -33.595
XYZ	58.192, 51.31, 98.928
xyY	0.279, 0.246, 51.31
CIE-LCH	76.866, 41.449, 305.855
CIE-LUV	76.866, 9.126, -57.677
Hunter-Lab	71.631, 19.656, -31.743
Binary	11001100, 10110001, 11111100

#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#e1fcb1
```
#e1fcb1 rgb(225,252,177)
```

Complementary Color

#b1bcfc
```
#b1bcfc rgb(177,188,252)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#f2b1fc
```
#f2b1fc rgb(242,177,252)
```

Analogous Color

#bcfcb1
```
#bcfcb1 rgb(188,252,177)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#fcf2b1
```
#fcf2b1 rgb(252,242,177)
```

Split Complementary Color

#b1fccc
```
#b1fccc rgb(177,252,204)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#fcccb1
```
#fcccb1 rgb(252,204,177)
```

Triadic Color

#b1e1fc
```
#b1e1fc rgb(177,225,252)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#fcccb1
```
#fcccb1 rgb(252,204,177)
```
#e1fcb1
```
#e1fcb1 rgb(225,252,177)
```

Tetradic Color

#9c67f9
```
#9c67f9 rgb(156,103,249)
```
#ac80fa
```
#ac80fa rgb(172,128,250)
```
#bc98fb
```
#bc98fb rgb(188,152,251)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#dccafd
```
#dccafd rgb(220,202,253)
```
#ece2fe
```
#ece2fe rgb(236,226,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Monochromatic Color

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

#b9b1fc
```
#b9b1fc rgb(185,177,252)
```
#c0b1fc
```
#c0b1fc rgb(192,177,252)
```
#c6b1fc
```
#c6b1fc rgb(198,177,252)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#d2b1fc
```
#d2b1fc rgb(210,177,252)
```
#d9b1fc
```
#d9b1fc rgb(217,177,252)
```
#dfb1fc
```
#dfb1fc rgb(223,177,252)
```

Similar Colors

Text with hexadecimal color #ccb1fc

This text has a font color of #ccb1fc.

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

#ccb1fc background color

This paragraph has a background color of #ccb1fc.

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

#ccb1fc border color

This element has a border color of #ccb1fc.

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

CSS codes

.text {color:#ccb1fc;}

.background {background-color:#ccb1fc;}

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

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

#060110
```
#060110 rgb(6,1,16)
```
#0e0123
```
#0e0123 rgb(14,1,35)
```
#150236
```
#150236 rgb(21,2,54)
```
#1c0349
```
#1c0349 rgb(28,3,73)
```
#23045c
```
#23045c rgb(35,4,92)
```
#2b046f
```
#2b046f rgb(43,4,111)
```
#320582
```
#320582 rgb(50,5,130)
```
#390695
```
#390695 rgb(57,6,149)
```
#4006a8
```
#4006a8 rgb(64,6,168)
```
#4807ba
```
#4807ba rgb(72,7,186)
```
#4f08cd
```
#4f08cd rgb(79,8,205)
```
#5609e0
```
#5609e0 rgb(86,9,224)
```
#5e09f3
```
#5e09f3 rgb(94,9,243)
```

Shade Color Variation

#691af6
```
#691af6 rgb(105,26,246)
```
#762df7
```
#762df7 rgb(118,45,247)
```
#8240f8
```
#8240f8 rgb(130,64,248)
```
#8e53f8
```
#8e53f8 rgb(142,83,248)
```
#9b65f9
```
#9b65f9 rgb(155,101,249)
```
#a778fa
```
#a778fa rgb(167,120,250)
```
#b38bfb
```
#b38bfb rgb(179,139,251)
```
#c09efb
```
#c09efb rgb(192,158,251)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```
#d8c4fd
```
#d8c4fd rgb(216,196,253)
```
#e5d7fd
```
#e5d7fd rgb(229,215,253)
```
#f1eafe
```
#f1eafe rgb(241,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d6d3da
```
#d6d3da rgb(214,211,218)
```
#d5d0dd
```
#d5d0dd rgb(213,208,221)
```
#d4cde0
```
#d4cde0 rgb(212,205,224)
```
#d3cae3
```
#d3cae3 rgb(211,202,227)
```
#d2c7e6
```
#d2c7e6 rgb(210,199,230)
```
#d1c4e9
```
#d1c4e9 rgb(209,196,233)
```
#d0c1ec
```
#d0c1ec rgb(208,193,236)
```
#cfbdf0
```
#cfbdf0 rgb(207,189,240)
```
#cfbaf3
```
#cfbaf3 rgb(207,186,243)
```
#ceb7f6
```
#ceb7f6 rgb(206,183,246)
```
#cdb4f9
```
#cdb4f9 rgb(205,180,249)
```
#ccb1fc
```
#ccb1fc rgb(204,177,252)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4bfce Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbeff Protanopia 1% of men
#b2bef8 Deuteranopia 1% of men
#c4becc Tritanopia 0.001% of the population

Trichromacy

#b8b9fd Protanomaly 1% of men, 0.01% of women
#bbb9fa Deuteranomaly 6% of men, 0.4% of women
#c7b9dd Tritanomaly 0.01% of the population

#ccb1fc hex color

#ccb1fc Color Information

#ccb1fc Color Conversion

Color Schemes with #ccb1fc

Alternatives to #ccb1fc

#ccb1fc Preview

Shades and Tints of #ccb1fc

Tones of #ccb1fc

Color Blindness Simulator