#ccbfe2 hex color

In a RGB color space, hex #ccbfe2 is composed of 80% red, 74.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 15.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 262.3 degrees, a saturation of 37.6% and a lightness of 81.8%. #ccbfe2 color hex could be obtained by blending #ffffff with #997fc5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 75
- B 89
RGB color chart
- C 10
- M 15
- Y 0
- K 11
CMYK color chart

● #ccbfe2 color description : Light grayish violet.

The hexadecimal color #ccbfe2 has RGB values of R:204, G:191, B:226 and CMYK values of C:0.1, M:0.15, Y:0, K:0.11. Its decimal value is 13418466.

Hex triplet	ccbfe2	`#ccbfe2`
RGB Decimal	204, 191, 226	`rgb(204,191,226)`
RGB Percent	80, 74.9, 88.6	`rgb(80%,74.9%,88.6%)`
CMYK	10, 15, 0, 11
HSL	262.3°, 37.6, 81.8	`hsl(262.3,37.6%,81.8%)`
HSV (or HSB)	262.3°, 15.5, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.38, 11.161, -15.767
XYZ	57.258, 55.59, 79.661
xyY	0.297, 0.289, 55.59
CIE-LCH	79.38, 19.318, 305.293
CIE-LUV	79.38, 4.98, -26.438
Hunter-Lab	74.559, 6.602, -11.156
Binary	11001100, 10111111, 11100010

#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#d5e2bf
```
#d5e2bf rgb(213,226,191)
```

Complementary Color

#bfc4e2
```
#bfc4e2 rgb(191,196,226)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#debfe2
```
#debfe2 rgb(222,191,226)
```

Analogous Color

#c4e2bf
```
#c4e2bf rgb(196,226,191)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#e2debf
```
#e2debf rgb(226,222,191)
```

Split Complementary Color

#bfe2cc
```
#bfe2cc rgb(191,226,204)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#e2ccbf
```
#e2ccbf rgb(226,204,191)
```

Triadic Color

#bfd5e2
```
#bfd5e2 rgb(191,213,226)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#e2ccbf
```
#e2ccbf rgb(226,204,191)
```
#d5e2bf
```
#d5e2bf rgb(213,226,191)
```

Tetradic Color

#a28aca
```
#a28aca rgb(162,138,202)
```
#b09cd2
```
#b09cd2 rgb(176,156,210)
```
#beadda
```
#beadda rgb(190,173,218)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#dad1ea
```
#dad1ea rgb(218,209,234)
```
#e8e2f2
```
#e8e2f2 rgb(232,226,242)
```
#f6f4fa
```
#f6f4fa rgb(246,244,250)
```

Monochromatic Color

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

#c3bfe2
```
#c3bfe2 rgb(195,191,226)
```
#c6bfe2
```
#c6bfe2 rgb(198,191,226)
```
#c9bfe2
```
#c9bfe2 rgb(201,191,226)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#cfbfe2
```
#cfbfe2 rgb(207,191,226)
```
#d2bfe2
```
#d2bfe2 rgb(210,191,226)
```
#d5bfe2
```
#d5bfe2 rgb(213,191,226)
```

Similar Colors

Text with hexadecimal color #ccbfe2

This text has a font color of #ccbfe2.

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

#ccbfe2 background color

This paragraph has a background color of #ccbfe2.

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

#ccbfe2 border color

This element has a border color of #ccbfe2.

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

CSS codes

.text {color:#ccbfe2;}

.background {background-color:#ccbfe2;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0811
```
#0b0811 rgb(11,8,17)
```
#140e1e
```
#140e1e rgb(20,14,30)
```
#1d142c
```
#1d142c rgb(29,20,44)
```
#261a39
```
#261a39 rgb(38,26,57)
```
#2f2047
```
#2f2047 rgb(47,32,71)
```
#372654
```
#372654 rgb(55,38,84)
```
#402c62
```
#402c62 rgb(64,44,98)
```
#49336f
```
#49336f rgb(73,51,111)
```
#52397d
```
#52397d rgb(82,57,125)
```
#5b3f8a
```
#5b3f8a rgb(91,63,138)
```
#644598
```
#644598 rgb(100,69,152)
```
#6d4ba5
```
#6d4ba5 rgb(109,75,165)
```

Shade Color Variation

#7653b1
```
#7653b1 rgb(118,83,177)
```
#8161b7
```
#8161b7 rgb(129,97,183)
```
#8b6ebd
```
#8b6ebd rgb(139,110,189)
```
#967cc3
```
#967cc3 rgb(150,124,195)
```
#a189ca
```
#a189ca rgb(161,137,202)
```
#ac97d0
```
#ac97d0 rgb(172,151,208)
```
#b6a4d6
```
#b6a4d6 rgb(182,164,214)
```
#c1b2dc
```
#c1b2dc rgb(193,178,220)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#d7cce8
```
#d7cce8 rgb(215,204,232)
```
#e2daee
```
#e2daee rgb(226,218,238)
```
#ece7f4
```
#ece7f4 rgb(236,231,244)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

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

#d0cdd4
```
#d0cdd4 rgb(208,205,212)
```
#cfcad7
```
#cfcad7 rgb(207,202,215)
```
#cec6db
```
#cec6db rgb(206,198,219)
```
#cdc3de
```
#cdc3de rgb(205,195,222)
```
#ccbfe2
```
#ccbfe2 rgb(204,191,226)
```
#cbbbe6
```
#cbbbe6 rgb(203,187,230)
```
#cab8e9
```
#cab8e9 rgb(202,184,233)
```
#c9b4ed
```
#c9b4ed rgb(201,180,237)
```
#c8b1f0
```
#c8b1f0 rgb(200,177,240)
```
#c7adf4
```
#c7adf4 rgb(199,173,244)
```
#c6aaf7
```
#c6aaf7 rgb(198,170,247)
```
#c6a6fb
```
#c6a6fb rgb(198,166,251)
```
#c5a2ff
```
#c5a2ff rgb(197,162,255)
```

Tone Color Variation

Below, you can see how #ccbfe2 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
#c8c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c6e5 Protanopia 1% of men
#ccc3e3 Deuteranopia 1% of men
#cbc5d3 Tritanopia 0.001% of the population

Trichromacy

#c5c3e4 Protanomaly 1% of men, 0.01% of women
#ccc1e2 Deuteranomaly 6% of men, 0.4% of women
#cbc2d8 Tritanomaly 0.01% of the population

#ccbfe2 hex color

#ccbfe2 Color Information

#ccbfe2 Color Conversion

Color Schemes with #ccbfe2

Alternatives to #ccbfe2

#ccbfe2 Preview

Shades and Tints of #ccbfe2

Tones of #ccbfe2

Color Blindness Simulator