#5bd4dc hex color

In a RGB color space, hex #5bd4dc is composed of 35.7% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 183.7 degrees, a saturation of 64.8% and a lightness of 61%. #5bd4dc color hex could be obtained by blending #b6ffff with #00a9b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 83
- B 86
RGB color chart
- C 59
- M 4
- Y 0
- K 14
CMYK color chart

● #5bd4dc color description : Soft cyan.

The hexadecimal color #5bd4dc has RGB values of R:91, G:212, B:220 and CMYK values of C:0.59, M:0.04, Y:0, K:0.14. Its decimal value is 6018268.

Hex triplet	5bd4dc	`#5bd4dc`
RGB Decimal	91, 212, 220	`rgb(91,212,220)`
RGB Percent	35.7, 83.1, 86.3	`rgb(35.7%,83.1%,86.3%)`
CMYK	59, 4, 0, 14
HSL	183.7°, 64.8, 61	`hsl(183.7,64.8%,61%)`
HSV (or HSB)	183.7°, 58.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.738, -31.263, -14.126
XYZ	40.772, 54.475, 76.072
xyY	0.238, 0.318, 54.475
CIE-LCH	78.738, 34.306, 204.316
CIE-LUV	78.738, -48.806, -17.333
Hunter-Lab	73.807, -30.556, -9.444
Binary	01011011, 11010100, 11011100

#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#dc635b
```
#dc635b rgb(220,99,91)
```

Complementary Color

#5bdca4
```
#5bdca4 rgb(91,220,164)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#5b94dc
```
#5b94dc rgb(91,148,220)
```

Analogous Color

#dca45b
```
#dca45b rgb(220,164,91)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#dc5b94
```
#dc5b94 rgb(220,91,148)
```

Split Complementary Color

#d4dc5b
```
#d4dc5b rgb(212,220,91)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#dc5bd4
```
#dc5bd4 rgb(220,91,212)
```

Triadic Color

#5bdc63
```
#5bdc63 rgb(91,220,99)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#dc5bd4
```
#dc5bd4 rgb(220,91,212)
```
#dc635b
```
#dc635b rgb(220,99,91)
```

Tetradic Color

#29b8c1
```
#29b8c1 rgb(41,184,193)
```
#31c9d3
```
#31c9d3 rgb(49,201,211)
```
#46ced8
```
#46ced8 rgb(70,206,216)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#70dae0
```
#70dae0 rgb(112,218,224)
```
#85dfe5
```
#85dfe5 rgb(133,223,229)
```
#9ae5e9
```
#9ae5e9 rgb(154,229,233)
```

Monochromatic Color

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

#5bdcc4
```
#5bdcc4 rgb(91,220,196)
```
#5bdccf
```
#5bdccf rgb(91,220,207)
```
#5bdcd9
```
#5bdcd9 rgb(91,220,217)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#5bc9dc
```
#5bc9dc rgb(91,201,220)
```
#5bbfdc
```
#5bbfdc rgb(91,191,220)
```
#5bb4dc
```
#5bb4dc rgb(91,180,220)
```

Similar Colors

Text with hexadecimal color #5bd4dc

This text has a font color of #5bd4dc.

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

#5bd4dc background color

This paragraph has a background color of #5bd4dc.

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

#5bd4dc border color

This element has a border color of #5bd4dc.

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

CSS codes

.text {color:#5bd4dc;}

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

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

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, #030d0e is the darkest color, while #fdfefe is the lightest one.

#030d0e
```
#030d0e rgb(3,13,14)
```
#061d1e
```
#061d1e rgb(6,29,30)
```
#0a2c2e
```
#0a2c2e rgb(10,44,46)
```
#0d3b3e
```
#0d3b3e rgb(13,59,62)
```
#114b4e
```
#114b4e rgb(17,75,78)
```
#145a5f
```
#145a5f rgb(20,90,95)
```
#18696f
```
#18696f rgb(24,105,111)
```
#1b797f
```
#1b797f rgb(27,121,127)
```
#1f888f
```
#1f888f rgb(31,136,143)
```
#22989f
```
#22989f rgb(34,152,159)
```
#25a7af
```
#25a7af rgb(37,167,175)
```
#29b6c0
```
#29b6c0 rgb(41,182,192)
```
#2cc6d0
```
#2cc6d0 rgb(44,198,208)
```

Shade Color Variation

#3bccd5
```
#3bccd5 rgb(59,204,213)
```
#4bd0d9
```
#4bd0d9 rgb(75,208,217)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#6bd8df
```
#6bd8df rgb(107,216,223)
```
#7bdce3
```
#7bdce3 rgb(123,220,227)
```
#8be1e6
```
#8be1e6 rgb(139,225,230)
```
#9ce5ea
```
#9ce5ea rgb(156,229,234)
```
#ace9ed
```
#ace9ed rgb(172,233,237)
```
#bcedf1
```
#bcedf1 rgb(188,237,241)
```
#ccf2f4
```
#ccf2f4 rgb(204,242,244)
```
#dcf6f8
```
#dcf6f8 rgb(220,246,248)
```
#ecfafb
```
#ecfafb rgb(236,250,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#989e9f
```
#989e9f rgb(152,158,159)
```
#91a5a6
```
#91a5a6 rgb(145,165,166)
```
#89acae
```
#89acae rgb(137,172,174)
```
#81b2b6
```
#81b2b6 rgb(129,178,182)
```
#7ab9bd
```
#7ab9bd rgb(122,185,189)
```
#72c0c5
```
#72c0c5 rgb(114,192,197)
```
#6ac7cd
```
#6ac7cd rgb(106,199,205)
```
#63cdd4
```
#63cdd4 rgb(99,205,212)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#53dbe4
```
#53dbe4 rgb(83,219,228)
```
#4ce1eb
```
#4ce1eb rgb(76,225,235)
```
#44e8f3
```
#44e8f3 rgb(68,232,243)
```
#3ceffb
```
#3ceffb rgb(60,239,251)
```

Tone Color Variation

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

Dichromacy

#c5c4d3 Protanopia 1% of men
#c8c1e5 Deuteranopia 1% of men
#67d5e4 Tritanopia 0.001% of the population

Trichromacy

#9ecad6 Protanomaly 1% of men, 0.01% of women
#a0c8e1 Deuteranomaly 6% of men, 0.4% of women
#62d4e1 Tritanomaly 0.01% of the population

#5bd4dc hex color

#5bd4dc Color Information

#5bd4dc Color Conversion

Color Schemes with #5bd4dc

Alternatives to #5bd4dc

#5bd4dc Preview

Shades and Tints of #5bd4dc

Tones of #5bd4dc

Color Blindness Simulator