#c2d1d8 hex color

In a RGB color space, hex #c2d1d8 is composed of 76.1% red, 82% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 10.2% cyan, 3.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 199.1 degrees, a saturation of 22% and a lightness of 80.4%. #c2d1d8 color hex could be obtained by blending #ffffff with #85a3b1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 76
- G 82
- B 85
RGB color chart
- C 10
- M 3
- Y 0
- K 15
CMYK color chart

● #c2d1d8 color description : Grayish blue.

The hexadecimal color #c2d1d8 has RGB values of R:194, G:209, B:216 and CMYK values of C:0.1, M:0.03, Y:0, K:0.15. Its decimal value is 12767704.

Hex triplet	c2d1d8	`#c2d1d8`
RGB Decimal	194, 209, 216	`rgb(194,209,216)`
RGB Percent	76.1, 82, 84.7	`rgb(76.1%,82%,84.7%)`
CMYK	10, 3, 0, 15
HSL	199.1°, 22, 80.4	`hsl(199.1,22%,80.4%)`
HSV (or HSB)	199.1°, 10.2, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.928, -3.683, -5.203
XYZ	57.441, 62.027, 73.908
xyY	0.297, 0.321, 62.027
CIE-LCH	82.928, 6.375, 234.705
CIE-LUV	82.928, -8.502, -7.346
Hunter-Lab	78.758, -7.639, -0.509
Binary	11000010, 11010001, 11011000

#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#d8c9c2
```
#d8c9c2 rgb(216,201,194)
```

Complementary Color

#c2d8d4
```
#c2d8d4 rgb(194,216,212)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#c2c6d8
```
#c2c6d8 rgb(194,198,216)
```

Analogous Color

#d8d4c2
```
#d8d4c2 rgb(216,212,194)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#d8c2c6
```
#d8c2c6 rgb(216,194,198)
```

Split Complementary Color

#d1d8c2
```
#d1d8c2 rgb(209,216,194)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#d8c2d1
```
#d8c2d1 rgb(216,194,209)
```

Triadic Color

#c2d8c9
```
#c2d8c9 rgb(194,216,201)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#d8c2d1
```
#d8c2d1 rgb(216,194,209)
```
#d8c9c2
```
#d8c9c2 rgb(216,201,194)
```

Tetradic Color

#93aeba
```
#93aeba rgb(147,174,186)
```
#a3bac4
```
#a3bac4 rgb(163,186,196)
```
#b2c5ce
```
#b2c5ce rgb(178,197,206)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#d2dde2
```
#d2dde2 rgb(210,221,226)
```
#e1e8ec
```
#e1e8ec rgb(225,232,236)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```

Monochromatic Color

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

#c2d7d8
```
#c2d7d8 rgb(194,215,216)
```
#c2d5d8
```
#c2d5d8 rgb(194,213,216)
```
#c2d3d8
```
#c2d3d8 rgb(194,211,216)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#c2cfd8
```
#c2cfd8 rgb(194,207,216)
```
#c2cdd8
```
#c2cdd8 rgb(194,205,216)
```
#c2ccd8
```
#c2ccd8 rgb(194,204,216)
```

Similar Colors

Text with hexadecimal color #c2d1d8

This text has a font color of #c2d1d8.

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

#c2d1d8 background color

This paragraph has a background color of #c2d1d8.

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

#c2d1d8 border color

This element has a border color of #c2d1d8.

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

CSS codes

.text {color:#c2d1d8;}

.background {background-color:#c2d1d8;}

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

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, #070a0b is the darkest color, while #fefefe is the lightest one.

#070a0b
```
#070a0b rgb(7,10,11)
```
#0f1417
```
#0f1417 rgb(15,20,23)
```
#161f23
```
#161f23 rgb(22,31,35)
```
#1e292f
```
#1e292f rgb(30,41,47)
```
#26343b
```
#26343b rgb(38,52,59)
```
#2d3f47
```
#2d3f47 rgb(45,63,71)
```
#354953
```
#354953 rgb(53,73,83)
```
#3c545f
```
#3c545f rgb(60,84,95)
```
#445e6b
```
#445e6b rgb(68,94,107)
```
#4c6976
```
#4c6976 rgb(76,105,118)
```
#537382
```
#537382 rgb(83,115,130)
```
#5b7e8e
```
#5b7e8e rgb(91,126,142)
```
#63899a
```
#63899a rgb(99,137,154)
```

Shade Color Variation

#6e92a2
```
#6e92a2 rgb(110,146,162)
```
#7a9baa
```
#7a9baa rgb(122,155,170)
```
#86a4b2
```
#86a4b2 rgb(134,164,178)
```
#92adb9
```
#92adb9 rgb(146,173,185)
```
#9eb6c1
```
#9eb6c1 rgb(158,182,193)
```
#aabfc9
```
#aabfc9 rgb(170,191,201)
```
#b6c8d0
```
#b6c8d0 rgb(182,200,208)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#cedae0
```
#cedae0 rgb(206,218,224)
```
#dae3e7
```
#dae3e7 rgb(218,227,231)
```
#e6ecef
```
#e6ecef rgb(230,236,239)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#caced0
```
#caced0 rgb(202,206,208)
```
#c6d0d4
```
#c6d0d4 rgb(198,208,212)
```
#c2d1d8
```
#c2d1d8 rgb(194,209,216)
```
#bed2dc
```
#bed2dc rgb(190,210,220)
```
#bad4e0
```
#bad4e0 rgb(186,212,224)
```
#b6d5e4
```
#b6d5e4 rgb(182,213,228)
```
#b3d7e7
```
#b3d7e7 rgb(179,215,231)
```
#afd8eb
```
#afd8eb rgb(175,216,235)
```
#abd9ef
```
#abd9ef rgb(171,217,239)
```
#a7dbf3
```
#a7dbf3 rgb(167,219,243)
```
#a3dcf7
```
#a3dcf7 rgb(163,220,247)
```
#9fdefb
```
#9fdefb rgb(159,222,251)
```
#9cdffe
```
#9cdffe rgb(156,223,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cbcecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cfd8 Protanopia 1% of men
#decbdc Deuteranopia 1% of men
#c6d2e1 Tritanopia 0.001% of the population

Trichromacy

#ccd0d8 Protanomaly 1% of men, 0.01% of women
#d4cdda Deuteranomaly 6% of men, 0.4% of women
#c4d1dd Tritanomaly 0.01% of the population

#c2d1d8 hex color

#c2d1d8 Color Information

#c2d1d8 Color Conversion

Color Schemes with #c2d1d8

Alternatives to #c2d1d8

#c2d1d8 Preview

Shades and Tints of #c2d1d8

Tones of #c2d1d8

Color Blindness Simulator