#c2d1ff hex color

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

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

● #c2d1ff color description : Very pale blue.

The hexadecimal color #c2d1ff has RGB values of R:194, G:209, B:255 and CMYK values of C:0.24, M:0.18, Y:0, K:0. Its decimal value is 12767743.

Hex triplet	c2d1ff	`#c2d1ff`
RGB Decimal	194, 209, 255	`rgb(194,209,255)`
RGB Percent	76.1, 82, 100	`rgb(76.1%,82%,100%)`
CMYK	24, 18, 0, 0
HSL	225.2°, 100, 88	`hsl(225.2,100%,88%)`
HSV (or HSB)	225.2°, 23.9, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.116, 4.635, -24.153
XYZ	63.095, 64.289, 103.687
xyY	0.273, 0.278, 64.289
CIE-LCH	84.116, 24.593, 280.863
CIE-LUV	84.116, -10.153, -39.429
Hunter-Lab	80.181, 0.148, -20.546
Binary	11000010, 11010001, 11111111

#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#fff0c2
```
#fff0c2 rgb(255,240,194)
```

Complementary Color

#c2f0ff
```
#c2f0ff rgb(194,240,255)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#d2c2ff
```
#d2c2ff rgb(210,194,255)
```

Analogous Color

#f0ffc2
```
#f0ffc2 rgb(240,255,194)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#ffd2c2
```
#ffd2c2 rgb(255,210,194)
```

Split Complementary Color

#d1ffc2
```
#d1ffc2 rgb(209,255,194)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#ffc2d1
```
#ffc2d1 rgb(255,194,209)
```

Triadic Color

#c2fff0
```
#c2fff0 rgb(194,255,240)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#ffc2d1
```
#ffc2d1 rgb(255,194,209)
```
#fff0c2
```
#fff0c2 rgb(255,240,194)
```

Tetradic Color

#7697ff
```
#7697ff rgb(118,151,255)
```
#8fabff
```
#8fabff rgb(143,171,255)
```
#a9beff
```
#a9beff rgb(169,190,255)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#dce4ff
```
#dce4ff rgb(220,228,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2e0ff
```
#c2e0ff rgb(194,224,255)
```
#c2dbff
```
#c2dbff rgb(194,219,255)
```
#c2d6ff
```
#c2d6ff rgb(194,214,255)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#c2ccff
```
#c2ccff rgb(194,204,255)
```
#c2c7ff
```
#c2c7ff rgb(194,199,255)
```
#c2c2ff
```
#c2c2ff rgb(194,194,255)
```

Similar Colors

Text with hexadecimal color #c2d1ff

This text has a font color of #c2d1ff.

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

#c2d1ff background color

This paragraph has a background color of #c2d1ff.

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

#c2d1ff border color

This element has a border color of #c2d1ff.

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

CSS codes

.text {color:#c2d1ff;}

.background {background-color:#c2d1ff;}

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

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

#000411
```
#000411 rgb(0,4,17)
```
#000925
```
#000925 rgb(0,9,37)
```
#000e39
```
#000e39 rgb(0,14,57)
```
#00134c
```
#00134c rgb(0,19,76)
```
#001860
```
#001860 rgb(0,24,96)
```
#001c74
```
#001c74 rgb(0,28,116)
```
#002187
```
#002187 rgb(0,33,135)
```
#00269b
```
#00269b rgb(0,38,155)
```
#002bae
```
#002bae rgb(0,43,174)
```
#0030c2
```
#0030c2 rgb(0,48,194)
```
#0035d6
```
#0035d6 rgb(0,53,214)
```
#0039e9
```
#0039e9 rgb(0,57,233)
```
#003efd
```
#003efd rgb(0,62,253)
```

Shade Color Variation

#114cff
```
#114cff rgb(17,76,255)
```
#255bff
```
#255bff rgb(37,91,255)
```
#3969ff
```
#3969ff rgb(57,105,255)
```
#4c78ff
```
#4c78ff rgb(76,120,255)
```
#6087ff
```
#6087ff rgb(96,135,255)
```
#7496ff
```
#7496ff rgb(116,150,255)
```
#87a5ff
```
#87a5ff rgb(135,165,255)
```
#9bb3ff
```
#9bb3ff rgb(155,179,255)
```
#aec2ff
```
#aec2ff rgb(174,194,255)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```
#d6e0ff
```
#d6e0ff rgb(214,224,255)
```
#e9efff
```
#e9efff rgb(233,239,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#dedfe3
```
#dedfe3 rgb(222,223,227)
```
#dcdee5
```
#dcdee5 rgb(220,222,229)
```
#d9dde8
```
#d9dde8 rgb(217,221,232)
```
#d7dcea
```
#d7dcea rgb(215,220,234)
```
#d5dbec
```
#d5dbec rgb(213,219,236)
```
#d2d9ef
```
#d2d9ef rgb(210,217,239)
```
#d0d8f1
```
#d0d8f1 rgb(208,216,241)
```
#ced7f3
```
#ced7f3 rgb(206,215,243)
```
#cbd6f6
```
#cbd6f6 rgb(203,214,246)
```
#c9d5f8
```
#c9d5f8 rgb(201,213,248)
```
#c7d3fa
```
#c7d3fa rgb(199,211,250)
```
#c4d2fd
```
#c4d2fd rgb(196,210,253)
```
#c2d1ff
```
#c2d1ff rgb(194,209,255)
```

Tone Color Variation

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

Dichromacy

#c9d2fe Protanopia 1% of men
#d0d0ff Deuteranopia 1% of men
#bfd7e7 Tritanopia 0.001% of the population

Trichromacy

#c6d1fe Protanomaly 1% of men, 0.01% of women
#cbd0ff Deuteranomaly 6% of men, 0.4% of women
#c0d5ef Tritanomaly 0.01% of the population

#c2d1ff hex color

#c2d1ff Color Information

#c2d1ff Color Conversion

Color Schemes with #c2d1ff

Alternatives to #c2d1ff

#c2d1ff Preview

Shades and Tints of #c2d1ff

Tones of #c2d1ff

Color Blindness Simulator