#c2d4ee hex color

In a RGB color space, hex #c2d4ee is composed of 76.1% red, 83.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 10.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 215.5 degrees, a saturation of 56.4% and a lightness of 84.7%. #c2d4ee color hex could be obtained by blending #ffffff with #85a9dd. Closest websafe color is: #ccccff.

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

● #c2d4ee color description : Light grayish blue.

The hexadecimal color #c2d4ee has RGB values of R:194, G:212, B:238 and CMYK values of C:0.18, M:0.11, Y:0, K:0.07. Its decimal value is 12768494.

Hex triplet	c2d4ee	`#c2d4ee`
RGB Decimal	194, 212, 238	`rgb(194,212,238)`
RGB Percent	76.1, 83.1, 93.3	`rgb(76.1%,83.1%,93.3%)`
CMYK	18, 11, 0, 7
HSL	215.5°, 56.4, 84.7	`hsl(215.5,56.4%,84.7%)`
HSV (or HSB)	215.5°, 18.5, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.344, -0.707, -14.797
XYZ	61.221, 64.728, 90.153
xyY	0.283, 0.3, 64.728
CIE-LCH	84.344, 14.814, 267.264
CIE-LUV	84.344, -10.794, -23.149
Hunter-Lab	80.454, -4.966, -10.12
Binary	11000010, 11010100, 11101110

#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#eedcc2
```
#eedcc2 rgb(238,220,194)
```

Complementary Color

#c2eaee
```
#c2eaee rgb(194,234,238)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#c6c2ee
```
#c6c2ee rgb(198,194,238)
```

Analogous Color

#eaeec2
```
#eaeec2 rgb(234,238,194)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#eec6c2
```
#eec6c2 rgb(238,198,194)
```

Split Complementary Color

#d4eec2
```
#d4eec2 rgb(212,238,194)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#eec2d4
```
#eec2d4 rgb(238,194,212)
```

Triadic Color

#c2eedc
```
#c2eedc rgb(194,238,220)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#eec2d4
```
#eec2d4 rgb(238,194,212)
```
#eedcc2
```
#eedcc2 rgb(238,220,194)
```

Tetradic Color

#86aadd
```
#86aadd rgb(134,170,221)
```
#9ab8e3
```
#9ab8e3 rgb(154,184,227)
```
#aec6e8
```
#aec6e8 rgb(174,198,232)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#d6e2f4
```
#d6e2f4 rgb(214,226,244)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#c2dfee
```
#c2dfee rgb(194,223,238)
```
#c2dbee
```
#c2dbee rgb(194,219,238)
```
#c2d8ee
```
#c2d8ee rgb(194,216,238)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#c2d0ee
```
#c2d0ee rgb(194,208,238)
```
#c2cdee
```
#c2cdee rgb(194,205,238)
```
#c2c9ee
```
#c2c9ee rgb(194,201,238)
```

Similar Colors

Text with hexadecimal color #c2d4ee

This text has a font color of #c2d4ee.

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

#c2d4ee background color

This paragraph has a background color of #c2d4ee.

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

#c2d4ee border color

This element has a border color of #c2d4ee.

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

CSS codes

.text {color:#c2d4ee;}

.background {background-color:#c2d4ee;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#09121f
```
#09121f rgb(9,18,31)
```
#0d1b2e
```
#0d1b2e rgb(13,27,46)
```
#11233e
```
#11233e rgb(17,35,62)
```
#152c4d
```
#152c4d rgb(21,44,77)
```
#1a355c
```
#1a355c rgb(26,53,92)
```
#1e3e6c
```
#1e3e6c rgb(30,62,108)
```
#22477b
```
#22477b rgb(34,71,123)
```
#274f8a
```
#274f8a rgb(39,79,138)
```
#2b589a
```
#2b589a rgb(43,88,154)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#336ab8
```
#336ab8 rgb(51,106,184)
```

Shade Color Variation

#3873c8
```
#3873c8 rgb(56,115,200)
```
#477dcc
```
#477dcc rgb(71,125,204)
```
#5788d0
```
#5788d0 rgb(87,136,208)
```
#6693d4
```
#6693d4 rgb(102,147,212)
```
#759ed9
```
#759ed9 rgb(117,158,217)
```
#85a9dd
```
#85a9dd rgb(133,169,221)
```
#94b4e1
```
#94b4e1 rgb(148,180,225)
```
#a3bee5
```
#a3bee5 rgb(163,190,229)
```
#b3c9ea
```
#b3c9ea rgb(179,201,234)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#d1dff2
```
#d1dff2 rgb(209,223,242)
```
#e1eaf7
```
#e1eaf7 rgb(225,234,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

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

#d7d8d9
```
#d7d8d9 rgb(215,216,217)
```
#d4d7dc
```
#d4d7dc rgb(212,215,220)
```
#d1d7df
```
#d1d7df rgb(209,215,223)
```
#ced6e2
```
#ced6e2 rgb(206,214,226)
```
#cbd6e5
```
#cbd6e5 rgb(203,214,229)
```
#c8d5e8
```
#c8d5e8 rgb(200,213,232)
```
#c5d5eb
```
#c5d5eb rgb(197,213,235)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#bfd3f1
```
#bfd3f1 rgb(191,211,241)
```
#bcd3f4
```
#bcd3f4 rgb(188,211,244)
```
#b9d2f7
```
#b9d2f7 rgb(185,210,247)
```
#b6d2fa
```
#b6d2fa rgb(182,210,250)
```
#b3d1fd
```
#b3d1fd rgb(179,209,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cfd2d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3ed Protanopia 1% of men
#dacff1 Deuteranopia 1% of men
#c3d7e7 Tritanopia 0.001% of the population

Trichromacy

#cbd3ed Protanomaly 1% of men, 0.01% of women
#d1d1ef Deuteranomaly 6% of men, 0.4% of women
#c2d6e9 Tritanomaly 0.01% of the population

#c2d4ee hex color

#c2d4ee Color Information

#c2d4ee Color Conversion

Color Schemes with #c2d4ee

Alternatives to #c2d4ee

#c2d4ee Preview

Shades and Tints of #c2d4ee

Tones of #c2d4ee

Color Blindness Simulator