#c5f5dc hex color

In a RGB color space, hex #c5f5dc is composed of 77.3% red, 96.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 0% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 148.8 degrees, a saturation of 70.6% and a lightness of 86.7%. #c5f5dc color hex could be obtained by blending #ffffff with #8bebb9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 77
- G 96
- B 86
RGB color chart
- C 20
- M 0
- Y 10
- K 4
CMYK color chart

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

The hexadecimal color #c5f5dc has RGB values of R:197, G:245, B:220 and CMYK values of C:0.2, M:0, Y:0.1, K:0.04. Its decimal value is 12973532.

Hex triplet	c5f5dc	`#c5f5dc`
RGB Decimal	197, 245, 220	`rgb(197,245,220)`
RGB Percent	77.3, 96.1, 86.3	`rgb(77.3%,96.1%,86.3%)`
CMYK	20, 0, 10, 4
HSL	148.8°, 70.6, 86.7	`hsl(148.8,70.6%,86.7%)`
HSV (or HSB)	148.8°, 19.6, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.725, -20.154, 6.997
XYZ	68.593, 82.341, 79.986
xyY	0.297, 0.357, 82.341
CIE-LCH	92.725, 21.334, 160.854
CIE-LUV	92.725, -24.226, 14.145
Hunter-Lab	90.742, -23.866, 11.257
Binary	11000101, 11110101, 11011100

#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#f5c5de
```
#f5c5de rgb(245,197,222)
```

Complementary Color

#c6f5c5
```
#c6f5c5 rgb(198,245,197)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#c5f5f4
```
#c5f5f4 rgb(197,245,244)
```

Analogous Color

#f5c5c6
```
#f5c5c6 rgb(245,197,198)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#f4c5f5
```
#f4c5f5 rgb(244,197,245)
```

Split Complementary Color

#f5dcc5
```
#f5dcc5 rgb(245,220,197)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#dcc5f5
```
#dcc5f5 rgb(220,197,245)
```

Triadic Color

#def5c5
```
#def5c5 rgb(222,245,197)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#dcc5f5
```
#dcc5f5 rgb(220,197,245)
```
#f5c5de
```
#f5c5de rgb(245,197,222)
```

Tetradic Color

#84eab5
```
#84eab5 rgb(132,234,181)
```
#9aeec2
```
#9aeec2 rgb(154,238,194)
```
#aff1cf
```
#aff1cf rgb(175,241,207)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#dbf9e9
```
#dbf9e9 rgb(219,249,233)
```
#f1fdf6
```
#f1fdf6 rgb(241,253,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c5f5d0
```
#c5f5d0 rgb(197,245,208)
```
#c5f5d4
```
#c5f5d4 rgb(197,245,212)
```
#c5f5d8
```
#c5f5d8 rgb(197,245,216)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#c5f5e0
```
#c5f5e0 rgb(197,245,224)
```
#c5f5e4
```
#c5f5e4 rgb(197,245,228)
```
#c5f5e8
```
#c5f5e8 rgb(197,245,232)
```

Similar Colors

Text with hexadecimal color #c5f5dc

This text has a font color of #c5f5dc.

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

#c5f5dc background color

This paragraph has a background color of #c5f5dc.

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

#c5f5dc border color

This element has a border color of #c5f5dc.

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

CSS codes

.text {color:#c5f5dc;}

.background {background-color:#c5f5dc;}

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

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

#020905
```
#020905 rgb(2,9,5)
```
#041a0f
```
#041a0f rgb(4,26,15)
```
#072a18
```
#072a18 rgb(7,42,24)
```
#0a3b22
```
#0a3b22 rgb(10,59,34)
```
#0d4c2b
```
#0d4c2b rgb(13,76,43)
```
#105d35
```
#105d35 rgb(16,93,53)
```
#136d3e
```
#136d3e rgb(19,109,62)
```
#167e48
```
#167e48 rgb(22,126,72)
```
#198f51
```
#198f51 rgb(25,143,81)
```
#1ca05b
```
#1ca05b rgb(28,160,91)
```
#1eb064
```
#1eb064 rgb(30,176,100)
```
#21c16e
```
#21c16e rgb(33,193,110)
```
#24d277
```
#24d277 rgb(36,210,119)
```

Shade Color Variation

#2edb81
```
#2edb81 rgb(46,219,129)
```
#3fde8b
```
#3fde8b rgb(63,222,139)
```
#50e195
```
#50e195 rgb(80,225,149)
```
#61e49f
```
#61e49f rgb(97,228,159)
```
#71e7aa
```
#71e7aa rgb(113,231,170)
```
#82e9b4
```
#82e9b4 rgb(130,233,180)
```
#93ecbe
```
#93ecbe rgb(147,236,190)
```
#a4efc8
```
#a4efc8 rgb(164,239,200)
```
#b4f2d2
```
#b4f2d2 rgb(180,242,210)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#d6f8e6
```
#d6f8e6 rgb(214,248,230)
```
#e6fbf0
```
#e6fbf0 rgb(230,251,240)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#dddddd
```
#dddddd rgb(221,221,221)
```
#dae0dd
```
#dae0dd rgb(218,224,221)
```
#d7e3dd
```
#d7e3dd rgb(215,227,221)
```
#d5e5dd
```
#d5e5dd rgb(213,229,221)
```
#d2e8dd
```
#d2e8dd rgb(210,232,221)
```
#cfebdc
```
#cfebdc rgb(207,235,220)
```
#cdeddc
```
#cdeddc rgb(205,237,220)
```
#caf0dc
```
#caf0dc rgb(202,240,220)
```
#c8f2dc
```
#c8f2dc rgb(200,242,220)
```
#c5f5dc
```
#c5f5dc rgb(197,245,220)
```
#c2f8dc
```
#c2f8dc rgb(194,248,220)
```
#c0fadc
```
#c0fadc rgb(192,250,220)
```
#bdfddc
```
#bdfddc rgb(189,253,220)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#dee7e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3ead8 Protanopia 1% of men
#ffe5e5 Deuteranopia 1% of men
#d3efff Tritanopia 0.001% of the population

Trichromacy

#e2eed9 Protanomaly 1% of men, 0.01% of women
#e9ebe1 Deuteranomaly 6% of men, 0.4% of women
#cef1f2 Tritanomaly 0.01% of the population

#c5f5dc hex color

#c5f5dc Color Information

#c5f5dc Color Conversion

Color Schemes with #c5f5dc

Alternatives to #c5f5dc

#c5f5dc Preview

Shades and Tints of #c5f5dc

Tones of #c5f5dc

Color Blindness Simulator