#5fddcc hex color

In a RGB color space, hex #5fddcc is composed of 37.3% red, 86.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 0% magenta, 7.7% yellow and 13.3% black. It has a hue angle of 171.9 degrees, a saturation of 64.9% and a lightness of 62%. #5fddcc color hex could be obtained by blending #beffff with #00bb99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 87
- B 80
RGB color chart
- C 57
- M 0
- Y 8
- K 13
CMYK color chart

● #5fddcc color description : Soft cyan.

The hexadecimal color #5fddcc has RGB values of R:95, G:221, B:204 and CMYK values of C:0.57, M:0, Y:0.08, K:0.13. Its decimal value is 6282700.

Hex triplet	5fddcc	`#5fddcc`
RGB Decimal	95, 221, 204	`rgb(95,221,204)`
RGB Percent	37.3, 86.7, 80	`rgb(37.3%,86.7%,80%)`
CMYK	57, 0, 8, 13
HSL	171.9°, 64.9, 62	`hsl(171.9,64.9%,62%)`
HSV (or HSB)	171.9°, 57, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.017, -38.944, -2.187
XYZ	41.471, 58.502, 66.23
xyY	0.25, 0.352, 58.502
CIE-LCH	81.017, 39.005, 183.214
CIE-LUV	81.017, -52.052, 2.886
Hunter-Lab	76.487, -37.068, 2.201
Binary	01011111, 11011101, 11001100

#5fddcc
```
#5fddcc rgb(95,221,204)
```
#dd5f70
```
#dd5f70 rgb(221,95,112)
```

Complementary Color

#5fdd8d
```
#5fdd8d rgb(95,221,141)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#5fafdd
```
#5fafdd rgb(95,175,221)
```

Analogous Color

#dd8d5f
```
#dd8d5f rgb(221,141,95)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#dd5faf
```
#dd5faf rgb(221,95,175)
```

Split Complementary Color

#ddcc5f
```
#ddcc5f rgb(221,204,95)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#cc5fdd
```
#cc5fdd rgb(204,95,221)
```

Triadic Color

#70dd5f
```
#70dd5f rgb(112,221,95)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#cc5fdd
```
#cc5fdd rgb(204,95,221)
```
#dd5f70
```
#dd5f70 rgb(221,95,112)
```

Tetradic Color

#2ac6b1
```
#2ac6b1 rgb(42,198,177)
```
#35d4bf
```
#35d4bf rgb(53,212,191)
```
#4ad9c5
```
#4ad9c5 rgb(74,217,197)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#74e1d3
```
#74e1d3 rgb(116,225,211)
```
#89e6d9
```
#89e6d9 rgb(137,230,217)
```
#9eeae0
```
#9eeae0 rgb(158,234,224)
```

Monochromatic Color

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

#5fddad
```
#5fddad rgb(95,221,173)
```
#5fddb7
```
#5fddb7 rgb(95,221,183)
```
#5fddc2
```
#5fddc2 rgb(95,221,194)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#5fddd7
```
#5fddd7 rgb(95,221,215)
```
#5fd9dd
```
#5fd9dd rgb(95,217,221)
```
#5fcfdd
```
#5fcfdd rgb(95,207,221)
```

Similar Colors

Text with hexadecimal color #5fddcc

This text has a font color of #5fddcc.

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

#5fddcc background color

This paragraph has a background color of #5fddcc.

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

#5fddcc border color

This element has a border color of #5fddcc.

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

CSS codes

.text {color:#5fddcc;}

.background {background-color:#5fddcc;}

.border {border:1px solid #5fddcc;}

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

#000202
```
#000202 rgb(0,2,2)
```
#041210
```
#041210 rgb(4,18,16)
```
#07221f
```
#07221f rgb(7,34,31)
```
#0b322d
```
#0b322d rgb(11,50,45)
```
#0e423b
```
#0e423b rgb(14,66,59)
```
#12534a
```
#12534a rgb(18,83,74)
```
#156358
```
#156358 rgb(21,99,88)
```
#187367
```
#187367 rgb(24,115,103)
```
#1c8375
```
#1c8375 rgb(28,131,117)
```
#1f9384
```
#1f9384 rgb(31,147,132)
```
#23a492
```
#23a492 rgb(35,164,146)
```
#26b4a1
```
#26b4a1 rgb(38,180,161)
```
#2ac4af
```
#2ac4af rgb(42,196,175)
```

Shade Color Variation

#2ed3bd
```
#2ed3bd rgb(46,211,189)
```
#3fd6c2
```
#3fd6c2 rgb(63,214,194)
```
#4fdac7
```
#4fdac7 rgb(79,218,199)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#6fe0d1
```
#6fe0d1 rgb(111,224,209)
```
#7fe4d6
```
#7fe4d6 rgb(127,228,214)
```
#90e7db
```
#90e7db rgb(144,231,219)
```
#a0ebe1
```
#a0ebe1 rgb(160,235,225)
```
#b0eee6
```
#b0eee6 rgb(176,238,230)
```
#c0f2eb
```
#c0f2eb rgb(192,242,235)
```
#d0f5f0
```
#d0f5f0 rgb(208,245,240)
```
#e0f9f5
```
#e0f9f5 rgb(224,249,245)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

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

#9ba1a0
```
#9ba1a0 rgb(155,161,160)
```
#93a9a6
```
#93a9a6 rgb(147,169,166)
```
#8cb0ab
```
#8cb0ab rgb(140,176,171)
```
#84b8b1
```
#84b8b1 rgb(132,184,177)
```
#7dbfb6
```
#7dbfb6 rgb(125,191,182)
```
#75c7bc
```
#75c7bc rgb(117,199,188)
```
#6ecec1
```
#6ecec1 rgb(110,206,193)
```
#66d6c7
```
#66d6c7 rgb(102,214,199)
```
#5fddcc
```
#5fddcc rgb(95,221,204)
```
#58e4d1
```
#58e4d1 rgb(88,228,209)
```
#50ecd7
```
#50ecd7 rgb(80,236,215)
```
#49f3dc
```
#49f3dc rgb(73,243,220)
```
#41fbe2
```
#41fbe2 rgb(65,251,226)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bdba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cbc4 Protanopia 1% of men
#d9c6d7 Deuteranopia 1% of men
#74daea Tritanopia 0.001% of the population

Trichromacy

#a7d1c7 Protanomaly 1% of men, 0.01% of women
#acced3 Deuteranomaly 6% of men, 0.4% of women
#6cdbdf Tritanomaly 0.01% of the population

#5fddcc hex color

#5fddcc Color Information

#5fddcc Color Conversion

Color Schemes with #5fddcc

Alternatives to #5fddcc

#5fddcc Preview

Shades and Tints of #5fddcc

Tones of #5fddcc

Color Blindness Simulator