#c2d8ed hex color

In a RGB color space, hex #c2d8ed is composed of 76.1% red, 84.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 8.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 209.3 degrees, a saturation of 54.4% and a lightness of 84.5%. #c2d8ed color hex could be obtained by blending #ffffff with #85b1db. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 85
- B 93
RGB color chart
- C 18
- M 9
- Y 0
- K 7
CMYK color chart

● #c2d8ed color description : Light grayish blue.

The hexadecimal color #c2d8ed has RGB values of R:194, G:216, B:237 and CMYK values of C:0.18, M:0.09, Y:0, K:0.07. Its decimal value is 12769517.

Hex triplet	c2d8ed	`#c2d8ed`
RGB Decimal	194, 216, 237	`rgb(194,216,237)`
RGB Percent	76.1, 84.7, 92.9	`rgb(76.1%,84.7%,92.9%)`
CMYK	18, 9, 0, 7
HSL	209.3°, 54.4, 84.5	`hsl(209.3,54.4%,84.5%)`
HSV (or HSB)	209.3°, 18.1, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.349, -3.017, -12.761
XYZ	62.087, 66.694, 89.718
xyY	0.284, 0.305, 66.694
CIE-LCH	85.349, 13.112, 256.7
CIE-LUV	85.349, -12.588, -19.509
Hunter-Lab	81.667, -7.212, -7.969
Binary	11000010, 11011000, 11101101

#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#edd7c2
```
#edd7c2 rgb(237,215,194)
```

Complementary Color

#c2eded
```
#c2eded rgb(194,237,237)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#c2c3ed
```
#c2c3ed rgb(194,195,237)
```

Analogous Color

#ededc2
```
#ededc2 rgb(237,237,194)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#edc2c3
```
#edc2c3 rgb(237,194,195)
```

Split Complementary Color

#d8edc2
```
#d8edc2 rgb(216,237,194)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#edc2d8
```
#edc2d8 rgb(237,194,216)
```

Triadic Color

#c2edd7
```
#c2edd7 rgb(194,237,215)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#edc2d8
```
#edc2d8 rgb(237,194,216)
```
#edd7c2
```
#edd7c2 rgb(237,215,194)
```

Tetradic Color

#87b2dc
```
#87b2dc rgb(135,178,220)
```
#9bbfe1
```
#9bbfe1 rgb(155,191,225)
```
#aecbe7
```
#aecbe7 rgb(174,203,231)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#d6e5f3
```
#d6e5f3 rgb(214,229,243)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Monochromatic Color

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

#c2e3ed
```
#c2e3ed rgb(194,227,237)
```
#c2dfed
```
#c2dfed rgb(194,223,237)
```
#c2dced
```
#c2dced rgb(194,220,237)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#c2d4ed
```
#c2d4ed rgb(194,212,237)
```
#c2d1ed
```
#c2d1ed rgb(194,209,237)
```
#c2cded
```
#c2cded rgb(194,205,237)
```

Similar Colors

Text with hexadecimal color #c2d8ed

This text has a font color of #c2d8ed.

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

#c2d8ed background color

This paragraph has a background color of #c2d8ed.

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

#c2d8ed border color

This element has a border color of #c2d8ed.

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

CSS codes

.text {color:#c2d8ed;}

.background {background-color:#c2d8ed;}

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

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, #040a0f is the darkest color, while #ffffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#09141e
```
#09141e rgb(9,20,30)
```
#0d1e2d
```
#0d1e2d rgb(13,30,45)
```
#12273c
```
#12273c rgb(18,39,60)
```
#16314b
```
#16314b rgb(22,49,75)
```
#1b3b5a
```
#1b3b5a rgb(27,59,90)
```
#1f456a
```
#1f456a rgb(31,69,106)
```
#244f79
```
#244f79 rgb(36,79,121)
```
#285988
```
#285988 rgb(40,89,136)
```
#2d6397
```
#2d6397 rgb(45,99,151)
```
#316da6
```
#316da6 rgb(49,109,166)
```
#3677b5
```
#3677b5 rgb(54,119,181)
```
#3a81c4
```
#3a81c4 rgb(58,129,196)
```

Shade Color Variation

#498bc9
```
#498bc9 rgb(73,139,201)
```
#5894ce
```
#5894ce rgb(88,148,206)
```
#679ed2
```
#679ed2 rgb(103,158,210)
```
#76a8d7
```
#76a8d7 rgb(118,168,215)
```
#85b1db
```
#85b1db rgb(133,177,219)
```
#95bbe0
```
#95bbe0 rgb(149,187,224)
```
#a4c5e4
```
#a4c5e4 rgb(164,197,228)
```
#b3cee9
```
#b3cee9 rgb(179,206,233)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#d1e2f1
```
#d1e2f1 rgb(209,226,241)
```
#e0ebf6
```
#e0ebf6 rgb(224,235,246)
```
#eff5fa
```
#eff5fa rgb(239,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d7d8d8
```
#d7d8d8 rgb(215,216,216)
```
#d4d8db
```
#d4d8db rgb(212,216,219)
```
#d1d8de
```
#d1d8de rgb(209,216,222)
```
#ced8e1
```
#ced8e1 rgb(206,216,225)
```
#cbd8e4
```
#cbd8e4 rgb(203,216,228)
```
#c8d8e7
```
#c8d8e7 rgb(200,216,231)
```
#c5d8ea
```
#c5d8ea rgb(197,216,234)
```
#c2d8ed
```
#c2d8ed rgb(194,216,237)
```
#bfd8f0
```
#bfd8f0 rgb(191,216,240)
```
#bcd8f3
```
#bcd8f3 rgb(188,216,243)
```
#b9d8f6
```
#b9d8f6 rgb(185,216,246)
```
#b6d8f9
```
#b6d8f9 rgb(182,216,249)
```
#b3d8fc
```
#b3d8fc rgb(179,216,252)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d0d5d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d5eb Protanopia 1% of men
#dfd2f0 Deuteranopia 1% of men
#c4daea Tritanopia 0.001% of the population

Trichromacy

#cdd6ec Protanomaly 1% of men, 0.01% of women
#d4d4ef Deuteranomaly 6% of men, 0.4% of women
#c3d9eb Tritanomaly 0.01% of the population

#c2d8ed hex color

#c2d8ed Color Information

#c2d8ed Color Conversion

Color Schemes with #c2d8ed

Alternatives to #c2d8ed

#c2d8ed Preview

Shades and Tints of #c2d8ed

Tones of #c2d8ed

Color Blindness Simulator