#c2f8dc hex color

In a RGB color space, hex #c2f8dc is composed of 76.1% red, 97.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 0% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 148.9 degrees, a saturation of 79.4% and a lightness of 86.7%. #c2f8dc color hex could be obtained by blending #ffffff with #85f1b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 76
- G 97
- B 86
RGB color chart
- C 22
- M 0
- Y 11
- K 3
CMYK color chart

● #c2f8dc color description : Very soft cyan - lime green.

The hexadecimal color #c2f8dc has RGB values of R:194, G:248, B:220 and CMYK values of C:0.22, M:0, Y:0.11, K:0.03. Its decimal value is 12777692.

Hex triplet	c2f8dc	`#c2f8dc`
RGB Decimal	194, 248, 220	`rgb(194,248,220)`
RGB Percent	76.1, 97.3, 86.3	`rgb(76.1%,97.3%,86.3%)`
CMYK	22, 0, 11, 3
HSL	148.9°, 79.4, 86.7	`hsl(148.9,79.4%,86.7%)`
HSV (or HSB)	148.9°, 21.8, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.35, -22.55, 7.873
XYZ	68.731, 83.769, 80.254
xyY	0.295, 0.36, 83.769
CIE-LCH	93.35, 23.885, 160.753
CIE-LUV	93.35, -27.046, 15.881
Hunter-Lab	91.526, -26.127, 12.08
Binary	11000010, 11111000, 11011100

#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#f8c2de
```
#f8c2de rgb(248,194,222)
```

Complementary Color

#c3f8c2
```
#c3f8c2 rgb(195,248,194)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#c2f8f7
```
#c2f8f7 rgb(194,248,247)
```

Analogous Color

#f8c2c3
```
#f8c2c3 rgb(248,194,195)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#f7c2f8
```
#f7c2f8 rgb(247,194,248)
```

Split Complementary Color

#f8dcc2
```
#f8dcc2 rgb(248,220,194)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#dcc2f8
```
#dcc2f8 rgb(220,194,248)
```

Triadic Color

#def8c2
```
#def8c2 rgb(222,248,194)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#dcc2f8
```
#dcc2f8 rgb(220,194,248)
```
#f8c2de
```
#f8c2de rgb(248,194,222)
```

Tetradic Color

#7df0b5
```
#7df0b5 rgb(125,240,181)
```
#94f3c2
```
#94f3c2 rgb(148,243,194)
```
#abf5cf
```
#abf5cf rgb(171,245,207)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#d9fbe9
```
#d9fbe9 rgb(217,251,233)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c2f8cf
```
#c2f8cf rgb(194,248,207)
```
#c2f8d3
```
#c2f8d3 rgb(194,248,211)
```
#c2f8d8
```
#c2f8d8 rgb(194,248,216)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#c2f8e1
```
#c2f8e1 rgb(194,248,225)
```
#c2f8e5
```
#c2f8e5 rgb(194,248,229)
```
#c2f8ea
```
#c2f8ea rgb(194,248,234)
```

Similar Colors

Text with hexadecimal color #c2f8dc

This text has a font color of #c2f8dc.

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

#c2f8dc background color

This paragraph has a background color of #c2f8dc.

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

#c2f8dc border color

This element has a border color of #c2f8dc.

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

CSS codes

.text {color:#c2f8dc;}

.background {background-color:#c2f8dc;}

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

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

#010905
```
#010905 rgb(1,9,5)
```
#031b0f
```
#031b0f rgb(3,27,15)
```
#052d18
```
#052d18 rgb(5,45,24)
```
#073e22
```
#073e22 rgb(7,62,34)
```
#09502b
```
#09502b rgb(9,80,43)
```
#0b6135
```
#0b6135 rgb(11,97,53)
```
#0d733e
```
#0d733e rgb(13,115,62)
```
#0f8548
```
#0f8548 rgb(15,133,72)
```
#119651
```
#119651 rgb(17,150,81)
```
#13a85b
```
#13a85b rgb(19,168,91)
```
#15b964
```
#15b964 rgb(21,185,100)
```
#17cb6e
```
#17cb6e rgb(23,203,110)
```
#19dd77
```
#19dd77 rgb(25,221,119)
```

Shade Color Variation

#24e681
```
#24e681 rgb(36,230,129)
```
#35e88b
```
#35e88b rgb(53,232,139)
```
#47ea95
```
#47ea95 rgb(71,234,149)
```
#58ec9f
```
#58ec9f rgb(88,236,159)
```
#6aeeaa
```
#6aeeaa rgb(106,238,170)
```
#7cf0b4
```
#7cf0b4 rgb(124,240,180)
```
#8df2be
```
#8df2be rgb(141,242,190)
```
#9ff4c8
```
#9ff4c8 rgb(159,244,200)
```
#b0f6d2
```
#b0f6d2 rgb(176,246,210)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#d4fae6
```
#d4fae6 rgb(212,250,230)
```
#e5fcf0
```
#e5fcf0 rgb(229,252,240)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#dcdedd
```
#dcdedd rgb(220,222,221)
```
#dae0dd
```
#dae0dd rgb(218,224,221)
```
#d7e3dd
```
#d7e3dd rgb(215,227,221)
```
#d4e6dd
```
#d4e6dd rgb(212,230,221)
```
#d2e8dd
```
#d2e8dd rgb(210,232,221)
```
#cfebdc
```
#cfebdc rgb(207,235,220)
```
#cceedc
```
#cceedc rgb(204,238,220)
```
#caf0dc
```
#caf0dc rgb(202,240,220)
```
#c7f3dc
```
#c7f3dc rgb(199,243,220)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#bffbdc
```
#bffbdc rgb(191,251,220)
```
#bdfddc
```
#bdfddc rgb(189,253,220)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dee9e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ecd7 Protanopia 1% of men
#ffe7e6 Deuteranopia 1% of men
#d5f1ff Tritanopia 0.001% of the population

Trichromacy

#e3f0d9 Protanomaly 1% of men, 0.01% of women
#e8ede2 Deuteranomaly 6% of men, 0.4% of women
#cef3f2 Tritanomaly 0.01% of the population

#c2f8dc hex color

#c2f8dc Color Information

#c2f8dc Color Conversion

Color Schemes with #c2f8dc

Alternatives to #c2f8dc

#c2f8dc Preview

Shades and Tints of #c2f8dc

Tones of #c2f8dc

Color Blindness Simulator