#c2d1e1 hex color

In a RGB color space, hex #c2d1e1 is composed of 76.1% red, 82% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 7.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 211 degrees, a saturation of 34.1% and a lightness of 82.2%. #c2d1e1 color hex could be obtained by blending #ffffff with #85a3c3. 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

● #c2d1e1 color description : Light grayish blue.

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

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

CIE-LAB	83.182, -1.863, -9.622
XYZ	58.636, 62.506, 80.206
xyY	0.291, 0.31, 62.506
CIE-LCH	83.182, 9.801, 259.041
CIE-LUV	83.182, -8.874, -14.605
Hunter-Lab	79.061, -5.969, -4.806
Binary	11000010, 11010001, 11100001

#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#e1d2c2
```
#e1d2c2 rgb(225,210,194)
```

Complementary Color

#c2e1e1
```
#c2e1e1 rgb(194,225,225)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#c3c2e1
```
#c3c2e1 rgb(195,194,225)
```

Analogous Color

#e1e1c2
```
#e1e1c2 rgb(225,225,194)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#e1c3c2
```
#e1c3c2 rgb(225,195,194)
```

Split Complementary Color

#d1e1c2
```
#d1e1c2 rgb(209,225,194)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#e1c2d1
```
#e1c2d1 rgb(225,194,209)
```

Triadic Color

#c2e1d2
```
#c2e1d2 rgb(194,225,210)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#e1c2d1
```
#e1c2d1 rgb(225,194,209)
```
#e1d2c2
```
#e1d2c2 rgb(225,210,194)
```

Tetradic Color

#8faac8
```
#8faac8 rgb(143,170,200)
```
#a0b7d0
```
#a0b7d0 rgb(160,183,208)
```
#b1c4d9
```
#b1c4d9 rgb(177,196,217)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#d3dee9
```
#d3dee9 rgb(211,222,233)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Monochromatic Color

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

#c2d9e1
```
#c2d9e1 rgb(194,217,225)
```
#c2d6e1
```
#c2d6e1 rgb(194,214,225)
```
#c2d4e1
```
#c2d4e1 rgb(194,212,225)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#c2cee1
```
#c2cee1 rgb(194,206,225)
```
#c2cce1
```
#c2cce1 rgb(194,204,225)
```
#c2c9e1
```
#c2c9e1 rgb(194,201,225)
```

Similar Colors

Text with hexadecimal color #c2d1e1

This text has a font color of #c2d1e1.

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

#c2d1e1 background color

This paragraph has a background color of #c2d1e1.

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

#c2d1e1 border color

This element has a border color of #c2d1e1.

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

CSS codes

.text {color:#c2d1e1;}

.background {background-color:#c2d1e1;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#0f171f
```
#0f171f rgb(15,23,31)
```
#16212c
```
#16212c rgb(22,33,44)
```
#1c2a39
```
#1c2a39 rgb(28,42,57)
```
#233446
```
#233446 rgb(35,52,70)
```
#293e54
```
#293e54 rgb(41,62,84)
```
#304761
```
#304761 rgb(48,71,97)
```
#36516e
```
#36516e rgb(54,81,110)
```
#3d5b7b
```
#3d5b7b rgb(61,91,123)
```
#436488
```
#436488 rgb(67,100,136)
```
#496e95
```
#496e95 rgb(73,110,149)
```
#5078a3
```
#5078a3 rgb(80,120,163)
```

Shade Color Variation

#5982ad
```
#5982ad rgb(89,130,173)
```
#668cb4
```
#668cb4 rgb(102,140,180)
```
#7396ba
```
#7396ba rgb(115,150,186)
```
#809fc1
```
#809fc1 rgb(128,159,193)
```
#8da9c7
```
#8da9c7 rgb(141,169,199)
```
#9bb3ce
```
#9bb3ce rgb(155,179,206)
```
#a8bdd4
```
#a8bdd4 rgb(168,189,212)
```
#b5c7db
```
#b5c7db rgb(181,199,219)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#cfdbe7
```
#cfdbe7 rgb(207,219,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, #d0d1d3 is the less saturated color, while #a6d0fd is the most saturated one.

#d0d1d3
```
#d0d1d3 rgb(208,209,211)
```
#cdd1d7
```
#cdd1d7 rgb(205,209,215)
```
#c9d1da
```
#c9d1da rgb(201,209,218)
```
#c6d1de
```
#c6d1de rgb(198,209,222)
```
#c2d1e1
```
#c2d1e1 rgb(194,209,225)
```
#bfd1e5
```
#bfd1e5 rgb(191,209,229)
```
#bbd1e8
```
#bbd1e8 rgb(187,209,232)
```
#b8d1ec
```
#b8d1ec rgb(184,209,236)
```
#b4d1ef
```
#b4d1ef rgb(180,209,239)
```
#b1d0f3
```
#b1d0f3 rgb(177,208,243)
```
#add0f6
```
#add0f6 rgb(173,208,246)
```
#aad0fa
```
#aad0fa rgb(170,208,250)
```
#a6d0fd
```
#a6d0fd rgb(166,208,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cccfd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d0e0 Protanopia 1% of men
#dbcce4 Deuteranopia 1% of men
#c5d3e2 Tritanopia 0.001% of the population

Trichromacy

#cbd0e0 Protanomaly 1% of men, 0.01% of women
#d2cee3 Deuteranomaly 6% of men, 0.4% of women
#c4d2e1 Tritanomaly 0.01% of the population

#c2d1e1 hex color

#c2d1e1 Color Information

#c2d1e1 Color Conversion

Color Schemes with #c2d1e1

Alternatives to #c2d1e1

#c2d1e1 Preview

Shades and Tints of #c2d1e1

Tones of #c2d1e1

Color Blindness Simulator