#c2dccc hex color

In a RGB color space, hex #c2dccc is composed of 76.1% red, 86.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 7.3% yellow and 13.7% black. It has a hue angle of 143.1 degrees, a saturation of 27.1% and a lightness of 81.2%. #c2dccc color hex could be obtained by blending #ffffff with #85b999. Closest websafe color is: #cccccc.

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

● #c2dccc color description : Light grayish cyan - lime green.

The hexadecimal color #c2dccc has RGB values of R:194, G:220, B:204 and CMYK values of C:0.12, M:0, Y:0.07, K:0.14. Its decimal value is 12770508.

Hex triplet	c2dccc	`#c2dccc`
RGB Decimal	194, 220, 204	`rgb(194,220,204)`
RGB Percent	76.1, 86.3, 80	`rgb(76.1%,86.3%,80%)`
CMYK	12, 0, 7, 14
HSL	143.1°, 27.1, 81.2	`hsl(143.1,27.1%,81.2%)`
HSV (or HSB)	143.1°, 11.8, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.511, -11.659, 4.938
XYZ	58.738, 67.015, 66.964
xyY	0.305, 0.348, 67.015
CIE-LCH	85.511, 12.662, 157.046
CIE-LUV	85.511, -13.434, 9.454
Hunter-Lab	81.862, -15.182, 8.804
Binary	11000010, 11011100, 11001100

#c2dccc
```
#c2dccc rgb(194,220,204)
```
#dcc2d2
```
#dcc2d2 rgb(220,194,210)
```

Complementary Color

#c5dcc2
```
#c5dcc2 rgb(197,220,194)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#c2dcd9
```
#c2dcd9 rgb(194,220,217)
```

Analogous Color

#dcc2c5
```
#dcc2c5 rgb(220,194,197)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#d9c2dc
```
#d9c2dc rgb(217,194,220)
```

Split Complementary Color

#dcccc2
```
#dcccc2 rgb(220,204,194)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#ccc2dc
```
#ccc2dc rgb(204,194,220)
```

Triadic Color

#d2dcc2
```
#d2dcc2 rgb(210,220,194)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#ccc2dc
```
#ccc2dc rgb(204,194,220)
```
#dcc2d2
```
#dcc2d2 rgb(220,194,210)
```

Tetradic Color

#91c0a3
```
#91c0a3 rgb(145,192,163)
```
#a2c9b1
```
#a2c9b1 rgb(162,201,177)
```
#b2d3be
```
#b2d3be rgb(178,211,190)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#d2e5da
```
#d2e5da rgb(210,229,218)
```
#e2efe7
```
#e2efe7 rgb(226,239,231)
```
#f3f8f5
```
#f3f8f5 rgb(243,248,245)
```

Monochromatic Color

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

#c2dcc6
```
#c2dcc6 rgb(194,220,198)
```
#c2dcc8
```
#c2dcc8 rgb(194,220,200)
```
#c2dcca
```
#c2dcca rgb(194,220,202)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#c2dcce
```
#c2dcce rgb(194,220,206)
```
#c2dcd0
```
#c2dcd0 rgb(194,220,208)
```
#c2dcd3
```
#c2dcd3 rgb(194,220,211)
```

Similar Colors

Text with hexadecimal color #c2dccc

This text has a font color of #c2dccc.

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

#c2dccc background color

This paragraph has a background color of #c2dccc.

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

#c2dccc border color

This element has a border color of #c2dccc.

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

CSS codes

.text {color:#c2dccc;}

.background {background-color:#c2dccc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0a
```
#080e0a rgb(8,14,10)
```
#0f1a13
```
#0f1a13 rgb(15,26,19)
```
#16271d
```
#16271d rgb(22,39,29)
```
#1d3326
```
#1d3326 rgb(29,51,38)
```
#25402f
```
#25402f rgb(37,64,47)
```
#2c4c38
```
#2c4c38 rgb(44,76,56)
```
#335941
```
#335941 rgb(51,89,65)
```
#3a654b
```
#3a654b rgb(58,101,75)
```
#417154
```
#417154 rgb(65,113,84)
```
#487e5d
```
#487e5d rgb(72,126,93)
```
#4f8a66
```
#4f8a66 rgb(79,138,102)
```
#57976f
```
#57976f rgb(87,151,111)
```

Shade Color Variation

#5ea379
```
#5ea379 rgb(94,163,121)
```
#6baa83
```
#6baa83 rgb(107,170,131)
```
#77b18d
```
#77b18d rgb(119,177,141)
```
#84b898
```
#84b898 rgb(132,184,152)
```
#90bfa2
```
#90bfa2 rgb(144,191,162)
```
#9dc7ad
```
#9dc7ad rgb(157,199,173)
```
#a9ceb7
```
#a9ceb7 rgb(169,206,183)
```
#b6d5c2
```
#b6d5c2 rgb(182,213,194)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#cee3d6
```
#cee3d6 rgb(206,227,214)
```
#dbeae1
```
#dbeae1 rgb(219,234,225)
```
#e7f1eb
```
#e7f1eb rgb(231,241,235)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

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

#cdd1cf
```
#cdd1cf rgb(205,209,207)
```
#c9d5ce
```
#c9d5ce rgb(201,213,206)
```
#c6d8cd
```
#c6d8cd rgb(198,216,205)
```
#c2dccc
```
#c2dccc rgb(194,220,204)
```
#bee0cb
```
#bee0cb rgb(190,224,203)
```
#bbe3ca
```
#bbe3ca rgb(187,227,202)
```
#b7e7c9
```
#b7e7c9 rgb(183,231,201)
```
#b3ebc9
```
#b3ebc9 rgb(179,235,201)
```
#b0eec8
```
#b0eec8 rgb(176,238,200)
```
#acf2c7
```
#acf2c7 rgb(172,242,199)
```
#a8f6c6
```
#a8f6c6 rgb(168,246,198)
```
#a4fac5
```
#a4fac5 rgb(164,250,197)
```
#a1fdc4
```
#a1fdc4 rgb(161,253,196)
```

Tone Color Variation

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

Dichromacy

#ded7cb Protanopia 1% of men
#edd1d2 Deuteranopia 1% of men
#cad9e9 Tritanopia 0.001% of the population

Trichromacy

#d4d8cb Protanomaly 1% of men, 0.01% of women
#ddd5d0 Deuteranomaly 6% of men, 0.4% of women
#c7dade Tritanomaly 0.01% of the population

#c2dccc hex color

#c2dccc Color Information

#c2dccc Color Conversion

Color Schemes with #c2dccc

Alternatives to #c2dccc

#c2dccc Preview

Shades and Tints of #c2dccc

Tones of #c2dccc

Color Blindness Simulator