#ccbff2 hex color

In a RGB color space, hex #ccbff2 is composed of 80% red, 74.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 21.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 255.3 degrees, a saturation of 66.2% and a lightness of 84.9%. #ccbff2 color hex could be obtained by blending #ffffff with #997fe5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 75
- B 95
RGB color chart
- C 16
- M 21
- Y 0
- K 5
CMYK color chart

● #ccbff2 color description : Very soft violet.

The hexadecimal color #ccbff2 has RGB values of R:204, G:191, B:242 and CMYK values of C:0.16, M:0.21, Y:0, K:0.05. Its decimal value is 13418482.

Hex triplet	ccbff2	`#ccbff2`
RGB Decimal	204, 191, 242	`rgb(204,191,242)`
RGB Percent	80, 74.9, 94.9	`rgb(80%,74.9%,94.9%)`
CMYK	16, 21, 0, 5
HSL	255.3°, 66.2, 84.9	`hsl(255.3,66.2%,84.9%)`
HSV (or HSB)	255.3°, 21.1, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.903, 14.484, -23.569
XYZ	59.557, 56.51, 91.769
xyY	0.287, 0.272, 56.51
CIE-LCH	79.903, 27.664, 301.573
CIE-LUV	79.903, 3.759, -39.727
Hunter-Lab	75.173, 9.867, -19.759
Binary	11001100, 10111111, 11110010

#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#e5f2bf
```
#e5f2bf rgb(229,242,191)
```

Complementary Color

#bfccf2
```
#bfccf2 rgb(191,204,242)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#e6bff2
```
#e6bff2 rgb(230,191,242)
```

Analogous Color

#ccf2bf
```
#ccf2bf rgb(204,242,191)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#f2e6bf
```
#f2e6bf rgb(242,230,191)
```

Split Complementary Color

#bff2cc
```
#bff2cc rgb(191,242,204)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#f2ccbf
```
#f2ccbf rgb(242,204,191)
```

Triadic Color

#bfe5f2
```
#bfe5f2 rgb(191,229,242)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#f2ccbf
```
#f2ccbf rgb(242,204,191)
```
#e5f2bf
```
#e5f2bf rgb(229,242,191)
```

Tetradic Color

#997fe5
```
#997fe5 rgb(153,127,229)
```
#aa95e9
```
#aa95e9 rgb(170,149,233)
```
#bbaaee
```
#bbaaee rgb(187,170,238)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#ddd4f6
```
#ddd4f6 rgb(221,212,246)
```
#eee9fb
```
#eee9fb rgb(238,233,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfbff2
```
#bfbff2 rgb(191,191,242)
```
#c4bff2
```
#c4bff2 rgb(196,191,242)
```
#c8bff2
```
#c8bff2 rgb(200,191,242)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#d0bff2
```
#d0bff2 rgb(208,191,242)
```
#d5bff2
```
#d5bff2 rgb(213,191,242)
```
#d9bff2
```
#d9bff2 rgb(217,191,242)
```

Similar Colors

Text with hexadecimal color #ccbff2

This text has a font color of #ccbff2.

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

#ccbff2 background color

This paragraph has a background color of #ccbff2.

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

#ccbff2 border color

This element has a border color of #ccbff2.

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

CSS codes

.text {color:#ccbff2;}

.background {background-color:#ccbff2;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070412
```
#070412 rgb(7,4,18)
```
#0e0722
```
#0e0722 rgb(14,7,34)
```
#140a32
```
#140a32 rgb(20,10,50)
```
#1b0d42
```
#1b0d42 rgb(27,13,66)
```
#221153
```
#221153 rgb(34,17,83)
```
#281463
```
#281463 rgb(40,20,99)
```
#2f1773
```
#2f1773 rgb(47,23,115)
```
#351b84
```
#351b84 rgb(53,27,132)
```
#3c1e94
```
#3c1e94 rgb(60,30,148)
```
#4321a4
```
#4321a4 rgb(67,33,164)
```
#4925b5
```
#4925b5 rgb(73,37,181)
```
#5028c5
```
#5028c5 rgb(80,40,197)
```

Shade Color Variation

#572cd4
```
#572cd4 rgb(87,44,212)
```
#643dd8
```
#643dd8 rgb(100,61,216)
```
#714ddb
```
#714ddb rgb(113,77,219)
```
#7e5dde
```
#7e5dde rgb(126,93,222)
```
#8b6de1
```
#8b6de1 rgb(139,109,225)
```
#987ee5
```
#987ee5 rgb(152,126,229)
```
#a58ee8
```
#a58ee8 rgb(165,142,232)
```
#b29eeb
```
#b29eeb rgb(178,158,235)
```
#bfafef
```
#bfafef rgb(191,175,239)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#d9cff5
```
#d9cff5 rgb(217,207,245)
```
#e6e0f9
```
#e6e0f9 rgb(230,224,249)
```
#f3f0fc
```
#f3f0fc rgb(243,240,252)
```

Tint Color Variation

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

#d8d7da
```
#d8d7da rgb(216,215,218)
```
#d6d4dd
```
#d6d4dd rgb(214,212,221)
```
#d5d1e0
```
#d5d1e0 rgb(213,209,224)
```
#d3cee3
```
#d3cee3 rgb(211,206,227)
```
#d2cbe6
```
#d2cbe6 rgb(210,203,230)
```
#d0c8e9
```
#d0c8e9 rgb(208,200,233)
```
#cfc5ec
```
#cfc5ec rgb(207,197,236)
```
#cdc2ef
```
#cdc2ef rgb(205,194,239)
```
#ccbff2
```
#ccbff2 rgb(204,191,242)
```
#cbbcf5
```
#cbbcf5 rgb(203,188,245)
```
#c9b9f8
```
#c9b9f8 rgb(201,185,248)
```
#c8b6fb
```
#c8b6fb rgb(200,182,251)
```
#c6b3fe
```
#c6b3fe rgb(198,179,254)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cac7d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc7f5 Protanopia 1% of men
#c6c5f1 Deuteranopia 1% of men
#c8c7d5 Tritanopia 0.001% of the population

Trichromacy

#c2c4f4 Protanomaly 1% of men, 0.01% of women
#c8c2f1 Deuteranomaly 6% of men, 0.4% of women
#c9c4e0 Tritanomaly 0.01% of the population

#ccbff2 hex color

#ccbff2 Color Information

#ccbff2 Color Conversion

Color Schemes with #ccbff2

Alternatives to #ccbff2

#ccbff2 Preview

Shades and Tints of #ccbff2

Tones of #ccbff2

Color Blindness Simulator