#5bd7d2 hex color

In a RGB color space, hex #5bd7d2 is composed of 35.7% red, 84.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 0% magenta, 2.3% yellow and 15.7% black. It has a hue angle of 177.6 degrees, a saturation of 60.8% and a lightness of 60%. #5bd7d2 color hex could be obtained by blending #b6ffff with #00afa5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 84
- B 82
RGB color chart
- C 58
- M 0
- Y 2
- K 16
CMYK color chart

● #5bd7d2 color description : Moderate cyan.

The hexadecimal color #5bd7d2 has RGB values of R:91, G:215, B:210 and CMYK values of C:0.58, M:0, Y:0.02, K:0.16. Its decimal value is 6019026.

Hex triplet	5bd7d2	`#5bd7d2`
RGB Decimal	91, 215, 210	`rgb(91,215,210)`
RGB Percent	35.7, 84.3, 82.4	`rgb(35.7%,84.3%,82.4%)`
CMYK	58, 0, 2, 16
HSL	177.6°, 60.8, 60	`hsl(177.6,60.8%,60%)`
HSV (or HSB)	177.6°, 57.7, 84.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.314, -35.381, -7.914
XYZ	40.244, 55.475, 69.556
xyY	0.243, 0.336, 55.475
CIE-LCH	79.314, 36.255, 192.608
CIE-LUV	79.314, -50.451, -6.69
Hunter-Lab	74.482, -33.895, -3.232
Binary	01011011, 11010111, 11010010

#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#d75b60
```
#d75b60 rgb(215,91,96)
```

Complementary Color

#5bd794
```
#5bd794 rgb(91,215,148)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#5b9ed7
```
#5b9ed7 rgb(91,158,215)
```

Analogous Color

#d7945b
```
#d7945b rgb(215,148,91)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#d75b9e
```
#d75b9e rgb(215,91,158)
```

Split Complementary Color

#d7d25b
```
#d7d25b rgb(215,210,91)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#d25bd7
```
#d25bd7 rgb(210,91,215)
```

Triadic Color

#60d75b
```
#60d75b rgb(96,215,91)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#d25bd7
```
#d25bd7 rgb(210,91,215)
```
#d75b60
```
#d75b60 rgb(215,91,96)
```

Tetradic Color

#2db9b3
```
#2db9b3 rgb(45,185,179)
```
#32cdc7
```
#32cdc7 rgb(50,205,199)
```
#47d2cc
```
#47d2cc rgb(71,210,204)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#70dcd8
```
#70dcd8 rgb(112,220,216)
```
#84e1dd
```
#84e1dd rgb(132,225,221)
```
#99e6e3
```
#99e6e3 rgb(153,230,227)
```

Monochromatic Color

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

#5bd7b3
```
#5bd7b3 rgb(91,215,179)
```
#5bd7bd
```
#5bd7bd rgb(91,215,189)
```
#5bd7c8
```
#5bd7c8 rgb(91,215,200)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#5bd2d7
```
#5bd2d7 rgb(91,210,215)
```
#5bc7d7
```
#5bc7d7 rgb(91,199,215)
```
#5bbdd7
```
#5bbdd7 rgb(91,189,215)
```

Similar Colors

Text with hexadecimal color #5bd7d2

This text has a font color of #5bd7d2.

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

#5bd7d2 background color

This paragraph has a background color of #5bd7d2.

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

#5bd7d2 border color

This element has a border color of #5bd7d2.

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

CSS codes

.text {color:#5bd7d2;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061918
```
#061918 rgb(6,25,24)
```
#0a2928
```
#0a2928 rgb(10,41,40)
```
#0e3937
```
#0e3937 rgb(14,57,55)
```
#124946
```
#124946 rgb(18,73,70)
```
#165856
```
#165856 rgb(22,88,86)
```
#196865
```
#196865 rgb(25,104,101)
```
#1d7874
```
#1d7874 rgb(29,120,116)
```
#218883
```
#218883 rgb(33,136,131)
```
#259793
```
#259793 rgb(37,151,147)
```
#29a7a2
```
#29a7a2 rgb(41,167,162)
```
#2db7b1
```
#2db7b1 rgb(45,183,177)
```
#30c7c1
```
#30c7c1 rgb(48,199,193)
```

Shade Color Variation

#3bcfc9
```
#3bcfc9 rgb(59,207,201)
```
#4bd3ce
```
#4bd3ce rgb(75,211,206)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#6bdbd6
```
#6bdbd6 rgb(107,219,214)
```
#7bdfdb
```
#7bdfdb rgb(123,223,219)
```
#8ae3df
```
#8ae3df rgb(138,227,223)
```
#9ae6e3
```
#9ae6e3 rgb(154,230,227)
```
#aaeae8
```
#aaeae8 rgb(170,234,232)
```
#baeeec
```
#baeeec rgb(186,238,236)
```
#c9f2f0
```
#c9f2f0 rgb(201,242,240)
```
#d9f6f5
```
#d9f6f5 rgb(217,246,245)
```
#e9faf9
```
#e9faf9 rgb(233,250,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#92a0a0
```
#92a0a0 rgb(146,160,160)
```
#8aa8a7
```
#8aa8a7 rgb(138,168,167)
```
#82b0ae
```
#82b0ae rgb(130,176,174)
```
#7ab8b5
```
#7ab8b5 rgb(122,184,181)
```
#73bfbc
```
#73bfbc rgb(115,191,188)
```
#6bc7c4
```
#6bc7c4 rgb(107,199,196)
```
#63cfcb
```
#63cfcb rgb(99,207,203)
```
#5bd7d2
```
#5bd7d2 rgb(91,215,210)
```
#53dfd9
```
#53dfd9 rgb(83,223,217)
```
#4be7e0
```
#4be7e0 rgb(75,231,224)
```
#43efe8
```
#43efe8 rgb(67,239,232)
```
#3cf6ef
```
#3cf6ef rgb(60,246,239)
```
#34fef6
```
#34fef6 rgb(52,254,246)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c6ca Protanopia 1% of men
#cfc2dc Deuteranopia 1% of men
#6cd6e5 Tritanopia 0.001% of the population

Trichromacy

#a1cccd Protanomaly 1% of men, 0.01% of women
#a5cad8 Deuteranomaly 6% of men, 0.4% of women
#66d6de Tritanomaly 0.01% of the population

#5bd7d2 hex color

#5bd7d2 Color Information

#5bd7d2 Color Conversion

Color Schemes with #5bd7d2

Alternatives to #5bd7d2

#5bd7d2 Preview

Shades and Tints of #5bd7d2

Tones of #5bd7d2

Color Blindness Simulator