#c2ccdd hex color

In a RGB color space, hex #c2ccdd is composed of 76.1% red, 80% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 7.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.8 degrees, a saturation of 28.4% and a lightness of 81.4%. #c2ccdd color hex could be obtained by blending #ffffff with #8599bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 76
- G 80
- B 87
RGB color chart
- C 12
- M 8
- Y 0
- K 13
CMYK color chart

● #c2ccdd color description : Light grayish blue.

The hexadecimal color #c2ccdd has RGB values of R:194, G:204, B:221 and CMYK values of C:0.12, M:0.08, Y:0, K:0.13. Its decimal value is 12766429.

Hex triplet	c2ccdd	`#c2ccdd`
RGB Decimal	194, 204, 221	`rgb(194,204,221)`
RGB Percent	76.1, 80, 86.7	`rgb(76.1%,80%,86.7%)`
CMYK	12, 8, 0, 13
HSL	217.8°, 28.4, 81.4	`hsl(217.8,28.4%,81.4%)`
HSV (or HSB)	217.8°, 12.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.77, -0.049, -9.588
XYZ	56.89, 59.875, 76.962
xyY	0.294, 0.309, 59.875
CIE-LCH	81.77, 9.588, 269.708
CIE-LUV	81.77, -6.329, -14.814
Hunter-Lab	77.379, -4.179, -4.806
Binary	11000010, 11001100, 11011101

#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#ddd3c2
```
#ddd3c2 rgb(221,211,194)
```

Complementary Color

#c2dadd
```
#c2dadd rgb(194,218,221)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#c6c2dd
```
#c6c2dd rgb(198,194,221)
```

Analogous Color

#daddc2
```
#daddc2 rgb(218,221,194)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#ddc6c2
```
#ddc6c2 rgb(221,198,194)
```

Split Complementary Color

#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#ddc2cc
```
#ddc2cc rgb(221,194,204)
```

Triadic Color

#c2ddd3
```
#c2ddd3 rgb(194,221,211)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#ddc2cc
```
#ddc2cc rgb(221,194,204)
```
#ddd3c2
```
#ddd3c2 rgb(221,211,194)
```

Tetradic Color

#91a3c2
```
#91a3c2 rgb(145,163,194)
```
#a1b1cb
```
#a1b1cb rgb(161,177,203)
```
#b2bed4
```
#b2bed4 rgb(178,190,212)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#d2dae6
```
#d2dae6 rgb(210,218,230)
```
#e3e7ef
```
#e3e7ef rgb(227,231,239)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Monochromatic Color

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

#c2d3dd
```
#c2d3dd rgb(194,211,221)
```
#c2d1dd
```
#c2d1dd rgb(194,209,221)
```
#c2cedd
```
#c2cedd rgb(194,206,221)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#c2cadd
```
#c2cadd rgb(194,202,221)
```
#c2c8dd
```
#c2c8dd rgb(194,200,221)
```
#c2c5dd
```
#c2c5dd rgb(194,197,221)
```

Similar Colors

Text with hexadecimal color #c2ccdd

This text has a font color of #c2ccdd.

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

#c2ccdd background color

This paragraph has a background color of #c2ccdd.

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

#c2ccdd border color

This element has a border color of #c2ccdd.

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

CSS codes

.text {color:#c2ccdd;}

.background {background-color:#c2ccdd;}

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

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 #f4f6f9 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0f141b
```
#0f141b rgb(15,20,27)
```
#161d28
```
#161d28 rgb(22,29,40)
```
#1d2634
```
#1d2634 rgb(29,38,52)
```
#242f41
```
#242f41 rgb(36,47,65)
```
#2b384e
```
#2b384e rgb(43,56,78)
```
#32415a
```
#32415a rgb(50,65,90)
```
#394a67
```
#394a67 rgb(57,74,103)
```
#405373
```
#405373 rgb(64,83,115)
```
#475c80
```
#475c80 rgb(71,92,128)
```
#4e658d
```
#4e658d rgb(78,101,141)
```
#556e99
```
#556e99 rgb(85,110,153)
```

Shade Color Variation

#5d78a5
```
#5d78a5 rgb(93,120,165)
```
#6a82ac
```
#6a82ac rgb(106,130,172)
```
#768db3
```
#768db3 rgb(118,141,179)
```
#8397ba
```
#8397ba rgb(131,151,186)
```
#90a2c1
```
#90a2c1 rgb(144,162,193)
```
#9cacc8
```
#9cacc8 rgb(156,172,200)
```
#a9b7cf
```
#a9b7cf rgb(169,183,207)
```
#b5c1d6
```
#b5c1d6 rgb(181,193,214)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#cfd7e4
```
#cfd7e4 rgb(207,215,228)
```
#dbe1eb
```
#dbe1eb rgb(219,225,235)
```
#e8ecf2
```
#e8ecf2 rgb(232,236,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

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

#cdcfd2
```
#cdcfd2 rgb(205,207,210)
```
#c9ced6
```
#c9ced6 rgb(201,206,214)
```
#c6cdd9
```
#c6cdd9 rgb(198,205,217)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#becbe1
```
#becbe1 rgb(190,203,225)
```
#bbcae4
```
#bbcae4 rgb(187,202,228)
```
#b7c9e8
```
#b7c9e8 rgb(183,201,232)
```
#b3c8ec
```
#b3c8ec rgb(179,200,236)
```
#b0c7ef
```
#b0c7ef rgb(176,199,239)
```
#acc6f3
```
#acc6f3 rgb(172,198,243)
```
#a8c5f7
```
#a8c5f7 rgb(168,197,247)
```
#a5c4fa
```
#a5c4fa rgb(165,196,250)
```
#a1c3fe
```
#a1c3fe rgb(161,195,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c9cbcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccccdd Protanopia 1% of men
#d7c8e0 Deuteranopia 1% of men
#c4cedd Tritanopia 0.001% of the population

Trichromacy

#c8ccdd Protanomaly 1% of men, 0.01% of women
#cfc9df Deuteranomaly 6% of men, 0.4% of women
#c3cddd Tritanomaly 0.01% of the population

#c2ccdd hex color

#c2ccdd Color Information

#c2ccdd Color Conversion

Color Schemes with #c2ccdd

Alternatives to #c2ccdd

#c2ccdd Preview

Shades and Tints of #c2ccdd

Tones of #c2ccdd

Color Blindness Simulator