#5dd2b2 hex color

In a RGB color space, hex #5dd2b2 is composed of 36.5% red, 82.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 0% magenta, 15.2% yellow and 17.6% black. It has a hue angle of 163.6 degrees, a saturation of 56.5% and a lightness of 59.4%. #5dd2b2 color hex could be obtained by blending #baffff with #00a565. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 82
- B 70
RGB color chart
- C 56
- M 0
- Y 15
- K 18
CMYK color chart

● #5dd2b2 color description : Moderate cyan - lime green.

The hexadecimal color #5dd2b2 has RGB values of R:93, G:210, B:178 and CMYK values of C:0.56, M:0, Y:0.15, K:0.18. Its decimal value is 6148786.

Hex triplet	5dd2b2	`#5dd2b2`
RGB Decimal	93, 210, 178	`rgb(93,210,178)`
RGB Percent	36.5, 82.4, 69.8	`rgb(36.5%,82.4%,69.8%)`
CMYK	56, 0, 15, 18
HSL	163.6°, 56.5, 59.4	`hsl(163.6,56.5%,59.4%)`
HSV (or HSB)	163.6°, 55.7, 82.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.06, -40.723, 5.936
XYZ	35.594, 51.632, 50.207
xyY	0.259, 0.376, 51.632
CIE-LCH	77.06, 41.154, 171.707
CIE-LUV	77.06, -49.727, 15.39
Hunter-Lab	71.855, -37.326, 8.871
Binary	01011101, 11010010, 10110010

#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#d25d7d
```
#d25d7d rgb(210,93,125)
```

Complementary Color

#5dd278
```
#5dd278 rgb(93,210,120)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#5db8d2
```
#5db8d2 rgb(93,184,210)
```

Analogous Color

#d2785d
```
#d2785d rgb(210,120,93)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#d25db8
```
#d25db8 rgb(210,93,184)
```

Split Complementary Color

#d2b25d
```
#d2b25d rgb(210,178,93)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#b25dd2
```
#b25dd2 rgb(178,93,210)
```

Triadic Color

#7dd25d
```
#7dd25d rgb(125,210,93)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#b25dd2
```
#b25dd2 rgb(178,93,210)
```
#d25d7d
```
#d25d7d rgb(210,93,125)
```

Tetradic Color

#31b18e
```
#31b18e rgb(49,177,142)
```
#37c59e
```
#37c59e rgb(55,197,158)
```
#49cca9
```
#49cca9 rgb(73,204,169)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#71d8bb
```
#71d8bb rgb(113,216,187)
```
#85ddc5
```
#85ddc5 rgb(133,221,197)
```
#99e3ce
```
#99e3ce rgb(153,227,206)
```

Monochromatic Color

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

#5dd295
```
#5dd295 rgb(93,210,149)
```
#5dd29f
```
#5dd29f rgb(93,210,159)
```
#5dd2a8
```
#5dd2a8 rgb(93,210,168)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#5dd2bc
```
#5dd2bc rgb(93,210,188)
```
#5dd2c6
```
#5dd2c6 rgb(93,210,198)
```
#5dd2cf
```
#5dd2cf rgb(93,210,207)
```

Similar Colors

Text with hexadecimal color #5dd2b2

This text has a font color of #5dd2b2.

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

#5dd2b2 background color

This paragraph has a background color of #5dd2b2.

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

#5dd2b2 border color

This element has a border color of #5dd2b2.

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

CSS codes

.text {color:#5dd2b2;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#061612
```
#061612 rgb(6,22,18)
```
#0a261e
```
#0a261e rgb(10,38,30)
```
#0f352a
```
#0f352a rgb(15,53,42)
```
#134437
```
#134437 rgb(19,68,55)
```
#175443
```
#175443 rgb(23,84,67)
```
#1b634f
```
#1b634f rgb(27,99,79)
```
#20725c
```
#20725c rgb(32,114,92)
```
#248268
```
#248268 rgb(36,130,104)
```
#289174
```
#289174 rgb(40,145,116)
```
#2da081
```
#2da081 rgb(45,160,129)
```
#31b08d
```
#31b08d rgb(49,176,141)
```
#35bf99
```
#35bf99 rgb(53,191,153)
```

Shade Color Variation

#3ec9a3
```
#3ec9a3 rgb(62,201,163)
```
#4eceab
```
#4eceab rgb(78,206,171)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#6cd6b9
```
#6cd6b9 rgb(108,214,185)
```
#7cdbc1
```
#7cdbc1 rgb(124,219,193)
```
#8bdfc8
```
#8bdfc8 rgb(139,223,200)
```
#9ae3cf
```
#9ae3cf rgb(154,227,207)
```
#aae7d6
```
#aae7d6 rgb(170,231,214)
```
#b9ecde
```
#b9ecde rgb(185,236,222)
```
#c8f0e5
```
#c8f0e5 rgb(200,240,229)
```
#d8f4ec
```
#d8f4ec rgb(216,244,236)
```
#e7f8f4
```
#e7f8f4 rgb(231,248,244)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#959a99
```
#959a99 rgb(149,154,153)
```
#8da29c
```
#8da29c rgb(141,162,156)
```
#85aaa0
```
#85aaa0 rgb(133,170,160)
```
#7db2a4
```
#7db2a4 rgb(125,178,164)
```
#75baa7
```
#75baa7 rgb(117,186,167)
```
#6dc2ab
```
#6dc2ab rgb(109,194,171)
```
#65caae
```
#65caae rgb(101,202,174)
```
#5dd2b2
```
#5dd2b2 rgb(93,210,178)
```
#55dab6
```
#55dab6 rgb(85,218,182)
```
#4de2b9
```
#4de2b9 rgb(77,226,185)
```
#45eabd
```
#45eabd rgb(69,234,189)
```
#3df2c0
```
#3df2c0 rgb(61,242,192)
```
#35fac4
```
#35fac4 rgb(53,250,196)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c1ac Protanopia 1% of men
#d4bbbe Deuteranopia 1% of men
#75cedd Tritanopia 0.001% of the population

Trichromacy

#a2c7ae Protanomaly 1% of men, 0.01% of women
#a9c3b9 Deuteranomaly 6% of men, 0.4% of women
#6ccfcd Tritanomaly 0.01% of the population

#5dd2b2 hex color

#5dd2b2 Color Information

#5dd2b2 Color Conversion

Color Schemes with #5dd2b2

Alternatives to #5dd2b2

#5dd2b2 Preview

Shades and Tints of #5dd2b2

Tones of #5dd2b2

Color Blindness Simulator