#5bdae9 hex color

In a RGB color space, hex #5bdae9 is composed of 35.7% red, 85.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 6.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 186.3 degrees, a saturation of 76.3% and a lightness of 63.5%. #5bdae9 color hex could be obtained by blending #b6ffff with #00b5d3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 85
- B 91
RGB color chart
- C 61
- M 6
- Y 0
- K 9
CMYK color chart

● #5bdae9 color description : Soft cyan.

The hexadecimal color #5bdae9 has RGB values of R:91, G:218, B:233 and CMYK values of C:0.61, M:0.06, Y:0, K:0.09. Its decimal value is 6019817.

Hex triplet	5bdae9	`#5bdae9`
RGB Decimal	91, 218, 233	`rgb(91,218,233)`
RGB Percent	35.7, 85.5, 91.4	`rgb(35.7%,85.5%,91.4%)`
CMYK	61, 6, 0, 9
HSL	186.3°, 76.3, 63.5	`hsl(186.3,76.3%,63.5%)`
HSV (or HSB)	186.3°, 60.9, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.876, -30.516, -17.851
XYZ	44.09, 58.247, 86.005
xyY	0.234, 0.309, 58.247
CIE-LCH	80.876, 35.353, 210.327
CIE-LUV	80.876, -50.309, -23.654
Hunter-Lab	76.319, -30.44, -13.391
Binary	01011011, 11011010, 11101001

#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#e96a5b
```
#e96a5b rgb(233,106,91)
```

Complementary Color

#5be9b1
```
#5be9b1 rgb(91,233,177)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#5b93e9
```
#5b93e9 rgb(91,147,233)
```

Analogous Color

#e9b15b
```
#e9b15b rgb(233,177,91)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#e95b93
```
#e95b93 rgb(233,91,147)
```

Split Complementary Color

#dae95b
```
#dae95b rgb(218,233,91)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#e95bda
```
#e95bda rgb(233,91,218)
```

Triadic Color

#5be96a
```
#5be96a rgb(91,233,106)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#e95bda
```
#e95bda rgb(233,91,218)
```
#e96a5b
```
#e96a5b rgb(233,106,91)
```

Tetradic Color

#1dc6da
```
#1dc6da rgb(29,198,218)
```
#2ed0e3
```
#2ed0e3 rgb(46,208,227)
```
#45d5e6
```
#45d5e6 rgb(69,213,230)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#71dfec
```
#71dfec rgb(113,223,236)
```
#88e4ef
```
#88e4ef rgb(136,228,239)
```
#9ee9f2
```
#9ee9f2 rgb(158,233,242)
```

Monochromatic Color

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

#5be9d5
```
#5be9d5 rgb(91,233,213)
```
#5be9e0
```
#5be9e0 rgb(91,233,224)
```
#5be6e9
```
#5be6e9 rgb(91,230,233)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#5bcee9
```
#5bcee9 rgb(91,206,233)
```
#5bc2e9
```
#5bc2e9 rgb(91,194,233)
```
#5bb7e9
```
#5bb7e9 rgb(91,183,233)
```

Similar Colors

Text with hexadecimal color #5bdae9

This text has a font color of #5bdae9.

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

#5bdae9 background color

This paragraph has a background color of #5bdae9.

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

#5bdae9 border color

This element has a border color of #5bdae9.

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

CSS codes

.text {color:#5bdae9;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#04181a
```
#04181a rgb(4,24,26)
```
#06282c
```
#06282c rgb(6,40,44)
```
#08373d
```
#08373d rgb(8,55,61)
```
#0a474e
```
#0a474e rgb(10,71,78)
```
#0d575f
```
#0d575f rgb(13,87,95)
```
#0f6671
```
#0f6671 rgb(15,102,113)
```
#117682
```
#117682 rgb(17,118,130)
```
#148693
```
#148693 rgb(20,134,147)
```
#1696a5
```
#1696a5 rgb(22,150,165)
```
#18a5b6
```
#18a5b6 rgb(24,165,182)
```
#1bb5c7
```
#1bb5c7 rgb(27,181,199)
```
#1dc5d8
```
#1dc5d8 rgb(29,197,216)
```

Shade Color Variation

#27cee2
```
#27cee2 rgb(39,206,226)
```
#38d2e4
```
#38d2e4 rgb(56,210,228)
```
#4ad6e7
```
#4ad6e7 rgb(74,214,231)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#6cdeeb
```
#6cdeeb rgb(108,222,235)
```
#7ee2ee
```
#7ee2ee rgb(126,226,238)
```
#8fe6f0
```
#8fe6f0 rgb(143,230,240)
```
#a0eaf2
```
#a0eaf2 rgb(160,234,242)
```
#b1eef5
```
#b1eef5 rgb(177,238,245)
```
#c3f1f7
```
#c3f1f7 rgb(195,241,247)
```
#d4f5f9
```
#d4f5f9 rgb(212,245,249)
```
#e5f9fc
```
#e5f9fc rgb(229,249,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#9ba7a9
```
#9ba7a9 rgb(155,167,169)
```
#94adb0
```
#94adb0 rgb(148,173,176)
```
#8db3b7
```
#8db3b7 rgb(141,179,183)
```
#86b8be
```
#86b8be rgb(134,184,190)
```
#7fbec5
```
#7fbec5 rgb(127,190,197)
```
#78c3cc
```
#78c3cc rgb(120,195,204)
```
#70c9d4
```
#70c9d4 rgb(112,201,212)
```
#69cfdb
```
#69cfdb rgb(105,207,219)
```
#62d4e2
```
#62d4e2 rgb(98,212,226)
```
#5bdae9
```
#5bdae9 rgb(91,218,233)
```
#54e0f0
```
#54e0f0 rgb(84,224,240)
```
#4de5f7
```
#4de5f7 rgb(77,229,247)
```
#46ebfe
```
#46ebfe rgb(70,235,254)
```

Tone Color Variation

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

Dichromacy

#c8cadf Protanopia 1% of men
#cac7f1 Deuteranopia 1% of men
#64dbeb Tritanopia 0.001% of the population

Trichromacy

#a0cfe3 Protanomaly 1% of men, 0.01% of women
#a1ceee Deuteranomaly 6% of men, 0.4% of women
#61dbea Tritanomaly 0.01% of the population

#5bdae9 hex color

#5bdae9 Color Information

#5bdae9 Color Conversion

Color Schemes with #5bdae9

Alternatives to #5bdae9

#5bdae9 Preview

Shades and Tints of #5bdae9

Tones of #5bdae9

Color Blindness Simulator