#ccb2fc hex color

In a RGB color space, hex #ccb2fc is composed of 80% red, 69.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 29.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 261.1 degrees, a saturation of 92.5% and a lightness of 84.3%. #ccb2fc color hex could be obtained by blending #ffffff with #9965f9. Closest websafe color is: #cc99ff.

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

● #ccb2fc color description : Very soft violet.

The hexadecimal color #ccb2fc has RGB values of R:204, G:178, B:252 and CMYK values of C:0.19, M:0.29, Y:0, K:0.01. Its decimal value is 13415164.

Hex triplet	ccb2fc	`#ccb2fc`
RGB Decimal	204, 178, 252	`rgb(204,178,252)`
RGB Percent	80, 69.8, 98.8	`rgb(80%,69.8%,98.8%)`
CMYK	19, 29, 0, 1
HSL	261.1°, 92.5, 84.3	`hsl(261.1,92.5%,84.3%)`
HSV (or HSB)	261.1°, 29.4, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	77.105, 23.732, -33.226
XYZ	58.39, 51.707, 98.994
xyY	0.279, 0.247, 51.707
CIE-LCH	77.105, 40.831, 305.536
CIE-LUV	77.105, 8.693, -57.002
Hunter-Lab	71.907, 19.107, -31.289
Binary	11001100, 10110010, 11111100

#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#e2fcb2
```
#e2fcb2 rgb(226,252,178)
```

Complementary Color

#b2bdfc
```
#b2bdfc rgb(178,189,252)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#f1b2fc
```
#f1b2fc rgb(241,178,252)
```

Analogous Color

#bdfcb2
```
#bdfcb2 rgb(189,252,178)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#fcf1b2
```
#fcf1b2 rgb(252,241,178)
```

Split Complementary Color

#b2fccc
```
#b2fccc rgb(178,252,204)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#fcccb2
```
#fcccb2 rgb(252,204,178)
```

Triadic Color

#b2e2fc
```
#b2e2fc rgb(178,226,252)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#fcccb2
```
#fcccb2 rgb(252,204,178)
```
#e2fcb2
```
#e2fcb2 rgb(226,252,178)
```

Tetradic Color

#9b68f9
```
#9b68f9 rgb(155,104,249)
```
#ab81fa
```
#ab81fa rgb(171,129,250)
```
#bc99fb
```
#bc99fb rgb(188,153,251)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#dccbfd
```
#dccbfd rgb(220,203,253)
```
#ede3fe
```
#ede3fe rgb(237,227,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Monochromatic Color

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

#bab2fc
```
#bab2fc rgb(186,178,252)
```
#c0b2fc
```
#c0b2fc rgb(192,178,252)
```
#c6b2fc
```
#c6b2fc rgb(198,178,252)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#d2b2fc
```
#d2b2fc rgb(210,178,252)
```
#d8b2fc
```
#d8b2fc rgb(216,178,252)
```
#dfb2fc
```
#dfb2fc rgb(223,178,252)
```

Similar Colors

Text with hexadecimal color #ccb2fc

This text has a font color of #ccb2fc.

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

#ccb2fc background color

This paragraph has a background color of #ccb2fc.

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

#ccb2fc border color

This element has a border color of #ccb2fc.

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

CSS codes

.text {color:#ccb2fc;}

.background {background-color:#ccb2fc;}

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

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

#070111
```
#070111 rgb(7,1,17)
```
#0e0124
```
#0e0124 rgb(14,1,36)
```
#150237
```
#150237 rgb(21,2,55)
```
#1c034a
```
#1c034a rgb(28,3,74)
```
#23045d
```
#23045d rgb(35,4,93)
```
#2a0470
```
#2a0470 rgb(42,4,112)
```
#310583
```
#310583 rgb(49,5,131)
```
#380696
```
#380696 rgb(56,6,150)
```
#3f07a8
```
#3f07a8 rgb(63,7,168)
```
#4707bb
```
#4707bb rgb(71,7,187)
```
#4e08ce
```
#4e08ce rgb(78,8,206)
```
#5509e1
```
#5509e1 rgb(85,9,225)
```
#5c0af4
```
#5c0af4 rgb(92,10,244)
```

Shade Color Variation

#681bf6
```
#681bf6 rgb(104,27,246)
```
#742ef7
```
#742ef7 rgb(116,46,247)
```
#8141f8
```
#8141f8 rgb(129,65,248)
```
#8d54f8
```
#8d54f8 rgb(141,84,248)
```
#9a66f9
```
#9a66f9 rgb(154,102,249)
```
#a679fa
```
#a679fa rgb(166,121,250)
```
#b38cfb
```
#b38cfb rgb(179,140,251)
```
#bf9ffb
```
#bf9ffb rgb(191,159,251)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```
#d9c5fd
```
#d9c5fd rgb(217,197,253)
```
#e5d8fd
```
#e5d8fd rgb(229,216,253)
```
#f2ebfe
```
#f2ebfe rgb(242,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d6d4da
```
#d6d4da rgb(214,212,218)
```
#d5d1dd
```
#d5d1dd rgb(213,209,221)
```
#d4cee0
```
#d4cee0 rgb(212,206,224)
```
#d3cbe3
```
#d3cbe3 rgb(211,203,227)
```
#d2c8e6
```
#d2c8e6 rgb(210,200,230)
```
#d1c4ea
```
#d1c4ea rgb(209,196,234)
```
#d1c1ed
```
#d1c1ed rgb(209,193,237)
```
#d0bef0
```
#d0bef0 rgb(208,190,240)
```
#cfbbf3
```
#cfbbf3 rgb(207,187,243)
```
#ceb8f6
```
#ceb8f6 rgb(206,184,246)
```
#cdb5f9
```
#cdb5f9 rgb(205,181,249)
```
#ccb2fc
```
#ccb2fc rgb(204,178,252)
```

Tone Color Variation

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

#aebfff Protanopia 1% of men
#b3bef9 Deuteranopia 1% of men
#c4bfcd Tritanopia 0.001% of the population

Trichromacy

#b8bafd Protanomaly 1% of men, 0.01% of women
#bcbafa Deuteranomaly 6% of men, 0.4% of women
#c7bade Tritanomaly 0.01% of the population

#ccb2fc hex color

#ccb2fc Color Information

#ccb2fc Color Conversion

Color Schemes with #ccb2fc

Alternatives to #ccb2fc

#ccb2fc Preview

Shades and Tints of #ccb2fc

Tones of #ccb2fc

Color Blindness Simulator