#5bd2d8 hex color

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

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

● #5bd2d8 color description : Moderate cyan.

The hexadecimal color #5bd2d8 has RGB values of R:91, G:210, B:216 and CMYK values of C:0.58, M:0.03, Y:0, K:0.15. Its decimal value is 6017752.

Hex triplet	5bd2d8	`#5bd2d8`
RGB Decimal	91, 210, 216	`rgb(91,210,216)`
RGB Percent	35.7, 82.4, 84.7	`rgb(35.7%,82.4%,84.7%)`
CMYK	58, 3, 0, 15
HSL	182.9°, 61.6, 60.2	`hsl(182.9,61.6%,60.2%)`
HSV (or HSB)	182.9°, 57.9, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.035, -31.406, -13.035
XYZ	39.752, 53.272, 73.15
xyY	0.239, 0.321, 53.272
CIE-LCH	78.035, 34.004, 202.541
CIE-LUV	78.035, -48.277, -15.513
Hunter-Lab	72.988, -30.51, -8.33
Binary	01011011, 11010010, 11011000

#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#d8615b
```
#d8615b rgb(216,97,91)
```

Complementary Color

#5bd8a0
```
#5bd8a0 rgb(91,216,160)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#5b94d8
```
#5b94d8 rgb(91,148,216)
```

Analogous Color

#d8a05b
```
#d8a05b rgb(216,160,91)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#d85b94
```
#d85b94 rgb(216,91,148)
```

Split Complementary Color

#d2d85b
```
#d2d85b rgb(210,216,91)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#d85bd2
```
#d85bd2 rgb(216,91,210)
```

Triadic Color

#5bd861
```
#5bd861 rgb(91,216,97)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#d85bd2
```
#d85bd2 rgb(216,91,210)
```
#d8615b
```
#d8615b rgb(216,97,91)
```

Tetradic Color

#2cb3ba
```
#2cb3ba rgb(44,179,186)
```
#32c7ce
```
#32c7ce rgb(50,199,206)
```
#46ccd3
```
#46ccd3 rgb(70,204,211)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#70d8dd
```
#70d8dd rgb(112,216,221)
```
#84dde2
```
#84dde2 rgb(132,221,226)
```
#99e3e7
```
#99e3e7 rgb(153,227,231)
```

Monochromatic Color

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

#5bd8bf
```
#5bd8bf rgb(91,216,191)
```
#5bd8c9
```
#5bd8c9 rgb(91,216,201)
```
#5bd8d4
```
#5bd8d4 rgb(91,216,212)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#5bc8d8
```
#5bc8d8 rgb(91,200,216)
```
#5bbdd8
```
#5bbdd8 rgb(91,189,216)
```
#5bb3d8
```
#5bb3d8 rgb(91,179,216)
```

Similar Colors

Text with hexadecimal color #5bd2d8

This text has a font color of #5bd2d8.

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

#5bd2d8 background color

This paragraph has a background color of #5bd2d8.

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

#5bd2d8 border color

This element has a border color of #5bd2d8.

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

CSS codes

.text {color:#5bd2d8;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#0a282a
```
#0a282a rgb(10,40,42)
```
#0e383a
```
#0e383a rgb(14,56,58)
```
#12474a
```
#12474a rgb(18,71,74)
```
#15565a
```
#15565a rgb(21,86,90)
```
#196669
```
#196669 rgb(25,102,105)
```
#1d7579
```
#1d7579 rgb(29,117,121)
```
#218489
```
#218489 rgb(33,132,137)
```
#249399
```
#249399 rgb(36,147,153)
```
#28a3a9
```
#28a3a9 rgb(40,163,169)
```
#2cb2b9
```
#2cb2b9 rgb(44,178,185)
```
#30c1c8
```
#30c1c8 rgb(48,193,200)
```

Shade Color Variation

#3bc9d0
```
#3bc9d0 rgb(59,201,208)
```
#4bced4
```
#4bced4 rgb(75,206,212)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#6bd6dc
```
#6bd6dc rgb(107,214,220)
```
#7bdbe0
```
#7bdbe0 rgb(123,219,224)
```
#8bdfe3
```
#8bdfe3 rgb(139,223,227)
```
#9ae3e7
```
#9ae3e7 rgb(154,227,231)
```
#aae8eb
```
#aae8eb rgb(170,232,235)
```
#baecef
```
#baecef rgb(186,236,239)
```
#caf0f2
```
#caf0f2 rgb(202,240,242)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,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 #3ceef7 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)
```
#6bc4c8
```
#6bc4c8 rgb(107,196,200)
```
#63cbd0
```
#63cbd0 rgb(99,203,208)
```
#5bd2d8
```
#5bd2d8 rgb(91,210,216)
```
#53d9e0
```
#53d9e0 rgb(83,217,224)
```
#4be0e8
```
#4be0e8 rgb(75,224,232)
```
#44e7ef
```
#44e7ef rgb(68,231,239)
```
#3ceef7
```
#3ceef7 rgb(60,238,247)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c2d0 Protanopia 1% of men
#c7bfe1 Deuteranopia 1% of men
#67d2e2 Tritanopia 0.001% of the population

Trichromacy

#9dc8d2 Protanomaly 1% of men, 0.01% of women
#a0c6de Deuteranomaly 6% of men, 0.4% of women
#63d2de Tritanomaly 0.01% of the population

#5bd2d8 hex color

#5bd2d8 Color Information

#5bd2d8 Color Conversion

Color Schemes with #5bd2d8

Alternatives to #5bd2d8

#5bd2d8 Preview

Shades and Tints of #5bd2d8

Tones of #5bd2d8

Color Blindness Simulator