#c2d2e1 hex color

In a RGB color space, hex #c2d2e1 is composed of 76.1% red, 82.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 6.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 209 degrees, a saturation of 34.1% and a lightness of 82.2%. #c2d2e1 color hex could be obtained by blending #ffffff with #85a5c3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 76
- G 82
- B 88
RGB color chart
- C 14
- M 7
- Y 0
- K 12
CMYK color chart

● #c2d2e1 color description : Light grayish blue.

The hexadecimal color #c2d2e1 has RGB values of R:194, G:210, B:225 and CMYK values of C:0.14, M:0.07, Y:0, K:0.12. Its decimal value is 12767969.

Hex triplet	c2d2e1	`#c2d2e1`
RGB Decimal	194, 210, 225	`rgb(194,210,225)`
RGB Percent	76.1, 82.4, 88.2	`rgb(76.1%,82.4%,88.2%)`
CMYK	14, 7, 0, 12
HSL	209°, 34.1, 82.2	`hsl(209,34.1%,82.2%)`
HSV (or HSB)	209°, 13.8, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.441, -2.388, -9.236
XYZ	58.883, 62.998, 80.288
xyY	0.291, 0.312, 62.998
CIE-LCH	83.441, 9.54, 255.505
CIE-LUV	83.441, -9.346, -13.912
Hunter-Lab	79.371, -6.477, -4.415
Binary	11000010, 11010010, 11100001

#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#e1d1c2
```
#e1d1c2 rgb(225,209,194)
```

Complementary Color

#c2e1e1
```
#c2e1e1 rgb(194,225,225)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#c2c3e1
```
#c2c3e1 rgb(194,195,225)
```

Analogous Color

#e1e1c2
```
#e1e1c2 rgb(225,225,194)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#e1c2c3
```
#e1c2c3 rgb(225,194,195)
```

Split Complementary Color

#d2e1c2
```
#d2e1c2 rgb(210,225,194)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#e1c2d2
```
#e1c2d2 rgb(225,194,210)
```

Triadic Color

#c2e1d1
```
#c2e1d1 rgb(194,225,209)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#e1c2d2
```
#e1c2d2 rgb(225,194,210)
```
#e1d1c2
```
#e1d1c2 rgb(225,209,194)
```

Tetradic Color

#8facc8
```
#8facc8 rgb(143,172,200)
```
#a0b9d0
```
#a0b9d0 rgb(160,185,208)
```
#b1c5d9
```
#b1c5d9 rgb(177,197,217)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#d3dfe9
```
#d3dfe9 rgb(211,223,233)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Monochromatic Color

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

#c2dae1
```
#c2dae1 rgb(194,218,225)
```
#c2d7e1
```
#c2d7e1 rgb(194,215,225)
```
#c2d5e1
```
#c2d5e1 rgb(194,213,225)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#c2cfe1
```
#c2cfe1 rgb(194,207,225)
```
#c2cde1
```
#c2cde1 rgb(194,205,225)
```
#c2cae1
```
#c2cae1 rgb(194,202,225)
```

Similar Colors

Text with hexadecimal color #c2d2e1

This text has a font color of #c2d2e1.

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

#c2d2e1 background color

This paragraph has a background color of #c2d2e1.

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

#c2d2e1 border color

This element has a border color of #c2d2e1.

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

CSS codes

.text {color:#c2d2e1;}

.background {background-color:#c2d2e1;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#0f171f
```
#0f171f rgb(15,23,31)
```
#16212c
```
#16212c rgb(22,33,44)
```
#1c2b39
```
#1c2b39 rgb(28,43,57)
```
#233546
```
#233546 rgb(35,53,70)
```
#293f54
```
#293f54 rgb(41,63,84)
```
#304961
```
#304961 rgb(48,73,97)
```
#36536e
```
#36536e rgb(54,83,110)
```
#3d5d7b
```
#3d5d7b rgb(61,93,123)
```
#436788
```
#436788 rgb(67,103,136)
```
#497195
```
#497195 rgb(73,113,149)
```
#507ba3
```
#507ba3 rgb(80,123,163)
```

Shade Color Variation

#5984ad
```
#5984ad rgb(89,132,173)
```
#668eb4
```
#668eb4 rgb(102,142,180)
```
#7398ba
```
#7398ba rgb(115,152,186)
```
#80a2c1
```
#80a2c1 rgb(128,162,193)
```
#8dabc7
```
#8dabc7 rgb(141,171,199)
```
#9bb5ce
```
#9bb5ce rgb(155,181,206)
```
#a8bfd4
```
#a8bfd4 rgb(168,191,212)
```
#b5c8db
```
#b5c8db rgb(181,200,219)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#cfdce7
```
#cfdce7 rgb(207,220,231)
```
#dce5ee
```
#dce5ee rgb(220,229,238)
```
#e9eff4
```
#e9eff4 rgb(233,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#d0d2d3
```
#d0d2d3 rgb(208,210,211)
```
#cdd2d7
```
#cdd2d7 rgb(205,210,215)
```
#c9d2da
```
#c9d2da rgb(201,210,218)
```
#c6d2de
```
#c6d2de rgb(198,210,222)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#bfd2e5
```
#bfd2e5 rgb(191,210,229)
```
#bbd2e8
```
#bbd2e8 rgb(187,210,232)
```
#b8d2ec
```
#b8d2ec rgb(184,210,236)
```
#b4d2ef
```
#b4d2ef rgb(180,210,239)
```
#b1d3f3
```
#b1d3f3 rgb(177,211,243)
```
#add3f6
```
#add3f6 rgb(173,211,246)
```
#aad3fa
```
#aad3fa rgb(170,211,250)
```
#a6d3fd
```
#a6d3fd rgb(166,211,253)
```

Tone Color Variation

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

Dichromacy

#d1d1e0 Protanopia 1% of men
#dccde5 Deuteranopia 1% of men
#c5d4e3 Tritanopia 0.001% of the population

Trichromacy

#cbd1e0 Protanomaly 1% of men, 0.01% of women
#d3cee3 Deuteranomaly 6% of men, 0.4% of women
#c4d3e2 Tritanomaly 0.01% of the population

#c2d2e1 hex color

#c2d2e1 Color Information

#c2d2e1 Color Conversion

Color Schemes with #c2d2e1

Alternatives to #c2d2e1

#c2d2e1 Preview

Shades and Tints of #c2d2e1

Tones of #c2d2e1

Color Blindness Simulator