#ccbdf7 hex color

In a RGB color space, hex #ccbdf7 is composed of 80% red, 74.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 23.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 255.5 degrees, a saturation of 78.4% and a lightness of 85.5%. #ccbdf7 color hex could be obtained by blending #ffffff with #997bef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 74
- B 97
RGB color chart
- C 17
- M 23
- Y 0
- K 3
CMYK color chart

● #ccbdf7 color description : Very soft violet.

The hexadecimal color #ccbdf7 has RGB values of R:204, G:189, B:247 and CMYK values of C:0.17, M:0.23, Y:0, K:0.03. Its decimal value is 13417975.

Hex triplet	ccbdf7	`#ccbdf7`
RGB Decimal	204, 189, 247	`rgb(204,189,247)`
RGB Percent	80, 74.1, 96.9	`rgb(80%,74.1%,96.9%)`
CMYK	17, 23, 0, 3
HSL	255.5°, 78.4, 85.5	`hsl(255.5,78.4%,85.5%)`
HSV (or HSB)	255.5°, 23.5, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.584, 16.643, -26.735
XYZ	59.885, 55.948, 95.635
xyY	0.283, 0.265, 55.948
CIE-LCH	79.584, 31.492, 301.903
CIE-LUV	79.584, 4.275, -45.291
Hunter-Lab	74.798, 12.014, -23.447
Binary	11001100, 10111101, 11110111

#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#e8f7bd
```
#e8f7bd rgb(232,247,189)
```

Complementary Color

#bdcbf7
```
#bdcbf7 rgb(189,203,247)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#e9bdf7
```
#e9bdf7 rgb(233,189,247)
```

Analogous Color

#cbf7bd
```
#cbf7bd rgb(203,247,189)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#f7e9bd
```
#f7e9bd rgb(247,233,189)
```

Split Complementary Color

#bdf7cc
```
#bdf7cc rgb(189,247,204)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#f7ccbd
```
#f7ccbd rgb(247,204,189)
```

Triadic Color

#bde8f7
```
#bde8f7 rgb(189,232,247)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#f7ccbd
```
#f7ccbd rgb(247,204,189)
```
#e8f7bd
```
#e8f7bd rgb(232,247,189)
```

Tetradic Color

#9779ef
```
#9779ef rgb(151,121,239)
```
#a990f1
```
#a990f1 rgb(169,144,241)
```
#baa6f4
```
#baa6f4 rgb(186,166,244)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#ded4fa
```
#ded4fa rgb(222,212,250)
```
#efeafd
```
#efeafd rgb(239,234,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bebdf7
```
#bebdf7 rgb(190,189,247)
```
#c2bdf7
```
#c2bdf7 rgb(194,189,247)
```
#c7bdf7
```
#c7bdf7 rgb(199,189,247)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#d1bdf7
```
#d1bdf7 rgb(209,189,247)
```
#d6bdf7
```
#d6bdf7 rgb(214,189,247)
```
#dbbdf7
```
#dbbdf7 rgb(219,189,247)
```

Similar Colors

Text with hexadecimal color #ccbdf7

This text has a font color of #ccbdf7.

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

#ccbdf7 background color

This paragraph has a background color of #ccbdf7.

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

#ccbdf7 border color

This element has a border color of #ccbdf7.

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

CSS codes

.text {color:#ccbdf7;}

.background {background-color:#ccbdf7;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#070315
```
#070315 rgb(7,3,21)
```
#0e0527
```
#0e0527 rgb(14,5,39)
```
#140738
```
#140738 rgb(20,7,56)
```
#1a094a
```
#1a094a rgb(26,9,74)
```
#200b5b
```
#200b5b rgb(32,11,91)
```
#260d6d
```
#260d6d rgb(38,13,109)
```
#2c0f7e
```
#2c0f7e rgb(44,15,126)
```
#321190
```
#321190 rgb(50,17,144)
```
#3814a1
```
#3814a1 rgb(56,20,161)
```
#3e16b3
```
#3e16b3 rgb(62,22,179)
```
#4418c4
```
#4418c4 rgb(68,24,196)
```
#4b1ad6
```
#4b1ad6 rgb(75,26,214)
```

Shade Color Variation

#5220e4
```
#5220e4 rgb(82,32,228)
```
#6031e6
```
#6031e6 rgb(96,49,230)
```
#6d43e8
```
#6d43e8 rgb(109,67,232)
```
#7b54ea
```
#7b54ea rgb(123,84,234)
```
#8866ec
```
#8866ec rgb(136,102,236)
```
#9677ef
```
#9677ef rgb(150,119,239)
```
#a389f1
```
#a389f1 rgb(163,137,241)
```
#b19af3
```
#b19af3 rgb(177,154,243)
```
#beacf5
```
#beacf5 rgb(190,172,245)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#dacef9
```
#dacef9 rgb(218,206,249)
```
#e7e0fb
```
#e7e0fb rgb(231,224,251)
```
#f5f1fd
```
#f5f1fd rgb(245,241,253)
```

Tint Color Variation

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

#dad9db
```
#dad9db rgb(218,217,219)
```
#d8d7dd
```
#d8d7dd rgb(216,215,221)
```
#d7d4e0
```
#d7d4e0 rgb(215,212,224)
```
#d6d1e3
```
#d6d1e3 rgb(214,209,227)
```
#d4cee6
```
#d4cee6 rgb(212,206,230)
```
#d3cbe9
```
#d3cbe9 rgb(211,203,233)
```
#d1c8ec
```
#d1c8ec rgb(209,200,236)
```
#d0c6ee
```
#d0c6ee rgb(208,198,238)
```
#cfc3f1
```
#cfc3f1 rgb(207,195,241)
```
#cdc0f4
```
#cdc0f4 rgb(205,192,244)
```
#ccbdf7
```
#ccbdf7 rgb(204,189,247)
```
#cbbafa
```
#cbbafa rgb(203,186,250)
```
#c9b7fd
```
#c9b7fd rgb(201,183,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9c6d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c6fb Protanopia 1% of men
#c1c4f5 Deuteranopia 1% of men
#c7c7d5 Tritanopia 0.001% of the population

Trichromacy

#c0c2f9 Protanomaly 1% of men, 0.01% of women
#c5c1f6 Deuteranomaly 6% of men, 0.4% of women
#c9c3e1 Tritanomaly 0.01% of the population

#ccbdf7 hex color

#ccbdf7 Color Information

#ccbdf7 Color Conversion

Color Schemes with #ccbdf7

Alternatives to #ccbdf7

#ccbdf7 Preview

Shades and Tints of #ccbdf7

Tones of #ccbdf7

Color Blindness Simulator