#ccc0df hex color

In a RGB color space, hex #ccc0df is composed of 80% red, 75.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 13.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 263.2 degrees, a saturation of 32.6% and a lightness of 81.4%. #ccc0df color hex could be obtained by blending #ffffff with #9981bf. 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

● #ccc0df color description : Light grayish violet.

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

Hex triplet	ccc0df	`#ccc0df`
RGB Decimal	204, 192, 223	`rgb(204,192,223)`
RGB Percent	80, 75.3, 87.5	`rgb(80%,75.3%,87.5%)`
CMYK	9, 14, 0, 13
HSL	263.2°, 32.6, 81.4	`hsl(263.2,32.6%,81.4%)`
HSV (or HSB)	263.2°, 13.9, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.537, 10.02, -13.917
XYZ	57.068, 55.864, 77.584
xyY	0.3, 0.293, 55.864
CIE-LCH	79.537, 17.149, 305.752
CIE-LUV	79.537, 4.724, -23.291
Hunter-Lab	74.743, 5.491, -9.225
Binary	11001100, 11000000, 11011111

#ccc0df
```
#ccc0df rgb(204,192,223)
```
#d3dfc0
```
#d3dfc0 rgb(211,223,192)
```

Complementary Color

#c0c4df
```
#c0c4df rgb(192,196,223)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#dcc0df
```
#dcc0df rgb(220,192,223)
```

Analogous Color

#c4dfc0
```
#c4dfc0 rgb(196,223,192)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#dfdcc0
```
#dfdcc0 rgb(223,220,192)
```

Split Complementary Color

#c0dfcc
```
#c0dfcc rgb(192,223,204)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#dfccc0
```
#dfccc0 rgb(223,204,192)
```

Triadic Color

#c0d3df
```
#c0d3df rgb(192,211,223)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#dfccc0
```
#dfccc0 rgb(223,204,192)
```
#d3dfc0
```
#d3dfc0 rgb(211,223,192)
```

Tetradic Color

#a38dc5
```
#a38dc5 rgb(163,141,197)
```
#b19ece
```
#b19ece rgb(177,158,206)
```
#beafd6
```
#beafd6 rgb(190,175,214)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#dad1e8
```
#dad1e8 rgb(218,209,232)
```
#e7e2f0
```
#e7e2f0 rgb(231,226,240)
```
#f5f3f9
```
#f5f3f9 rgb(245,243,249)
```

Monochromatic Color

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

#c4c0df
```
#c4c0df rgb(196,192,223)
```
#c7c0df
```
#c7c0df rgb(199,192,223)
```
#c9c0df
```
#c9c0df rgb(201,192,223)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#cfc0df
```
#cfc0df rgb(207,192,223)
```
#d1c0df
```
#d1c0df rgb(209,192,223)
```
#d4c0df
```
#d4c0df rgb(212,192,223)
```

Similar Colors

Text with hexadecimal color #ccc0df

This text has a font color of #ccc0df.

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

#ccc0df background color

This paragraph has a background color of #ccc0df.

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

#ccc0df border color

This element has a border color of #ccc0df.

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

CSS codes

.text {color:#ccc0df;}

.background {background-color:#ccc0df;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b080f
```
#0b080f rgb(11,8,15)
```
#140e1c
```
#140e1c rgb(20,14,28)
```
#1d1529
```
#1d1529 rgb(29,21,41)
```
#261b36
```
#261b36 rgb(38,27,54)
```
#2f2243
```
#2f2243 rgb(47,34,67)
```
#382950
```
#382950 rgb(56,41,80)
```
#412f5d
```
#412f5d rgb(65,47,93)
```
#4a366a
```
#4a366a rgb(74,54,106)
```
#533d77
```
#533d77 rgb(83,61,119)
```
#5c4384
```
#5c4384 rgb(92,67,132)
```
#654a91
```
#654a91 rgb(101,74,145)
```
#6e509e
```
#6e509e rgb(110,80,158)
```

Shade Color Variation

#7858aa
```
#7858aa rgb(120,88,170)
```
#8265b1
```
#8265b1 rgb(130,101,177)
```
#8d72b7
```
#8d72b7 rgb(141,114,183)
```
#977fbe
```
#977fbe rgb(151,127,190)
```
#a28cc5
```
#a28cc5 rgb(162,140,197)
```
#ac99cb
```
#ac99cb rgb(172,153,203)
```
#b7a6d2
```
#b7a6d2 rgb(183,166,210)
```
#c1b3d8
```
#c1b3d8 rgb(193,179,216)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#d7cde6
```
#d7cde6 rgb(215,205,230)
```
#e1daec
```
#e1daec rgb(225,218,236)
```
#ece7f3
```
#ece7f3 rgb(236,231,243)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#cfcfd0
```
#cfcfd0 rgb(207,207,208)
```
#cecbd4
```
#cecbd4 rgb(206,203,212)
```
#cec7d8
```
#cec7d8 rgb(206,199,216)
```
#cdc4db
```
#cdc4db rgb(205,196,219)
```
#ccc0df
```
#ccc0df rgb(204,192,223)
```
#cbbce3
```
#cbbce3 rgb(203,188,227)
```
#cab9e6
```
#cab9e6 rgb(202,185,230)
```
#cab5ea
```
#cab5ea rgb(202,181,234)
```
#c9b1ee
```
#c9b1ee rgb(201,177,238)
```
#c8aef1
```
#c8aef1 rgb(200,174,241)
```
#c7aaf5
```
#c7aaf5 rgb(199,170,245)
```
#c6a6f9
```
#c6a6f9 rgb(198,166,249)
```
#c5a3fc
```
#c5a3fc rgb(197,163,252)
```

Tone Color Variation

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

Dichromacy

#c3c6e2 Protanopia 1% of men
#cec3e0 Deuteranopia 1% of men
#ccc5d3 Tritanopia 0.001% of the population

Trichromacy

#c6c4e1 Protanomaly 1% of men, 0.01% of women
#cdc2e0 Deuteranomaly 6% of men, 0.4% of women
#ccc3d7 Tritanomaly 0.01% of the population

#ccc0df hex color

#ccc0df Color Information

#ccc0df Color Conversion

Color Schemes with #ccc0df

Alternatives to #ccc0df

#ccc0df Preview

Shades and Tints of #ccc0df

Tones of #ccc0df

Color Blindness Simulator