#5bd5d8 hex color

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

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

● #5bd5d8 color description : Moderate cyan.

The hexadecimal color #5bd5d8 has RGB values of R:91, G:213, B:216 and CMYK values of C:0.58, M:0.01, Y:0, K:0.15. Its decimal value is 6018520.

Hex triplet	5bd5d8	`#5bd5d8`
RGB Decimal	91, 213, 216	`rgb(91,213,216)`
RGB Percent	35.7, 83.5, 84.7	`rgb(35.7%,83.5%,84.7%)`
CMYK	58, 1, 0, 15
HSL	181.4°, 61.6, 60.2	`hsl(181.4,61.6%,60.2%)`
HSV (or HSB)	181.4°, 57.9, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.907, -32.834, -11.731
XYZ	40.5, 54.767, 73.399
xyY	0.24, 0.325, 54.767
CIE-LCH	78.907, 34.867, 199.661
CIE-LUV	78.907, -49.389, -13.204
Hunter-Lab	74.005, -31.823, -7.001
Binary	01011011, 11010101, 11011000

#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#d85e5b
```
#d85e5b rgb(216,94,91)
```

Complementary Color

#5bd89d
```
#5bd89d rgb(91,216,157)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#5b97d8
```
#5b97d8 rgb(91,151,216)
```

Analogous Color

#d89d5b
```
#d89d5b rgb(216,157,91)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#d85b97
```
#d85b97 rgb(216,91,151)
```

Split Complementary Color

#d5d85b
```
#d5d85b rgb(213,216,91)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#d85bd5
```
#d85bd5 rgb(216,91,213)
```

Triadic Color

#5bd85e
```
#5bd85e rgb(91,216,94)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#d85bd5
```
#d85bd5 rgb(216,91,213)
```
#d85e5b
```
#d85e5b rgb(216,94,91)
```

Tetradic Color

#2cb7ba
```
#2cb7ba rgb(44,183,186)
```
#32cace
```
#32cace rgb(50,202,206)
```
#46d0d3
```
#46d0d3 rgb(70,208,211)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#70dadd
```
#70dadd rgb(112,218,221)
```
#84e0e2
```
#84e0e2 rgb(132,224,226)
```
#99e5e7
```
#99e5e7 rgb(153,229,231)
```

Monochromatic Color

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

#5bd8bc
```
#5bd8bc rgb(91,216,188)
```
#5bd8c6
```
#5bd8c6 rgb(91,216,198)
```
#5bd8d1
```
#5bd8d1 rgb(91,216,209)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#5bcbd8
```
#5bcbd8 rgb(91,203,216)
```
#5bc0d8
```
#5bc0d8 rgb(91,192,216)
```
#5bb6d8
```
#5bb6d8 rgb(91,182,216)
```

Similar Colors

Text with hexadecimal color #5bd5d8

This text has a font color of #5bd5d8.

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

#5bd5d8 background color

This paragraph has a background color of #5bd5d8.

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

#5bd5d8 border color

This element has a border color of #5bd5d8.

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

CSS codes

.text {color:#5bd5d8;}

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

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

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)
```
#061a1a
```
#061a1a rgb(6,26,26)
```
#0a292a
```
#0a292a rgb(10,41,42)
```
#0e393a
```
#0e393a rgb(14,57,58)
```
#12484a
```
#12484a rgb(18,72,74)
```
#15585a
```
#15585a rgb(21,88,90)
```
#196769
```
#196769 rgb(25,103,105)
```
#1d7779
```
#1d7779 rgb(29,119,121)
```
#218789
```
#218789 rgb(33,135,137)
```
#249699
```
#249699 rgb(36,150,153)
```
#28a6a9
```
#28a6a9 rgb(40,166,169)
```
#2cb5b9
```
#2cb5b9 rgb(44,181,185)
```
#30c5c8
```
#30c5c8 rgb(48,197,200)
```

Shade Color Variation

#3bcdd0
```
#3bcdd0 rgb(59,205,208)
```
#4bd1d4
```
#4bd1d4 rgb(75,209,212)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#6bd9dc
```
#6bd9dc rgb(107,217,220)
```
#7bdde0
```
#7bdde0 rgb(123,221,224)
```
#8be1e3
```
#8be1e3 rgb(139,225,227)
```
#9ae5e7
```
#9ae5e7 rgb(154,229,231)
```
#aae9eb
```
#aae9eb rgb(170,233,235)
```
#baedef
```
#baedef rgb(186,237,239)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eafafa
```
#eafafa rgb(234,250,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 #3cf3f7 is the most saturated one.

#999a9a
```
#999a9a rgb(153,154,154)
```
#92a1a1
```
#92a1a1 rgb(146,161,161)
```
#8aa8a9
```
#8aa8a9 rgb(138,168,169)
```
#82b0b1
```
#82b0b1 rgb(130,176,177)
```
#7ab7b9
```
#7ab7b9 rgb(122,183,185)
```
#72bfc1
```
#72bfc1 rgb(114,191,193)
```
#6bc6c8
```
#6bc6c8 rgb(107,198,200)
```
#63ced0
```
#63ced0 rgb(99,206,208)
```
#5bd5d8
```
#5bd5d8 rgb(91,213,216)
```
#53dce0
```
#53dce0 rgb(83,220,224)
```
#4be4e8
```
#4be4e8 rgb(75,228,232)
```
#44ebef
```
#44ebef rgb(68,235,239)
```
#3cf3f7
```
#3cf3f7 rgb(60,243,247)
```

Tone Color Variation

Below, you can see how #5bd5d8 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
#a0b8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c5cf Protanopia 1% of men
#cbc1e1 Deuteranopia 1% of men
#69d5e4 Tritanopia 0.001% of the population

Trichromacy

#9fcbd2 Protanomaly 1% of men, 0.01% of women
#a2c8de Deuteranomaly 6% of men, 0.4% of women
#64d5e0 Tritanomaly 0.01% of the population

#5bd5d8 hex color

#5bd5d8 Color Information

#5bd5d8 Color Conversion

Color Schemes with #5bd5d8

Alternatives to #5bd5d8

#5bd5d8 Preview

Shades and Tints of #5bd5d8

Tones of #5bd5d8

Color Blindness Simulator