#c2dae3 hex color

In a RGB color space, hex #c2dae3 is composed of 76.1% red, 85.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 4% magenta, 0% yellow and 11% black. It has a hue angle of 196.4 degrees, a saturation of 37.1% and a lightness of 82.5%. #c2dae3 color hex could be obtained by blending #ffffff with #85b5c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 76
- G 85
- B 89
RGB color chart
- C 15
- M 4
- Y 0
- K 11
CMYK color chart

● #c2dae3 color description : Light grayish blue.

The hexadecimal color #c2dae3 has RGB values of R:194, G:218, B:227 and CMYK values of C:0.15, M:0.04, Y:0, K:0.11. Its decimal value is 12770019.

Hex triplet	c2dae3	`#c2dae3`
RGB Decimal	194, 218, 227	`rgb(194,218,227)`
RGB Percent	76.1, 85.5, 89	`rgb(76.1%,85.5%,89%)`
CMYK	15, 4, 0, 11
HSL	196.4°, 37.1, 82.5	`hsl(196.4,37.1%,82.5%)`
HSV (or HSB)	196.4°, 14.5, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.583, -6.143, -7.12
XYZ	61.182, 67.157, 82.408
xyY	0.29, 0.319, 67.157
CIE-LCH	85.583, 9.404, 229.212
CIE-LUV	85.583, -13.177, -9.982
Hunter-Lab	81.949, -10.147, -2.257
Binary	11000010, 11011010, 11100011

#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#e3cbc2
```
#e3cbc2 rgb(227,203,194)
```

Complementary Color

#c2e3dc
```
#c2e3dc rgb(194,227,220)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#c2cae3
```
#c2cae3 rgb(194,202,227)
```

Analogous Color

#e3dcc2
```
#e3dcc2 rgb(227,220,194)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#e3c2ca
```
#e3c2ca rgb(227,194,202)
```

Split Complementary Color

#dae3c2
```
#dae3c2 rgb(218,227,194)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#e3c2da
```
#e3c2da rgb(227,194,218)
```

Triadic Color

#c2e3cb
```
#c2e3cb rgb(194,227,203)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#e3c2da
```
#e3c2da rgb(227,194,218)
```
#e3cbc2
```
#e3cbc2 rgb(227,203,194)
```

Tetradic Color

#8ebacb
```
#8ebacb rgb(142,186,203)
```
#9fc5d3
```
#9fc5d3 rgb(159,197,211)
```
#b1cfdb
```
#b1cfdb rgb(177,207,219)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#d3e5eb
```
#d3e5eb rgb(211,229,235)
```
#e5eff3
```
#e5eff3 rgb(229,239,243)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Monochromatic Color

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

#c2e2e3
```
#c2e2e3 rgb(194,226,227)
```
#c2e0e3
```
#c2e0e3 rgb(194,224,227)
```
#c2dde3
```
#c2dde3 rgb(194,221,227)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#c2d7e3
```
#c2d7e3 rgb(194,215,227)
```
#c2d5e3
```
#c2d5e3 rgb(194,213,227)
```
#c2d2e3
```
#c2d2e3 rgb(194,210,227)
```

Similar Colors

Text with hexadecimal color #c2dae3

This text has a font color of #c2dae3.

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

#c2dae3 background color

This paragraph has a background color of #c2dae3.

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

#c2dae3 border color

This element has a border color of #c2dae3.

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

CSS codes

.text {color:#c2dae3;}

.background {background-color:#c2dae3;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c21
```
#0f1c21 rgb(15,28,33)
```
#15282f
```
#15282f rgb(21,40,47)
```
#1c333c
```
#1c333c rgb(28,51,60)
```
#223f49
```
#223f49 rgb(34,63,73)
```
#284a57
```
#284a57 rgb(40,74,87)
```
#2e5664
```
#2e5664 rgb(46,86,100)
```
#346172
```
#346172 rgb(52,97,114)
```
#3a6c7f
```
#3a6c7f rgb(58,108,127)
```
#41788d
```
#41788d rgb(65,120,141)
```
#47839a
```
#47839a rgb(71,131,154)
```
#4d8fa8
```
#4d8fa8 rgb(77,143,168)
```

Shade Color Variation

#5699b2
```
#5699b2 rgb(86,153,178)
```
#64a1b8
```
#64a1b8 rgb(100,161,184)
```
#71a9be
```
#71a9be rgb(113,169,190)
```
#7fb1c4
```
#7fb1c4 rgb(127,177,196)
```
#8cb9ca
```
#8cb9ca rgb(140,185,202)
```
#9ac2d0
```
#9ac2d0 rgb(154,194,208)
```
#a7cad7
```
#a7cad7 rgb(167,202,215)
```
#b5d2dd
```
#b5d2dd rgb(181,210,221)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#cfe2e9
```
#cfe2e9 rgb(207,226,233)
```
#ddeaef
```
#ddeaef rgb(221,234,239)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#d0d4d5
```
#d0d4d5 rgb(208,212,213)
```
#ccd5d9
```
#ccd5d9 rgb(204,213,217)
```
#c9d7dc
```
#c9d7dc rgb(201,215,220)
```
#c5d8e0
```
#c5d8e0 rgb(197,216,224)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#bfdce6
```
#bfdce6 rgb(191,220,230)
```
#bbddea
```
#bbddea rgb(187,221,234)
```
#b8dfed
```
#b8dfed rgb(184,223,237)
```
#b4e0f1
```
#b4e0f1 rgb(180,224,241)
```
#b1e2f4
```
#b1e2f4 rgb(177,226,244)
```
#ade3f8
```
#ade3f8 rgb(173,227,248)
```
#aae5fb
```
#aae5fb rgb(170,229,251)
```
#a7e6fe
```
#a7e6fe rgb(167,230,254)
```

Tone Color Variation

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

Dichromacy

#d8d6e1 Protanopia 1% of men
#e4d2e7 Deuteranopia 1% of men
#c6daea Tritanopia 0.001% of the population

Trichromacy

#d0d7e2 Protanomaly 1% of men, 0.01% of women
#d8d5e5 Deuteranomaly 6% of men, 0.4% of women
#c4dae7 Tritanomaly 0.01% of the population

#c2dae3 hex color

#c2dae3 Color Information

#c2dae3 Color Conversion

Color Schemes with #c2dae3

Alternatives to #c2dae3

#c2dae3 Preview

Shades and Tints of #c2dae3

Tones of #c2dae3

Color Blindness Simulator