#5bd2ec hex color

In a RGB color space, hex #5bd2ec is composed of 35.7% red, 82.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 11% magenta, 0% yellow and 7.5% black. It has a hue angle of 190.8 degrees, a saturation of 79.2% and a lightness of 64.1%. #5bd2ec color hex could be obtained by blending #b6ffff with #00a5d9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 93
RGB color chart
- C 61
- M 11
- Y 0
- K 7
CMYK color chart

● #5bd2ec color description : Soft cyan.

The hexadecimal color #5bd2ec has RGB values of R:91, G:210, B:236 and CMYK values of C:0.61, M:0.11, Y:0, K:0.07. Its decimal value is 6017772.

Hex triplet	5bd2ec	`#5bd2ec`
RGB Decimal	91, 210, 236	`rgb(91,210,236)`
RGB Percent	35.7, 82.4, 92.5	`rgb(35.7%,82.4%,92.5%)`
CMYK	61, 11, 0, 7
HSL	190.8°, 79.2, 64.1	`hsl(190.8,79.2%,64.1%)`
HSV (or HSB)	190.8°, 61.4, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.677, -25.756, -22.782
XYZ	42.497, 54.37, 87.607
xyY	0.23, 0.295, 54.37
CIE-LCH	78.677, 34.386, 221.494
CIE-LUV	78.677, -47.235, -32.497
Hunter-Lab	73.736, -26.161, -18.828
Binary	01011011, 11010010, 11101100

#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#ec755b
```
#ec755b rgb(236,117,91)
```

Complementary Color

#5becbe
```
#5becbe rgb(91,236,190)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#5b8aec
```
#5b8aec rgb(91,138,236)
```

Analogous Color

#ecbe5b
```
#ecbe5b rgb(236,190,91)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#ec5b8a
```
#ec5b8a rgb(236,91,138)
```

Split Complementary Color

#d2ec5b
```
#d2ec5b rgb(210,236,91)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#ec5bd2
```
#ec5bd2 rgb(236,91,210)
```

Triadic Color

#5bec75
```
#5bec75 rgb(91,236,117)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#ec5bd2
```
#ec5bd2 rgb(236,91,210)
```
#ec755b
```
#ec755b rgb(236,117,91)
```

Tetradic Color

#1abde0
```
#1abde0 rgb(26,189,224)
```
#2dc5e7
```
#2dc5e7 rgb(45,197,231)
```
#44cce9
```
#44cce9 rgb(68,204,233)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#72d8ef
```
#72d8ef rgb(114,216,239)
```
#89dff1
```
#89dff1 rgb(137,223,241)
```
#a0e5f4
```
#a0e5f4 rgb(160,229,244)
```

Monochromatic Color

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

#5bece2
```
#5bece2 rgb(91,236,226)
```
#5beaec
```
#5beaec rgb(91,234,236)
```
#5bdeec
```
#5bdeec rgb(91,222,236)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#5bc6ec
```
#5bc6ec rgb(91,198,236)
```
#5bbaec
```
#5bbaec rgb(91,186,236)
```
#5baeec
```
#5baeec rgb(91,174,236)
```

Similar Colors

Text with hexadecimal color #5bd2ec

This text has a font color of #5bd2ec.

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

#5bd2ec background color

This paragraph has a background color of #5bd2ec.

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

#5bd2ec border color

This element has a border color of #5bd2ec.

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

CSS codes

.text {color:#5bd2ec;}

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

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

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, #010a0c is the darkest color, while #f9fdfe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#03191d
```
#03191d rgb(3,25,29)
```
#05282f
```
#05282f rgb(5,40,47)
```
#073641
```
#073641 rgb(7,54,65)
```
#0a4552
```
#0a4552 rgb(10,69,82)
```
#0c5464
```
#0c5464 rgb(12,84,100)
```
#0e6375
```
#0e6375 rgb(14,99,117)
```
#107187
```
#107187 rgb(16,113,135)
```
#128098
```
#128098 rgb(18,128,152)
```
#148faa
```
#148faa rgb(20,143,170)
```
#169ebc
```
#169ebc rgb(22,158,188)
```
#18adcd
```
#18adcd rgb(24,173,205)
```
#1abbdf
```
#1abbdf rgb(26,187,223)
```

Shade Color Variation

#26c4e6
```
#26c4e6 rgb(38,196,230)
```
#38c8e8
```
#38c8e8 rgb(56,200,232)
```
#49cdea
```
#49cdea rgb(73,205,234)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#6dd7ee
```
#6dd7ee rgb(109,215,238)
```
#7edcf0
```
#7edcf0 rgb(126,220,240)
```
#90e0f2
```
#90e0f2 rgb(144,224,242)
```
#a1e5f4
```
#a1e5f4 rgb(161,229,244)
```
#b3eaf6
```
#b3eaf6 rgb(179,234,246)
```
#c4eff8
```
#c4eff8 rgb(196,239,248)
```
#d6f4fa
```
#d6f4fa rgb(214,244,250)
```
#e8f9fc
```
#e8f9fc rgb(232,249,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a5a6 is the less saturated color, while #4ddbfa is the most saturated one.

#a1a5a6
```
#a1a5a6 rgb(161,165,166)
```
#9aa9ad
```
#9aa9ad rgb(154,169,173)
```
#93aeb4
```
#93aeb4 rgb(147,174,180)
```
#8cb2bb
```
#8cb2bb rgb(140,178,187)
```
#85b7c2
```
#85b7c2 rgb(133,183,194)
```
#7ebbc9
```
#7ebbc9 rgb(126,187,201)
```
#77c0d0
```
#77c0d0 rgb(119,192,208)
```
#70c4d7
```
#70c4d7 rgb(112,196,215)
```
#69c9de
```
#69c9de rgb(105,201,222)
```
#62cde5
```
#62cde5 rgb(98,205,229)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#54d7f3
```
#54d7f3 rgb(84,215,243)
```
#4ddbfa
```
#4ddbfa rgb(77,219,250)
```

Tone Color Variation

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

Dichromacy

#bfc4e3 Protanopia 1% of men
#bfc2f3 Deuteranopia 1% of men
#5ed5e5 Tritanopia 0.001% of the population

Trichromacy

#9bc9e6 Protanomaly 1% of men, 0.01% of women
#9ac8f0 Deuteranomaly 6% of men, 0.4% of women
#5dd4e7 Tritanomaly 0.01% of the population

#5bd2ec hex color

#5bd2ec Color Information

#5bd2ec Color Conversion

Color Schemes with #5bd2ec

Alternatives to #5bd2ec

#5bd2ec Preview

Shades and Tints of #5bd2ec

Tones of #5bd2ec

Color Blindness Simulator