#ccbfdf hex color

In a RGB color space, hex #ccbfdf is composed of 80% red, 74.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 14.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 264.4 degrees, a saturation of 33.3% and a lightness of 81.2%. #ccbfdf color hex could be obtained by blending #ffffff with #997fbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 75
- B 87
RGB color chart
- C 9
- M 14
- Y 0
- K 13
CMYK color chart

● #ccbfdf color description : Light grayish violet.

The hexadecimal color #ccbfdf has RGB values of R:204, G:191, B:223 and CMYK values of C:0.09, M:0.14, Y:0, K:0.13. Its decimal value is 13418463.

Hex triplet	ccbfdf	`#ccbfdf`
RGB Decimal	204, 191, 223	`rgb(204,191,223)`
RGB Percent	80, 74.9, 87.5	`rgb(80%,74.9%,87.5%)`
CMYK	9, 14, 0, 13
HSL	264.4°, 33.3, 81.2	`hsl(264.4,33.3%,81.2%)`
HSV (or HSB)	264.4°, 14.3, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.286, 10.558, -14.293
XYZ	56.85, 55.427, 77.511
xyY	0.3, 0.292, 55.427
CIE-LCH	79.286, 17.769, 306.454
CIE-LUV	79.286, 5.207, -23.969
Hunter-Lab	74.449, 6.017, -9.614
Binary	11001100, 10111111, 11011111

#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#d2dfbf
```
#d2dfbf rgb(210,223,191)
```

Complementary Color

#bfc2df
```
#bfc2df rgb(191,194,223)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#dcbfdf
```
#dcbfdf rgb(220,191,223)
```

Analogous Color

#c2dfbf
```
#c2dfbf rgb(194,223,191)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#dfdcbf
```
#dfdcbf rgb(223,220,191)
```

Split Complementary Color

#bfdfcc
```
#bfdfcc rgb(191,223,204)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#dfccbf
```
#dfccbf rgb(223,204,191)
```

Triadic Color

#bfd2df
```
#bfd2df rgb(191,210,223)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#dfccbf
```
#dfccbf rgb(223,204,191)
```
#d2dfbf
```
#d2dfbf rgb(210,223,191)
```

Tetradic Color

#a38cc6
```
#a38cc6 rgb(163,140,198)
```
#b19dce
```
#b19dce rgb(177,157,206)
```
#beaed7
```
#beaed7 rgb(190,174,215)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#dad0e8
```
#dad0e8 rgb(218,208,232)
```
#e7e1f0
```
#e7e1f0 rgb(231,225,240)
```
#f5f2f9
```
#f5f2f9 rgb(245,242,249)
```

Monochromatic Color

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

#c4bfdf
```
#c4bfdf rgb(196,191,223)
```
#c7bfdf
```
#c7bfdf rgb(199,191,223)
```
#c9bfdf
```
#c9bfdf rgb(201,191,223)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#cfbfdf
```
#cfbfdf rgb(207,191,223)
```
#d1bfdf
```
#d1bfdf rgb(209,191,223)
```
#d4bfdf
```
#d4bfdf rgb(212,191,223)
```

Similar Colors

Text with hexadecimal color #ccbfdf

This text has a font color of #ccbfdf.

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

#ccbfdf background color

This paragraph has a background color of #ccbfdf.

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

#ccbfdf border color

This element has a border color of #ccbfdf.

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

CSS codes

.text {color:#ccbfdf;}

.background {background-color:#ccbfdf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a070e
```
#0a070e rgb(10,7,14)
```
#130e1c
```
#130e1c rgb(19,14,28)
```
#1d1429
```
#1d1429 rgb(29,20,41)
```
#261b36
```
#261b36 rgb(38,27,54)
```
#2f2143
```
#2f2143 rgb(47,33,67)
```
#382850
```
#382850 rgb(56,40,80)
```
#412e5d
```
#412e5d rgb(65,46,93)
```
#4b356a
```
#4b356a rgb(75,53,106)
```
#543c77
```
#543c77 rgb(84,60,119)
```
#5d4284
```
#5d4284 rgb(93,66,132)
```
#664991
```
#664991 rgb(102,73,145)
```
#6f4f9e
```
#6f4f9e rgb(111,79,158)
```

Shade Color Variation

#7956ab
```
#7956ab rgb(121,86,171)
```
#8363b1
```
#8363b1 rgb(131,99,177)
```
#8d71b8
```
#8d71b8 rgb(141,113,184)
```
#987ebe
```
#987ebe rgb(152,126,190)
```
#a28bc5
```
#a28bc5 rgb(162,139,197)
```
#ad98cb
```
#ad98cb rgb(173,152,203)
```
#b7a5d2
```
#b7a5d2 rgb(183,165,210)
```
#c2b2d8
```
#c2b2d8 rgb(194,178,216)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#d6cce6
```
#d6cce6 rgb(214,204,230)
```
#e1d9ec
```
#e1d9ec rgb(225,217,236)
```
#ebe6f3
```
#ebe6f3 rgb(235,230,243)
```
#f6f3f9
```
#f6f3f9 rgb(246,243,249)
```

Tint Color Variation

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

#cfced0
```
#cfced0 rgb(207,206,208)
```
#cecad4
```
#cecad4 rgb(206,202,212)
```
#cdc6d8
```
#cdc6d8 rgb(205,198,216)
```
#cdc3db
```
#cdc3db rgb(205,195,219)
```
#ccbfdf
```
#ccbfdf rgb(204,191,223)
```
#cbbbe3
```
#cbbbe3 rgb(203,187,227)
```
#cbb8e6
```
#cbb8e6 rgb(203,184,230)
```
#cab4ea
```
#cab4ea rgb(202,180,234)
```
#c9b0ee
```
#c9b0ee rgb(201,176,238)
```
#c9adf1
```
#c9adf1 rgb(201,173,241)
```
#c8a9f5
```
#c8a9f5 rgb(200,169,245)
```
#c7a5f9
```
#c7a5f9 rgb(199,165,249)
```
#c6a1fd
```
#c6a1fd rgb(198,161,253)
```

Tone Color Variation

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

#c2c5e2 Protanopia 1% of men
#cdc2e0 Deuteranopia 1% of men
#ccc4d2 Tritanopia 0.001% of the population

Trichromacy

#c5c3e1 Protanomaly 1% of men, 0.01% of women
#ccc1df Deuteranomaly 6% of men, 0.4% of women
#ccc2d7 Tritanomaly 0.01% of the population

#ccbfdf hex color

#ccbfdf Color Information

#ccbfdf Color Conversion

Color Schemes with #ccbfdf

Alternatives to #ccbfdf

#ccbfdf Preview

Shades and Tints of #ccbfdf

Tones of #ccbfdf

Color Blindness Simulator