#ccb3f0 hex color

In a RGB color space, hex #ccb3f0 is composed of 80% red, 70.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 25.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 264.6 degrees, a saturation of 67% and a lightness of 82.2%. #ccb3f0 color hex could be obtained by blending #ffffff with #9967e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 70
- B 94
RGB color chart
- C 15
- M 25
- Y 0
- K 6
CMYK color chart

● #ccb3f0 color description : Very soft violet.

The hexadecimal color #ccb3f0 has RGB values of R:204, G:179, B:240 and CMYK values of C:0.15, M:0.25, Y:0, K:0.06. Its decimal value is 13415408.

Hex triplet	ccb3f0	`#ccb3f0`
RGB Decimal	204, 179, 240	`rgb(204,179,240)`
RGB Percent	80, 70.2, 94.1	`rgb(80%,70.2%,94.1%)`
CMYK	15, 25, 0, 6
HSL	264.6°, 67, 82.2	`hsl(264.6,67%,82.2%)`
HSV (or HSB)	264.6°, 25.4, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.902, 20.583, -27.074
XYZ	56.747, 51.369, 89.359
xyY	0.287, 0.26, 51.369
CIE-LCH	76.902, 34.01, 307.244
CIE-LUV	76.902, 9.386, -46.251
Hunter-Lab	71.672, 15.903, -23.751
Binary	11001100, 10110011, 11110000

#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#d7f0b3
```
#d7f0b3 rgb(215,240,179)
```

Complementary Color

#b3b9f0
```
#b3b9f0 rgb(179,185,240)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#ebb3f0
```
#ebb3f0 rgb(235,179,240)
```

Analogous Color

#b9f0b3
```
#b9f0b3 rgb(185,240,179)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#f0ebb3
```
#f0ebb3 rgb(240,235,179)
```

Split Complementary Color

#b3f0cc
```
#b3f0cc rgb(179,240,204)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#f0ccb3
```
#f0ccb3 rgb(240,204,179)
```

Triadic Color

#b3d7f0
```
#b3d7f0 rgb(179,215,240)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#f0ccb3
```
#f0ccb3 rgb(240,204,179)
```
#d7f0b3
```
#d7f0b3 rgb(215,240,179)
```

Tetradic Color

#a173e3
```
#a173e3 rgb(161,115,227)
```
#af88e8
```
#af88e8 rgb(175,136,232)
```
#be9eec
```
#be9eec rgb(190,158,236)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#dac8f4
```
#dac8f4 rgb(218,200,244)
```
#e9def8
```
#e9def8 rgb(233,222,248)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Monochromatic Color

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

#bdb3f0
```
#bdb3f0 rgb(189,179,240)
```
#c2b3f0
```
#c2b3f0 rgb(194,179,240)
```
#c7b3f0
```
#c7b3f0 rgb(199,179,240)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#d1b3f0
```
#d1b3f0 rgb(209,179,240)
```
#d6b3f0
```
#d6b3f0 rgb(214,179,240)
```
#dbb3f0
```
#dbb3f0 rgb(219,179,240)
```

Similar Colors

Text with hexadecimal color #ccb3f0

This text has a font color of #ccb3f0.

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

#ccb3f0 background color

This paragraph has a background color of #ccb3f0.

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

#ccb3f0 border color

This element has a border color of #ccb3f0.

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

CSS codes

.text {color:#ccb3f0;}

.background {background-color:#ccb3f0;}

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0c0416
```
#0c0416 rgb(12,4,22)
```
#140827
```
#140827 rgb(20,8,39)
```
#1d0b37
```
#1d0b37 rgb(29,11,55)
```
#260e47
```
#260e47 rgb(38,14,71)
```
#2e1158
```
#2e1158 rgb(46,17,88)
```
#371568
```
#371568 rgb(55,21,104)
```
#3f1879
```
#3f1879 rgb(63,24,121)
```
#481b89
```
#481b89 rgb(72,27,137)
```
#511e99
```
#511e99 rgb(81,30,153)
```
#5921aa
```
#5921aa rgb(89,33,170)
```
#6225ba
```
#6225ba rgb(98,37,186)
```
#6b28ca
```
#6b28ca rgb(107,40,202)
```

Shade Color Variation

#7430d6
```
#7430d6 rgb(116,48,214)
```
#7f40d9
```
#7f40d9 rgb(127,64,217)
```
#8a51dd
```
#8a51dd rgb(138,81,221)
```
#9561e0
```
#9561e0 rgb(149,97,224)
```
#a071e3
```
#a071e3 rgb(160,113,227)
```
#ab82e6
```
#ab82e6 rgb(171,130,230)
```
#b692ea
```
#b692ea rgb(182,146,234)
```
#c1a3ed
```
#c1a3ed rgb(193,163,237)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#d7c3f3
```
#d7c3f3 rgb(215,195,243)
```
#e2d4f6
```
#e2d4f6 rgb(226,212,246)
```
#ede4fa
```
#ede4fa rgb(237,228,250)
```
#f8f5fd
```
#f8f5fd rgb(248,245,253)
```

Tint Color Variation

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

#d1cfd4
```
#d1cfd4 rgb(209,207,212)
```
#d0ccd8
```
#d0ccd8 rgb(208,204,216)
```
#d0c8db
```
#d0c8db rgb(208,200,219)
```
#cfc5df
```
#cfc5df rgb(207,197,223)
```
#cfc1e2
```
#cfc1e2 rgb(207,193,226)
```
#cebee6
```
#cebee6 rgb(206,190,230)
```
#cdbae9
```
#cdbae9 rgb(205,186,233)
```
#cdb7ed
```
#cdb7ed rgb(205,183,237)
```
#ccb3f0
```
#ccb3f0 rgb(204,179,240)
```
#cbb0f4
```
#cbb0f4 rgb(203,176,244)
```
#cbacf7
```
#cbacf7 rgb(203,172,247)
```
#caa9fb
```
#caa9fb rgb(202,169,251)
```
#c9a5fe
```
#c9a5fe rgb(201,165,254)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3beca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bff6 Protanopia 1% of men
#babdee Deuteranopia 1% of men
#c7becb Tritanopia 0.001% of the population

Trichromacy

#bbbaf3 Protanomaly 1% of men, 0.01% of women
#c0b9ef Deuteranomaly 6% of men, 0.4% of women
#c8bad8 Tritanomaly 0.01% of the population

#ccb3f0 hex color

#ccb3f0 Color Information

#ccb3f0 Color Conversion

Color Schemes with #ccb3f0

Alternatives to #ccb3f0

#ccb3f0 Preview

Shades and Tints of #ccb3f0

Tones of #ccb3f0

Color Blindness Simulator