#5dd2bf hex color

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

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

● #5dd2bf color description : Moderate cyan.

The hexadecimal color #5dd2bf has RGB values of R:93, G:210, B:191 and CMYK values of C:0.56, M:0, Y:0.09, K:0.18. Its decimal value is 6148799.

Hex triplet	5dd2bf	`#5dd2bf`
RGB Decimal	93, 210, 191	`rgb(93,210,191)`
RGB Percent	36.5, 82.4, 74.9	`rgb(36.5%,82.4%,74.9%)`
CMYK	56, 0, 9, 18
HSL	170.3°, 56.5, 59.4	`hsl(170.3,56.5%,59.4%)`
HSV (or HSB)	170.3°, 55.7, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.388, -37.577, -0.562
XYZ	36.962, 52.179, 57.411
xyY	0.252, 0.356, 52.179
CIE-LCH	77.388, 37.581, 180.857
CIE-LUV	77.388, -49.077, 5.15
Hunter-Lab	72.235, -35.075, 3.442
Binary	01011101, 11010010, 10111111

#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#d25d70
```
#d25d70 rgb(210,93,112)
```

Complementary Color

#5dd285
```
#5dd285 rgb(93,210,133)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#5dabd2
```
#5dabd2 rgb(93,171,210)
```

Analogous Color

#d2855d
```
#d2855d rgb(210,133,93)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#d25dab
```
#d25dab rgb(210,93,171)
```

Split Complementary Color

#d2bf5d
```
#d2bf5d rgb(210,191,93)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#bf5dd2
```
#bf5dd2 rgb(191,93,210)
```

Triadic Color

#70d25d
```
#70d25d rgb(112,210,93)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#bf5dd2
```
#bf5dd2 rgb(191,93,210)
```
#d25d70
```
#d25d70 rgb(210,93,112)
```

Tetradic Color

#31b19c
```
#31b19c rgb(49,177,156)
```
#37c5ae
```
#37c5ae rgb(55,197,174)
```
#49ccb7
```
#49ccb7 rgb(73,204,183)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#71d8c7
```
#71d8c7 rgb(113,216,199)
```
#85ddcf
```
#85ddcf rgb(133,221,207)
```
#99e3d7
```
#99e3d7 rgb(153,227,215)
```

Monochromatic Color

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

#5dd2a2
```
#5dd2a2 rgb(93,210,162)
```
#5dd2ac
```
#5dd2ac rgb(93,210,172)
```
#5dd2b5
```
#5dd2b5 rgb(93,210,181)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#5dd2c9
```
#5dd2c9 rgb(93,210,201)
```
#5dd2d2
```
#5dd2d2 rgb(93,210,210)
```
#5dc8d2
```
#5dc8d2 rgb(93,200,210)
```

Similar Colors

Text with hexadecimal color #5dd2bf

This text has a font color of #5dd2bf.

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

#5dd2bf background color

This paragraph has a background color of #5dd2bf.

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

#5dd2bf border color

This element has a border color of #5dd2bf.

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

CSS codes

.text {color:#5dd2bf;}

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

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

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 #f7fdfc is the lightest one.

#020706
```
#020706 rgb(2,7,6)
```
#061614
```
#061614 rgb(6,22,20)
```
#0a2621
```
#0a2621 rgb(10,38,33)
```
#0f352f
```
#0f352f rgb(15,53,47)
```
#13443c
```
#13443c rgb(19,68,60)
```
#17544a
```
#17544a rgb(23,84,74)
```
#1b6357
```
#1b6357 rgb(27,99,87)
```
#207265
```
#207265 rgb(32,114,101)
```
#248272
```
#248272 rgb(36,130,114)
```
#289180
```
#289180 rgb(40,145,128)
```
#2da08e
```
#2da08e rgb(45,160,142)
```
#31b09b
```
#31b09b rgb(49,176,155)
```
#35bfa9
```
#35bfa9 rgb(53,191,169)
```

Shade Color Variation

#3ec9b3
```
#3ec9b3 rgb(62,201,179)
```
#4eceb9
```
#4eceb9 rgb(78,206,185)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#6cd6c5
```
#6cd6c5 rgb(108,214,197)
```
#7cdbcb
```
#7cdbcb rgb(124,219,203)
```
#8bdfd1
```
#8bdfd1 rgb(139,223,209)
```
#9ae3d7
```
#9ae3d7 rgb(154,227,215)
```
#aae7dd
```
#aae7dd rgb(170,231,221)
```
#b9ece3
```
#b9ece3 rgb(185,236,227)
```
#c8f0e9
```
#c8f0e9 rgb(200,240,233)
```
#d8f4f0
```
#d8f4f0 rgb(216,244,240)
```
#e7f8f6
```
#e7f8f6 rgb(231,248,246)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#959a99
```
#959a99 rgb(149,154,153)
```
#8da29f
```
#8da29f rgb(141,162,159)
```
#85aaa4
```
#85aaa4 rgb(133,170,164)
```
#7db2a9
```
#7db2a9 rgb(125,178,169)
```
#75baaf
```
#75baaf rgb(117,186,175)
```
#6dc2b4
```
#6dc2b4 rgb(109,194,180)
```
#65caba
```
#65caba rgb(101,202,186)
```
#5dd2bf
```
#5dd2bf rgb(93,210,191)
```
#55dac4
```
#55dac4 rgb(85,218,196)
```
#4de2ca
```
#4de2ca rgb(77,226,202)
```
#45eacf
```
#45eacf rgb(69,234,207)
```
#3df2d5
```
#3df2d5 rgb(61,242,213)
```
#35fada
```
#35fada rgb(53,250,218)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9db4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c1b8 Protanopia 1% of men
#d0bdca Deuteranopia 1% of men
#72cfdf Tritanopia 0.001% of the population

Trichromacy

#a1c7ba Protanomaly 1% of men, 0.01% of women
#a6c4c6 Deuteranomaly 6% of men, 0.4% of women
#6ad0d3 Tritanomaly 0.01% of the population

#5dd2bf hex color

#5dd2bf Color Information

#5dd2bf Color Conversion

Color Schemes with #5dd2bf

Alternatives to #5dd2bf

#5dd2bf Preview

Shades and Tints of #5dd2bf

Tones of #5dd2bf

Color Blindness Simulator