#5bdce0 hex color

In a RGB color space, hex #5bdce0 is composed of 35.7% red, 86.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 1.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 181.8 degrees, a saturation of 68.2% and a lightness of 61.8%. #5bdce0 color hex could be obtained by blending #b6ffff with #00b9c1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 86
- B 88
RGB color chart
- C 59
- M 2
- Y 0
- K 12
CMYK color chart

● #5bdce0 color description : Soft cyan.

The hexadecimal color #5bdce0 has RGB values of R:91, G:220, B:224 and CMYK values of C:0.59, M:0.02, Y:0, K:0.12. Its decimal value is 6020320.

Hex triplet	5bdce0	`#5bdce0`
RGB Decimal	91, 220, 224	`rgb(91,220,224)`
RGB Percent	35.7, 86.3, 87.8	`rgb(35.7%,86.3%,87.8%)`
CMYK	59, 2, 0, 12
HSL	181.8°, 68.2, 61.8	`hsl(181.8,68.2%,61.8%)`
HSV (or HSB)	181.8°, 59.4, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.175, -33.96, -12.61
XYZ	43.358, 58.789, 79.579
xyY	0.239, 0.324, 58.789
CIE-LCH	81.175, 36.225, 200.371
CIE-LUV	81.175, -51.533, -14.516
Hunter-Lab	76.674, -33.24, -7.865
Binary	01011011, 11011100, 11100000

#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#e05f5b
```
#e05f5b rgb(224,95,91)
```

Complementary Color

#5be0a2
```
#5be0a2 rgb(91,224,162)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#5b9ae0
```
#5b9ae0 rgb(91,154,224)
```

Analogous Color

#e0a25b
```
#e0a25b rgb(224,162,91)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#e05b9a
```
#e05b9a rgb(224,91,154)
```

Split Complementary Color

#dce05b
```
#dce05b rgb(220,224,91)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#e05bdc
```
#e05bdc rgb(224,91,220)
```

Triadic Color

#5be05f
```
#5be05f rgb(91,224,95)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#e05bdc
```
#e05bdc rgb(224,91,220)
```
#e05f5b
```
#e05f5b rgb(224,95,91)
```

Tetradic Color

#26c4c9
```
#26c4c9 rgb(38,196,201)
```
#30d3d8
```
#30d3d8 rgb(48,211,216)
```
#46d7dc
```
#46d7dc rgb(70,215,220)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#70e1e4
```
#70e1e4 rgb(112,225,228)
```
#86e5e8
```
#86e5e8 rgb(134,229,232)
```
#9beaec
```
#9beaec rgb(155,234,236)
```

Monochromatic Color

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

#5be0c3
```
#5be0c3 rgb(91,224,195)
```
#5be0ce
```
#5be0ce rgb(91,224,206)
```
#5be0d9
```
#5be0d9 rgb(91,224,217)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#5bd1e0
```
#5bd1e0 rgb(91,209,224)
```
#5bc6e0
```
#5bc6e0 rgb(91,198,224)
```
#5bbbe0
```
#5bbbe0 rgb(91,187,224)
```

Similar Colors

Text with hexadecimal color #5bdce0

This text has a font color of #5bdce0.

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

#5bdce0 background color

This paragraph has a background color of #5bdce0.

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

#5bdce0 border color

This element has a border color of #5bdce0.

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

CSS codes

.text {color:#5bdce0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031111
```
#031111 rgb(3,17,17)
```
#062122
```
#062122 rgb(6,33,34)
```
#0a3132
```
#0a3132 rgb(10,49,50)
```
#0d4143
```
#0d4143 rgb(13,65,67)
```
#105153
```
#105153 rgb(16,81,83)
```
#136264
```
#136264 rgb(19,98,100)
```
#167274
```
#167274 rgb(22,114,116)
```
#198285
```
#198285 rgb(25,130,133)
```
#1c9295
```
#1c9295 rgb(28,146,149)
```
#1fa2a6
```
#1fa2a6 rgb(31,162,166)
```
#22b2b6
```
#22b2b6 rgb(34,178,182)
```
#26c2c7
```
#26c2c7 rgb(38,194,199)
```

Shade Color Variation

#2ad1d7
```
#2ad1d7 rgb(42,209,215)
```
#3ad5da
```
#3ad5da rgb(58,213,218)
```
#4bd8dd
```
#4bd8dd rgb(75,216,221)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#6be0e3
```
#6be0e3 rgb(107,224,227)
```
#7ce3e6
```
#7ce3e6 rgb(124,227,230)
```
#8ce7e9
```
#8ce7e9 rgb(140,231,233)
```
#9deaec
```
#9deaec rgb(157,234,236)
```
#adeef0
```
#adeef0 rgb(173,238,240)
```
#bef1f3
```
#bef1f3 rgb(190,241,243)
```
#cef5f6
```
#cef5f6 rgb(206,245,246)
```
#dff8f9
```
#dff8f9 rgb(223,248,249)
```
#effcfc
```
#effcfc rgb(239,252,252)
```

Tint Color Variation

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

#97a4a4
```
#97a4a4 rgb(151,164,164)
```
#90abac
```
#90abac rgb(144,171,172)
```
#88b2b3
```
#88b2b3 rgb(136,178,179)
```
#81b9bb
```
#81b9bb rgb(129,185,187)
```
#79c0c2
```
#79c0c2 rgb(121,192,194)
```
#72c7ca
```
#72c7ca rgb(114,199,202)
```
#6aced1
```
#6aced1 rgb(106,206,209)
```
#63d5d9
```
#63d5d9 rgb(99,213,217)
```
#5bdce0
```
#5bdce0 rgb(91,220,224)
```
#54e3e8
```
#54e3e8 rgb(84,227,232)
```
#4ceaef
```
#4ceaef rgb(76,234,239)
```
#45f1f7
```
#45f1f7 rgb(69,241,247)
```
#3df8fe
```
#3df8fe rgb(61,248,254)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4bebe Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd7 Protanopia 1% of men
#d0c7e9 Deuteranopia 1% of men
#69dcec Tritanopia 0.001% of the population

Trichromacy

#a3d1da Protanomaly 1% of men, 0.01% of women
#a5cfe6 Deuteranomaly 6% of men, 0.4% of women
#64dce7 Tritanomaly 0.01% of the population

#5bdce0 hex color

#5bdce0 Color Information

#5bdce0 Color Conversion

Color Schemes with #5bdce0

Alternatives to #5bdce0

#5bdce0 Preview

Shades and Tints of #5bdce0

Tones of #5bdce0

Color Blindness Simulator