#c2d6ed hex color

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

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

● #c2d6ed color description : Light grayish blue.

The hexadecimal color #c2d6ed has RGB values of R:194, G:214, B:237 and CMYK values of C:0.18, M:0.1, Y:0, K:0.07. Its decimal value is 12769005.

Hex triplet	c2d6ed	`#c2d6ed`
RGB Decimal	194, 214, 237	`rgb(194,214,237)`
RGB Percent	76.1, 83.9, 92.9	`rgb(76.1%,83.9%,92.9%)`
CMYK	18, 10, 0, 7
HSL	212.1°, 54.4, 84.5	`hsl(212.1,54.4%,84.5%)`
HSV (or HSB)	212.1°, 18.1, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.831, -1.971, -13.536
XYZ	61.578, 65.676, 89.549
xyY	0.284, 0.303, 65.676
CIE-LCH	84.831, 13.679, 261.716
CIE-LUV	84.831, -11.671, -20.917
Hunter-Lab	81.041, -6.19, -8.786
Binary	11000010, 11010110, 11101101

#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#edd9c2
```
#edd9c2 rgb(237,217,194)
```

Complementary Color

#c2eced
```
#c2eced rgb(194,236,237)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#c4c2ed
```
#c4c2ed rgb(196,194,237)
```

Analogous Color

#ecedc2
```
#ecedc2 rgb(236,237,194)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#edc4c2
```
#edc4c2 rgb(237,196,194)
```

Split Complementary Color

#d6edc2
```
#d6edc2 rgb(214,237,194)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#edc2d6
```
#edc2d6 rgb(237,194,214)
```

Triadic Color

#c2edd9
```
#c2edd9 rgb(194,237,217)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#edc2d6
```
#edc2d6 rgb(237,194,214)
```
#edd9c2
```
#edd9c2 rgb(237,217,194)
```

Tetradic Color

#87aedc
```
#87aedc rgb(135,174,220)
```
#9bbce1
```
#9bbce1 rgb(155,188,225)
```
#aec9e7
```
#aec9e7 rgb(174,201,231)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#d6e3f3
```
#d6e3f3 rgb(214,227,243)
```
#e9f0f9
```
#e9f0f9 rgb(233,240,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Monochromatic Color

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

#c2e1ed
```
#c2e1ed rgb(194,225,237)
```
#c2dded
```
#c2dded rgb(194,221,237)
```
#c2daed
```
#c2daed rgb(194,218,237)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#c2d2ed
```
#c2d2ed rgb(194,210,237)
```
#c2cfed
```
#c2cfed rgb(194,207,237)
```
#c2cbed
```
#c2cbed rgb(194,203,237)
```

Similar Colors

Text with hexadecimal color #c2d6ed

This text has a font color of #c2d6ed.

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

#c2d6ed background color

This paragraph has a background color of #c2d6ed.

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

#c2d6ed border color

This element has a border color of #c2d6ed.

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

CSS codes

.text {color:#c2d6ed;}

.background {background-color:#c2d6ed;}

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

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

#04090f
```
#04090f rgb(4,9,15)
```
#09131e
```
#09131e rgb(9,19,30)
```
#0d1c2d
```
#0d1c2d rgb(13,28,45)
```
#12253c
```
#12253c rgb(18,37,60)
```
#162f4b
```
#162f4b rgb(22,47,75)
```
#1b385a
```
#1b385a rgb(27,56,90)
```
#1f426a
```
#1f426a rgb(31,66,106)
```
#244b79
```
#244b79 rgb(36,75,121)
```
#285588
```
#285588 rgb(40,85,136)
```
#2d5e97
```
#2d5e97 rgb(45,94,151)
```
#3168a6
```
#3168a6 rgb(49,104,166)
```
#3671b5
```
#3671b5 rgb(54,113,181)
```
#3a7ac4
```
#3a7ac4 rgb(58,122,196)
```

Shade Color Variation

#4985c9
```
#4985c9 rgb(73,133,201)
```
#588fce
```
#588fce rgb(88,143,206)
```
#6799d2
```
#6799d2 rgb(103,153,210)
```
#76a3d7
```
#76a3d7 rgb(118,163,215)
```
#85addb
```
#85addb rgb(133,173,219)
```
#95b7e0
```
#95b7e0 rgb(149,183,224)
```
#a4c2e4
```
#a4c2e4 rgb(164,194,228)
```
#b3cce9
```
#b3cce9 rgb(179,204,233)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#d1e0f1
```
#d1e0f1 rgb(209,224,241)
```
#e0eaf6
```
#e0eaf6 rgb(224,234,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, #d7d7d8 is the less saturated color, while #b3d5fc is the most saturated one.

#d7d7d8
```
#d7d7d8 rgb(215,215,216)
```
#d4d7db
```
#d4d7db rgb(212,215,219)
```
#d1d7de
```
#d1d7de rgb(209,215,222)
```
#ced7e1
```
#ced7e1 rgb(206,215,225)
```
#cbd7e4
```
#cbd7e4 rgb(203,215,228)
```
#c8d6e7
```
#c8d6e7 rgb(200,214,231)
```
#c5d6ea
```
#c5d6ea rgb(197,214,234)
```
#c2d6ed
```
#c2d6ed rgb(194,214,237)
```
#bfd6f0
```
#bfd6f0 rgb(191,214,240)
```
#bcd6f3
```
#bcd6f3 rgb(188,214,243)
```
#b9d5f6
```
#b9d5f6 rgb(185,213,246)
```
#b6d5f9
```
#b6d5f9 rgb(182,213,249)
```
#b3d5fc
```
#b3d5fc rgb(179,213,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d0d4d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d4eb Protanopia 1% of men
#dcd0f0 Deuteranopia 1% of men
#c3d9e8 Tritanopia 0.001% of the population

Trichromacy

#ccd5ec Protanomaly 1% of men, 0.01% of women
#d3d2ef Deuteranomaly 6% of men, 0.4% of women
#c3d7ea Tritanomaly 0.01% of the population

#c2d6ed hex color

#c2d6ed Color Information

#c2d6ed Color Conversion

Color Schemes with #c2d6ed

Alternatives to #c2d6ed

#c2d6ed Preview

Shades and Tints of #c2d6ed

Tones of #c2d6ed

Color Blindness Simulator