#c2d2de hex color

In a RGB color space, hex #c2d2de is composed of 76.1% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 205.7 degrees, a saturation of 29.8% and a lightness of 81.6%. #c2d2de color hex could be obtained by blending #ffffff with #85a5bd. Closest websafe color is: #cccccc.

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

● #c2d2de color description : Light grayish blue.

The hexadecimal color #c2d2de has RGB values of R:194, G:210, B:222 and CMYK values of C:0.13, M:0.05, Y:0, K:0.13. Its decimal value is 12767966.

Hex triplet	c2d2de	`#c2d2de`
RGB Decimal	194, 210, 222	`rgb(194,210,222)`
RGB Percent	76.1, 82.4, 87.1	`rgb(76.1%,82.4%,87.1%)`
CMYK	13, 5, 0, 13
HSL	205.7°, 29.8, 81.6	`hsl(205.7,29.8%,81.6%)`
HSV (or HSB)	205.7°, 12.6, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.356, -3.001, -7.766
XYZ	58.477, 62.836, 78.151
xyY	0.293, 0.315, 62.836
CIE-LCH	83.356, 8.326, 248.875
CIE-LUV	83.356, -9.224, -11.483
Hunter-Lab	79.269, -7.041, -2.965
Binary	11000010, 11010010, 11011110

#c2d2de
```
#c2d2de rgb(194,210,222)
```
#decec2
```
#decec2 rgb(222,206,194)
```

Complementary Color

#c2dedc
```
#c2dedc rgb(194,222,220)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#c2c4de
```
#c2c4de rgb(194,196,222)
```

Analogous Color

#dedcc2
```
#dedcc2 rgb(222,220,194)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#dec2c4
```
#dec2c4 rgb(222,194,196)
```

Split Complementary Color

#d2dec2
```
#d2dec2 rgb(210,222,194)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#dec2d2
```
#dec2d2 rgb(222,194,210)
```

Triadic Color

#c2dece
```
#c2dece rgb(194,222,206)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#dec2d2
```
#dec2d2 rgb(222,194,210)
```
#decec2
```
#decec2 rgb(222,206,194)
```

Tetradic Color

#90adc3
```
#90adc3 rgb(144,173,195)
```
#a1bacc
```
#a1bacc rgb(161,186,204)
```
#b1c6d5
```
#b1c6d5 rgb(177,198,213)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#d3dee7
```
#d3dee7 rgb(211,222,231)
```
#e3eaf0
```
#e3eaf0 rgb(227,234,240)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Monochromatic Color

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

#c2d9de
```
#c2d9de rgb(194,217,222)
```
#c2d7de
```
#c2d7de rgb(194,215,222)
```
#c2d4de
```
#c2d4de rgb(194,212,222)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#c2d0de
```
#c2d0de rgb(194,208,222)
```
#c2cdde
```
#c2cdde rgb(194,205,222)
```
#c2cbde
```
#c2cbde rgb(194,203,222)
```

Similar Colors

Text with hexadecimal color #c2d2de

This text has a font color of #c2d2de.

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

#c2d2de background color

This paragraph has a background color of #c2d2de.

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

#c2d2de border color

This element has a border color of #c2d2de.

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

CSS codes

.text {color:#c2d2de;}

.background {background-color:#c2d2de;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080c0f
```
#080c0f rgb(8,12,15)
```
#0f171c
```
#0f171c rgb(15,23,28)
```
#162129
```
#162129 rgb(22,33,41)
```
#1d2b36
```
#1d2b36 rgb(29,43,54)
```
#243542
```
#243542 rgb(36,53,66)
```
#2b3f4f
```
#2b3f4f rgb(43,63,79)
```
#324a5c
```
#324a5c rgb(50,74,92)
```
#395468
```
#395468 rgb(57,84,104)
```
#3f5e75
```
#3f5e75 rgb(63,94,117)
```
#466882
```
#466882 rgb(70,104,130)
```
#4d738f
```
#4d738f rgb(77,115,143)
```
#547d9b
```
#547d9b rgb(84,125,155)
```

Shade Color Variation

#5c87a7
```
#5c87a7 rgb(92,135,167)
```
#6990ae
```
#6990ae rgb(105,144,174)
```
#769ab5
```
#769ab5 rgb(118,154,181)
```
#82a3bc
```
#82a3bc rgb(130,163,188)
```
#8facc2
```
#8facc2 rgb(143,172,194)
```
#9cb6c9
```
#9cb6c9 rgb(156,182,201)
```
#a9bfd0
```
#a9bfd0 rgb(169,191,208)
```
#b5c9d7
```
#b5c9d7 rgb(181,201,215)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#cfdbe5
```
#cfdbe5 rgb(207,219,229)
```
#dbe5ec
```
#dbe5ec rgb(219,229,236)
```
#e8eef3
```
#e8eef3 rgb(232,238,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#cdd0d3
```
#cdd0d3 rgb(205,208,211)
```
#c9d1d7
```
#c9d1d7 rgb(201,209,215)
```
#c6d1da
```
#c6d1da rgb(198,209,218)
```
#c2d2de
```
#c2d2de rgb(194,210,222)
```
#bed3e2
```
#bed3e2 rgb(190,211,226)
```
#bbd3e5
```
#bbd3e5 rgb(187,211,229)
```
#b7d4e9
```
#b7d4e9 rgb(183,212,233)
```
#b4d4ec
```
#b4d4ec rgb(180,212,236)
```
#b0d5f0
```
#b0d5f0 rgb(176,213,240)
```
#acd5f4
```
#acd5f4 rgb(172,213,244)
```
#a9d6f7
```
#a9d6f7 rgb(169,214,247)
```
#a5d6fb
```
#a5d6fb rgb(165,214,251)
```
#a1d7ff
```
#a1d7ff rgb(161,215,255)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ccd0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d0dd Protanopia 1% of men
#ddcce2 Deuteranopia 1% of men
#c5d3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd1dd Protanomaly 1% of men, 0.01% of women
#d3cee0 Deuteranomaly 6% of men, 0.4% of women
#c4d3e1 Tritanomaly 0.01% of the population

#c2d2de hex color

#c2d2de Color Information

#c2d2de Color Conversion

Color Schemes with #c2d2de

Alternatives to #c2d2de

#c2d2de Preview

Shades and Tints of #c2d2de

Tones of #c2d2de

Color Blindness Simulator