#c2dcff hex color

In a RGB color space, hex #c2dcff is composed of 76.1% red, 86.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 13.7% magenta, 0% yellow and 0% black. It has a hue angle of 214.4 degrees, a saturation of 100% and a lightness of 88%. #c2dcff color hex could be obtained by blending #ffffff with #85b9ff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 76
- G 86
- B 100
RGB color chart
- C 24
- M 14
- Y 0
- K 0
CMYK color chart

● #c2dcff color description : Very pale blue.

The hexadecimal color #c2dcff has RGB values of R:194, G:220, B:255 and CMYK values of C:0.24, M:0.14, Y:0, K:0. Its decimal value is 12770559.

Hex triplet	c2dcff	`#c2dcff`
RGB Decimal	194, 220, 255	`rgb(194,220,255)`
RGB Percent	76.1, 86.3, 100	`rgb(76.1%,86.3%,100%)`
CMYK	24, 14, 0, 0
HSL	214.4°, 100, 88	`hsl(214.4,100%,88%)`
HSV (or HSB)	214.4°, 23.9, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.935, -1.174, -19.879
XYZ	65.888, 69.874, 104.618
xyY	0.274, 0.291, 69.874
CIE-LCH	86.935, 19.914, 266.62
CIE-LUV	86.935, -14.988, -31.54
Hunter-Lab	83.591, -5.588, -15.691
Binary	11000010, 11011100, 11111111

#c2dcff
```
#c2dcff rgb(194,220,255)
```
#ffe5c2
```
#ffe5c2 rgb(255,229,194)
```

Complementary Color

#c2fbff
```
#c2fbff rgb(194,251,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#c7c2ff
```
#c7c2ff rgb(199,194,255)
```

Analogous Color

#fbffc2
```
#fbffc2 rgb(251,255,194)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#ffc7c2
```
#ffc7c2 rgb(255,199,194)
```

Split Complementary Color

#dcffc2
```
#dcffc2 rgb(220,255,194)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#ffc2dc
```
#ffc2dc rgb(255,194,220)
```

Triadic Color

#c2ffe5
```
#c2ffe5 rgb(194,255,229)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#ffc2dc
```
#ffc2dc rgb(255,194,220)
```
#ffe5c2
```
#ffe5c2 rgb(255,229,194)
```

Tetradic Color

#76b0ff
```
#76b0ff rgb(118,176,255)
```
#8fbfff
```
#8fbfff rgb(143,191,255)
```
#a9cdff
```
#a9cdff rgb(169,205,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#dcebff
```
#dcebff rgb(220,235,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2ebff
```
#c2ebff rgb(194,235,255)
```
#c2e6ff
```
#c2e6ff rgb(194,230,255)
```
#c2e1ff
```
#c2e1ff rgb(194,225,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#c2d7ff
```
#c2d7ff rgb(194,215,255)
```
#c2d2ff
```
#c2d2ff rgb(194,210,255)
```
#c2cdff
```
#c2cdff rgb(194,205,255)
```

Similar Colors

Text with hexadecimal color #c2dcff

This text has a font color of #c2dcff.

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

#c2dcff background color

This paragraph has a background color of #c2dcff.

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

#c2dcff border color

This element has a border color of #c2dcff.

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

CSS codes

.text {color:#c2dcff;}

.background {background-color:#c2dcff;}

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

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

#000711
```
#000711 rgb(0,7,17)
```
#001025
```
#001025 rgb(0,16,37)
```
#001839
```
#001839 rgb(0,24,57)
```
#00214c
```
#00214c rgb(0,33,76)
```
#002960
```
#002960 rgb(0,41,96)
```
#003174
```
#003174 rgb(0,49,116)
```
#003a87
```
#003a87 rgb(0,58,135)
```
#00429b
```
#00429b rgb(0,66,155)
```
#004aae
```
#004aae rgb(0,74,174)
```
#0053c2
```
#0053c2 rgb(0,83,194)
```
#005bd6
```
#005bd6 rgb(0,91,214)
```
#0063e9
```
#0063e9 rgb(0,99,233)
```
#006cfd
```
#006cfd rgb(0,108,253)
```

Shade Color Variation

#1177ff
```
#1177ff rgb(17,119,255)
```
#2582ff
```
#2582ff rgb(37,130,255)
```
#398dff
```
#398dff rgb(57,141,255)
```
#4c98ff
```
#4c98ff rgb(76,152,255)
```
#60a4ff
```
#60a4ff rgb(96,164,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#87baff
```
#87baff rgb(135,186,255)
```
#9bc5ff
```
#9bc5ff rgb(155,197,255)
```
#aed1ff
```
#aed1ff rgb(174,209,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#d6e7ff
```
#d6e7ff rgb(214,231,255)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#dee0e3
```
#dee0e3 rgb(222,224,227)
```
#dce0e5
```
#dce0e5 rgb(220,224,229)
```
#d9dfe8
```
#d9dfe8 rgb(217,223,232)
```
#d7dfea
```
#d7dfea rgb(215,223,234)
```
#d5dfec
```
#d5dfec rgb(213,223,236)
```
#d2deef
```
#d2deef rgb(210,222,239)
```
#d0def1
```
#d0def1 rgb(208,222,241)
```
#cedef3
```
#cedef3 rgb(206,222,243)
```
#cbddf6
```
#cbddf6 rgb(203,221,246)
```
#c9ddf8
```
#c9ddf8 rgb(201,221,248)
```
#c7ddfa
```
#c7ddfa rgb(199,221,250)
```
#c4dcfd
```
#c4dcfd rgb(196,220,253)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d4d9e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d9fc Protanopia 1% of men
#dcd7ff Deuteranopia 1% of men
#c1e0f0 Tritanopia 0.001% of the population

Trichromacy

#cddafd Protanomaly 1% of men, 0.01% of women
#d2d9ff Deuteranomaly 6% of men, 0.4% of women
#c1def5 Tritanomaly 0.01% of the population

#c2dcff hex color

#c2dcff Color Information

#c2dcff Color Conversion

Color Schemes with #c2dcff

Alternatives to #c2dcff

#c2dcff Preview

Shades and Tints of #c2dcff

Tones of #c2dcff

Color Blindness Simulator