#5bd3d8 hex color

In a RGB color space, hex #5bd3d8 is composed of 35.7% red, 82.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 2.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 182.4 degrees, a saturation of 61.6% and a lightness of 60.2%. #5bd3d8 color hex could be obtained by blending #b6ffff with #00a7b1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 83
- B 85
RGB color chart
- C 58
- M 2
- Y 0
- K 15
CMYK color chart

● #5bd3d8 color description : Moderate cyan.

The hexadecimal color #5bd3d8 has RGB values of R:91, G:211, B:216 and CMYK values of C:0.58, M:0.02, Y:0, K:0.15. Its decimal value is 6018008.

Hex triplet	5bd3d8	`#5bd3d8`
RGB Decimal	91, 211, 216	`rgb(91,211,216)`
RGB Percent	35.7, 82.7, 84.7	`rgb(35.7%,82.7%,84.7%)`
CMYK	58, 2, 0, 15
HSL	182.4°, 61.6, 60.2	`hsl(182.4,61.6%,60.2%)`
HSV (or HSB)	182.4°, 57.9, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.326, -31.884, -12.6
XYZ	40, 53.767, 73.232
xyY	0.24, 0.322, 53.767
CIE-LCH	78.326, 34.283, 201.563
CIE-LUV	78.326, -48.647, -14.742
Hunter-Lab	73.326, -30.949, -7.886
Binary	01011011, 11010011, 11011000

#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#d8605b
```
#d8605b rgb(216,96,91)
```

Complementary Color

#5bd89f
```
#5bd89f rgb(91,216,159)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#5b95d8
```
#5b95d8 rgb(91,149,216)
```

Analogous Color

#d89f5b
```
#d89f5b rgb(216,159,91)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#d85b95
```
#d85b95 rgb(216,91,149)
```

Split Complementary Color

#d3d85b
```
#d3d85b rgb(211,216,91)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#d85bd3
```
#d85bd3 rgb(216,91,211)
```

Triadic Color

#5bd860
```
#5bd860 rgb(91,216,96)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#d85bd3
```
#d85bd3 rgb(216,91,211)
```
#d8605b
```
#d8605b rgb(216,96,91)
```

Tetradic Color

#2cb5ba
```
#2cb5ba rgb(44,181,186)
```
#32c8ce
```
#32c8ce rgb(50,200,206)
```
#46cdd3
```
#46cdd3 rgb(70,205,211)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#70d9dd
```
#70d9dd rgb(112,217,221)
```
#84dee2
```
#84dee2 rgb(132,222,226)
```
#99e4e7
```
#99e4e7 rgb(153,228,231)
```

Monochromatic Color

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

#5bd8be
```
#5bd8be rgb(91,216,190)
```
#5bd8c8
```
#5bd8c8 rgb(91,216,200)
```
#5bd8d3
```
#5bd8d3 rgb(91,216,211)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#5bc9d8
```
#5bc9d8 rgb(91,201,216)
```
#5bbed8
```
#5bbed8 rgb(91,190,216)
```
#5bb4d8
```
#5bb4d8 rgb(91,180,216)
```

Similar Colors

Text with hexadecimal color #5bd3d8

This text has a font color of #5bd3d8.

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

#5bd3d8 background color

This paragraph has a background color of #5bd3d8.

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

#5bd3d8 border color

This element has a border color of #5bd3d8.

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

CSS codes

.text {color:#5bd3d8;}

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

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

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, #020a0a is the darkest color, while #f9fefe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#0a292a
```
#0a292a rgb(10,41,42)
```
#0e383a
```
#0e383a rgb(14,56,58)
```
#12474a
```
#12474a rgb(18,71,74)
```
#15575a
```
#15575a rgb(21,87,90)
```
#196669
```
#196669 rgb(25,102,105)
```
#1d7679
```
#1d7679 rgb(29,118,121)
```
#218589
```
#218589 rgb(33,133,137)
```
#249499
```
#249499 rgb(36,148,153)
```
#28a4a9
```
#28a4a9 rgb(40,164,169)
```
#2cb3b9
```
#2cb3b9 rgb(44,179,185)
```
#30c2c8
```
#30c2c8 rgb(48,194,200)
```

Shade Color Variation

#3bcad0
```
#3bcad0 rgb(59,202,208)
```
#4bcfd4
```
#4bcfd4 rgb(75,207,212)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#6bd7dc
```
#6bd7dc rgb(107,215,220)
```
#7bdce0
```
#7bdce0 rgb(123,220,224)
```
#8be0e3
```
#8be0e3 rgb(139,224,227)
```
#9ae4e7
```
#9ae4e7 rgb(154,228,231)
```
#aae8eb
```
#aae8eb rgb(170,232,235)
```
#baedef
```
#baedef rgb(186,237,239)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#999a9a
```
#999a9a rgb(153,154,154)
```
#92a1a1
```
#92a1a1 rgb(146,161,161)
```
#8aa8a9
```
#8aa8a9 rgb(138,168,169)
```
#82afb1
```
#82afb1 rgb(130,175,177)
```
#7ab6b9
```
#7ab6b9 rgb(122,182,185)
```
#72bdc1
```
#72bdc1 rgb(114,189,193)
```
#6bc5c8
```
#6bc5c8 rgb(107,197,200)
```
#63ccd0
```
#63ccd0 rgb(99,204,208)
```
#5bd3d8
```
#5bd3d8 rgb(91,211,216)
```
#53dae0
```
#53dae0 rgb(83,218,224)
```
#4be1e8
```
#4be1e8 rgb(75,225,232)
```
#44e9ef
```
#44e9ef rgb(68,233,239)
```
#3cf0f7
```
#3cf0f7 rgb(60,240,247)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9fb7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c3d0 Protanopia 1% of men
#c8c0e1 Deuteranopia 1% of men
#68d3e3 Tritanopia 0.001% of the population

Trichromacy

#9ec9d2 Protanomaly 1% of men, 0.01% of women
#a0c7de Deuteranomaly 6% of men, 0.4% of women
#63d3df Tritanomaly 0.01% of the population

#5bd3d8 hex color

#5bd3d8 Color Information

#5bd3d8 Color Conversion

Color Schemes with #5bd3d8

Alternatives to #5bd3d8

#5bd3d8 Preview

Shades and Tints of #5bd3d8

Tones of #5bd3d8

Color Blindness Simulator