#5bd2e6 hex color

In a RGB color space, hex #5bd2e6 is composed of 35.7% red, 82.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 8.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 188.6 degrees, a saturation of 73.5% and a lightness of 62.9%. #5bd2e6 color hex could be obtained by blending #b6ffff with #00a5cd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 90
RGB color chart
- C 60
- M 9
- Y 0
- K 10
CMYK color chart

● #5bd2e6 color description : Soft cyan.

The hexadecimal color #5bd2e6 has RGB values of R:91, G:210, B:230 and CMYK values of C:0.6, M:0.09, Y:0, K:0.1. Its decimal value is 6017766.

Hex triplet	5bd2e6	`#5bd2e6`
RGB Decimal	91, 210, 230	`rgb(91,210,230)`
RGB Percent	35.7, 82.4, 90.2	`rgb(35.7%,82.4%,90.2%)`
CMYK	60, 9, 0, 10
HSL	188.6°, 73.5, 62.9	`hsl(188.6,73.5%,62.9%)`
HSV (or HSB)	188.6°, 60.4, 90.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.478, -27.484, -19.874
XYZ	41.64, 54.027, 83.092
xyY	0.233, 0.302, 54.027
CIE-LCH	78.478, 33.917, 215.871
CIE-LUV	78.478, -47.546, -27.37
Hunter-Lab	73.503, -27.509, -15.573
Binary	01011011, 11010010, 11100110

#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#e66f5b
```
#e66f5b rgb(230,111,91)
```

Complementary Color

#5be6b5
```
#5be6b5 rgb(91,230,181)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#5b8de6
```
#5b8de6 rgb(91,141,230)
```

Analogous Color

#e6b55b
```
#e6b55b rgb(230,181,91)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#e65b8d
```
#e65b8d rgb(230,91,141)
```

Split Complementary Color

#d2e65b
```
#d2e65b rgb(210,230,91)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#e65bd2
```
#e65bd2 rgb(230,91,210)
```

Triadic Color

#5be66f
```
#5be66f rgb(91,230,111)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#e65bd2
```
#e65bd2 rgb(230,91,210)
```
#e66f5b
```
#e66f5b rgb(230,111,91)
```

Tetradic Color

#20bad4
```
#20bad4 rgb(32,186,212)
```
#2fc6df
```
#2fc6df rgb(47,198,223)
```
#45cce3
```
#45cce3 rgb(69,204,227)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#71d8e9
```
#71d8e9 rgb(113,216,233)
```
#87deed
```
#87deed rgb(135,222,237)
```
#9de4f0
```
#9de4f0 rgb(157,228,240)
```

Monochromatic Color

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

#5be6d7
```
#5be6d7 rgb(91,230,215)
```
#5be6e3
```
#5be6e3 rgb(91,230,227)
```
#5bdee6
```
#5bdee6 rgb(91,222,230)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#5bc6e6
```
#5bc6e6 rgb(91,198,230)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#5bafe6
```
#5bafe6 rgb(91,175,230)
```

Similar Colors

Text with hexadecimal color #5bd2e6

This text has a font color of #5bd2e6.

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

#5bd2e6 background color

This paragraph has a background color of #5bd2e6.

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

#5bd2e6 border color

This element has a border color of #5bd2e6.

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

CSS codes

.text {color:#5bd2e6;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041417
```
#041417 rgb(4,20,23)
```
#062328
```
#062328 rgb(6,35,40)
```
#093239
```
#093239 rgb(9,50,57)
```
#0b414a
```
#0b414a rgb(11,65,74)
```
#0e505b
```
#0e505b rgb(14,80,91)
```
#115f6c
```
#115f6c rgb(17,95,108)
```
#136e7d
```
#136e7d rgb(19,110,125)
```
#167d8e
```
#167d8e rgb(22,125,142)
```
#188c9f
```
#188c9f rgb(24,140,159)
```
#1b9bb0
```
#1b9bb0 rgb(27,155,176)
```
#1daac1
```
#1daac1 rgb(29,170,193)
```
#20b9d2
```
#20b9d2 rgb(32,185,210)
```

Shade Color Variation

#28c4de
```
#28c4de rgb(40,196,222)
```
#39c9e1
```
#39c9e1 rgb(57,201,225)
```
#4acde3
```
#4acde3 rgb(74,205,227)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#6cd7e9
```
#6cd7e9 rgb(108,215,233)
```
#7ddbeb
```
#7ddbeb rgb(125,219,235)
```
#8ee0ee
```
#8ee0ee rgb(142,224,238)
```
#9fe5f0
```
#9fe5f0 rgb(159,229,240)
```
#b0e9f3
```
#b0e9f3 rgb(176,233,243)
```
#c1eef6
```
#c1eef6 rgb(193,238,246)
```
#d2f3f8
```
#d2f3f8 rgb(210,243,248)
```
#e3f7fb
```
#e3f7fb rgb(227,247,251)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca3a5 is the less saturated color, while #45e2fc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a9ac
```
#95a9ac rgb(149,169,172)
```
#8eaeb3
```
#8eaeb3 rgb(142,174,179)
```
#87b3ba
```
#87b3ba rgb(135,179,186)
```
#7fb8c2
```
#7fb8c2 rgb(127,184,194)
```
#78bdc9
```
#78bdc9 rgb(120,189,201)
```
#71c2d0
```
#71c2d0 rgb(113,194,208)
```
#6ac8d7
```
#6ac8d7 rgb(106,200,215)
```
#62cddf
```
#62cddf rgb(98,205,223)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#54d7ed
```
#54d7ed rgb(84,215,237)
```
#4cdcf5
```
#4cdcf5 rgb(76,220,245)
```
#45e2fc
```
#45e2fc rgb(69,226,252)
```

Tone Color Variation

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

Dichromacy

#c1c3dd Protanopia 1% of men
#c1c1ee Deuteranopia 1% of men
#61d4e4 Tritanopia 0.001% of the population

Trichromacy

#9bc9e0 Protanomaly 1% of men, 0.01% of women
#9cc7eb Deuteranomaly 6% of men, 0.4% of women
#5fd3e4 Tritanomaly 0.01% of the population

#5bd2e6 hex color

#5bd2e6 Color Information

#5bd2e6 Color Conversion

Color Schemes with #5bd2e6

Alternatives to #5bd2e6

#5bd2e6 Preview

Shades and Tints of #5bd2e6

Tones of #5bd2e6

Color Blindness Simulator