#c2c8dc hex color

In a RGB color space, hex #c2c8dc is composed of 76.1% red, 78.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 9.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 226.2 degrees, a saturation of 27.1% and a lightness of 81.2%. #c2c8dc color hex could be obtained by blending #ffffff with #8591b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 76
- G 78
- B 86
RGB color chart
- C 12
- M 9
- Y 0
- K 14
CMYK color chart

● #c2c8dc color description : Light grayish blue.

The hexadecimal color #c2c8dc has RGB values of R:194, G:200, B:220 and CMYK values of C:0.12, M:0.09, Y:0, K:0.14. Its decimal value is 12765404.

Hex triplet	c2c8dc	`#c2c8dc`
RGB Decimal	194, 200, 220	`rgb(194,200,220)`
RGB Percent	76.1, 78.4, 86.3	`rgb(76.1%,78.4%,86.3%)`
CMYK	12, 9, 0, 14
HSL	226.2°, 27.1, 81.2	`hsl(226.2,27.1%,81.2%)`
HSV (or HSB)	226.2°, 11.8, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.708, 1.867, -10.634
XYZ	55.818, 57.945, 75.95
xyY	0.294, 0.305, 57.945
CIE-LCH	80.708, 10.797, 279.959
CIE-LUV	80.708, -4.373, -16.758
Hunter-Lab	76.121, -2.322, -5.871
Binary	11000010, 11001000, 11011100

#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#dcd6c2
```
#dcd6c2 rgb(220,214,194)
```

Complementary Color

#c2d5dc
```
#c2d5dc rgb(194,213,220)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#c9c2dc
```
#c9c2dc rgb(201,194,220)
```

Analogous Color

#d5dcc2
```
#d5dcc2 rgb(213,220,194)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#dcc9c2
```
#dcc9c2 rgb(220,201,194)
```

Split Complementary Color

#c8dcc2
```
#c8dcc2 rgb(200,220,194)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#dcc2c8
```
#dcc2c8 rgb(220,194,200)
```

Triadic Color

#c2dcd6
```
#c2dcd6 rgb(194,220,214)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#dcc2c8
```
#dcc2c8 rgb(220,194,200)
```
#dcd6c2
```
#dcd6c2 rgb(220,214,194)
```

Tetradic Color

#919cc0
```
#919cc0 rgb(145,156,192)
```
#a2abc9
```
#a2abc9 rgb(162,171,201)
```
#b2b9d3
```
#b2b9d3 rgb(178,185,211)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#d2d7e5
```
#d2d7e5 rgb(210,215,229)
```
#e2e5ef
```
#e2e5ef rgb(226,229,239)
```
#f3f4f8
```
#f3f4f8 rgb(243,244,248)
```

Monochromatic Color

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

#c2cfdc
```
#c2cfdc rgb(194,207,220)
```
#c2ccdc
```
#c2ccdc rgb(194,204,220)
```
#c2cadc
```
#c2cadc rgb(194,202,220)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#c2c6dc
```
#c2c6dc rgb(194,198,220)
```
#c2c4dc
```
#c2c4dc rgb(194,196,220)
```
#c3c2dc
```
#c3c2dc rgb(195,194,220)
```

Similar Colors

Text with hexadecimal color #c2c8dc

This text has a font color of #c2c8dc.

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

#c2c8dc background color

This paragraph has a background color of #c2c8dc.

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

#c2c8dc border color

This element has a border color of #c2c8dc.

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

CSS codes

.text {color:#c2c8dc;}

.background {background-color:#c2c8dc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08090e
```
#08090e rgb(8,9,14)
```
#0f121a
```
#0f121a rgb(15,18,26)
```
#161a27
```
#161a27 rgb(22,26,39)
```
#1d2233
```
#1d2233 rgb(29,34,51)
```
#252b40
```
#252b40 rgb(37,43,64)
```
#2c334c
```
#2c334c rgb(44,51,76)
```
#333c59
```
#333c59 rgb(51,60,89)
```
#3a4465
```
#3a4465 rgb(58,68,101)
```
#414c71
```
#414c71 rgb(65,76,113)
```
#48557e
```
#48557e rgb(72,85,126)
```
#4f5d8a
```
#4f5d8a rgb(79,93,138)
```
#576597
```
#576597 rgb(87,101,151)
```

Shade Color Variation

#5e6ea3
```
#5e6ea3 rgb(94,110,163)
```
#6b79aa
```
#6b79aa rgb(107,121,170)
```
#7785b1
```
#7785b1 rgb(119,133,177)
```
#8490b8
```
#8490b8 rgb(132,144,184)
```
#909bbf
```
#909bbf rgb(144,155,191)
```
#9da6c7
```
#9da6c7 rgb(157,166,199)
```
#a9b2ce
```
#a9b2ce rgb(169,178,206)
```
#b6bdd5
```
#b6bdd5 rgb(182,189,213)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#ced3e3
```
#ced3e3 rgb(206,211,227)
```
#dbdeea
```
#dbdeea rgb(219,222,234)
```
#e7eaf1
```
#e7eaf1 rgb(231,234,241)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#cdced1
```
#cdced1 rgb(205,206,209)
```
#c9ccd5
```
#c9ccd5 rgb(201,204,213)
```
#c6cad8
```
#c6cad8 rgb(198,202,216)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#bec6e0
```
#bec6e0 rgb(190,198,224)
```
#bbc4e3
```
#bbc4e3 rgb(187,196,227)
```
#b7c2e7
```
#b7c2e7 rgb(183,194,231)
```
#b3c0eb
```
#b3c0eb rgb(179,192,235)
```
#b0beee
```
#b0beee rgb(176,190,238)
```
#acbcf2
```
#acbcf2 rgb(172,188,242)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#a4b8fa
```
#a4b8fa rgb(164,184,250)
```
#a1b6fd
```
#a1b6fd rgb(161,182,253)
```

Tone Color Variation

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

Dichromacy

#c8c9dd Protanopia 1% of men
#d4c6df Deuteranopia 1% of men
#c4cbda Tritanopia 0.001% of the population

Trichromacy

#c6c9dc Protanomaly 1% of men, 0.01% of women
#cdc6de Deuteranomaly 6% of men, 0.4% of women
#c3cada Tritanomaly 0.01% of the population

#c2c8dc hex color

#c2c8dc Color Information

#c2c8dc Color Conversion

Color Schemes with #c2c8dc

Alternatives to #c2c8dc

#c2c8dc Preview

Shades and Tints of #c2c8dc

Tones of #c2c8dc

Color Blindness Simulator