#ccbdfd hex color

In a RGB color space, hex #ccbdfd is composed of 80% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 254.1 degrees, a saturation of 94.1% and a lightness of 86.7%. #ccbdfd color hex could be obtained by blending #ffffff with #997bfb. Closest websafe color is: #ccccff.

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

● #ccbdfd color description : Very soft blue.

The hexadecimal color #ccbdfd has RGB values of R:204, G:189, B:253 and CMYK values of C:0.19, M:0.25, Y:0, K:0.01. Its decimal value is 13417981.

Hex triplet	ccbdfd	`#ccbdfd`
RGB Decimal	204, 189, 253	`rgb(204,189,253)`
RGB Percent	80, 74.1, 99.2	`rgb(80%,74.1%,99.2%)`
CMYK	19, 25, 0, 1
HSL	254.1°, 94.1, 86.7	`hsl(254.1,94.1%,86.7%)`
HSV (or HSB)	254.1°, 25.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.798, 17.955, -29.619
XYZ	60.826, 56.324, 100.59
xyY	0.279, 0.259, 56.324
CIE-LCH	79.798, 34.636, 301.224
CIE-LUV	79.798, 3.797, -50.328
Hunter-Lab	75.049, 13.334, -26.933
Binary	11001100, 10111101, 11111101

#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#eefdbd
```
#eefdbd rgb(238,253,189)
```

Complementary Color

#bdcefd
```
#bdcefd rgb(189,206,253)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#ecbdfd
```
#ecbdfd rgb(236,189,253)
```

Analogous Color

#cefdbd
```
#cefdbd rgb(206,253,189)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#fdecbd
```
#fdecbd rgb(253,236,189)
```

Split Complementary Color

#bdfdcc
```
#bdfdcc rgb(189,253,204)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#fdccbd
```
#fdccbd rgb(253,204,189)
```

Triadic Color

#bdeefd
```
#bdeefd rgb(189,238,253)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#fdccbd
```
#fdccbd rgb(253,204,189)
```
#eefdbd
```
#eefdbd rgb(238,253,189)
```

Tetradic Color

#9373fb
```
#9373fb rgb(147,115,251)
```
#a68cfc
```
#a68cfc rgb(166,140,252)
```
#b9a4fc
```
#b9a4fc rgb(185,164,252)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#dfd6fe
```
#dfd6fe rgb(223,214,254)
```
#f2efff
```
#f2efff rgb(242,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdbefd
```
#bdbefd rgb(189,190,253)
```
#c1bdfd
```
#c1bdfd rgb(193,189,253)
```
#c7bdfd
```
#c7bdfd rgb(199,189,253)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#d1bdfd
```
#d1bdfd rgb(209,189,253)
```
#d7bdfd
```
#d7bdfd rgb(215,189,253)
```
#dcbdfd
```
#dcbdfd rgb(220,189,253)
```

Similar Colors

Text with hexadecimal color #ccbdfd

This text has a font color of #ccbdfd.

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

#ccbdfd background color

This paragraph has a background color of #ccbdfd.

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

#ccbdfd border color

This element has a border color of #ccbdfd.

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

CSS codes

.text {color:#ccbdfd;}

.background {background-color:#ccbdfd;}

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

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, #03000a is the darkest color, while #f8f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#08011d
```
#08011d rgb(8,1,29)
```
#0c0130
```
#0c0130 rgb(12,1,48)
```
#110243
```
#110243 rgb(17,2,67)
```
#160356
```
#160356 rgb(22,3,86)
```
#1b0369
```
#1b0369 rgb(27,3,105)
```
#20047c
```
#20047c rgb(32,4,124)
```
#25048f
```
#25048f rgb(37,4,143)
```
#2a05a2
```
#2a05a2 rgb(42,5,162)
```
#2f05b6
```
#2f05b6 rgb(47,5,182)
```
#3406c9
```
#3406c9 rgb(52,6,201)
```
#3907dc
```
#3907dc rgb(57,7,220)
```
#3d07ef
```
#3d07ef rgb(61,7,239)
```

Shade Color Variation

#4812f8
```
#4812f8 rgb(72,18,248)
```
#5625f8
```
#5625f8 rgb(86,37,248)
```
#6538f9
```
#6538f9 rgb(101,56,249)
```
#744bfa
```
#744bfa rgb(116,75,250)
```
#825efa
```
#825efa rgb(130,94,250)
```
#9171fb
```
#9171fb rgb(145,113,251)
```
#a084fb
```
#a084fb rgb(160,132,251)
```
#af97fc
```
#af97fc rgb(175,151,252)
```
#bdaafc
```
#bdaafc rgb(189,170,252)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```
#dbd0fe
```
#dbd0fe rgb(219,208,254)
```
#e9e3fe
```
#e9e3fe rgb(233,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#dddcde
```
#dddcde rgb(221,220,222)
```
#dbdae0
```
#dbdae0 rgb(219,218,224)
```
#dad7e3
```
#dad7e3 rgb(218,215,227)
```
#d9d5e5
```
#d9d5e5 rgb(217,213,229)
```
#d7d2e8
```
#d7d2e8 rgb(215,210,232)
```
#d6cfeb
```
#d6cfeb rgb(214,207,235)
```
#d4cded
```
#d4cded rgb(212,205,237)
```
#d3caf0
```
#d3caf0 rgb(211,202,240)
```
#d2c7f3
```
#d2c7f3 rgb(210,199,243)
```
#d0c5f5
```
#d0c5f5 rgb(208,197,245)
```
#cfc2f8
```
#cfc2f8 rgb(207,194,248)
```
#cdc0fa
```
#cdc0fa rgb(205,192,250)
```
#ccbdfd
```
#ccbdfd rgb(204,189,253)
```

Tone Color Variation

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

Dichromacy

#b8c6ff Protanopia 1% of men
#bfc5fb Deuteranopia 1% of men
#c6c8d6 Tritanopia 0.001% of the population

Trichromacy

#bfc3fe Protanomaly 1% of men, 0.01% of women
#c3c2fb Deuteranomaly 6% of men, 0.4% of women
#c8c4e4 Tritanomaly 0.01% of the population

#ccbdfd hex color

#ccbdfd Color Information

#ccbdfd Color Conversion

Color Schemes with #ccbdfd

Alternatives to #ccbdfd

#ccbdfd Preview

Shades and Tints of #ccbdfd

Tones of #ccbdfd

Color Blindness Simulator