#5bd5ed hex color

In a RGB color space, hex #5bd5ed is composed of 35.7% red, 83.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 10.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 189.9 degrees, a saturation of 80.2% and a lightness of 64.3%. #5bd5ed color hex could be obtained by blending #b6ffff with #00abdb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 84
- B 93
RGB color chart
- C 62
- M 10
- Y 0
- K 7
CMYK color chart

● #5bd5ed color description : Soft cyan.

The hexadecimal color #5bd5ed has RGB values of R:91, G:213, B:237 and CMYK values of C:0.62, M:0.1, Y:0, K:0.07. Its decimal value is 6018541.

Hex triplet	5bd5ed	`#5bd5ed`
RGB Decimal	91, 213, 237	`rgb(91,213,237)`
RGB Percent	35.7, 83.5, 92.9	`rgb(35.7%,83.5%,92.9%)`
CMYK	62, 10, 0, 7
HSL	189.9°, 80.2, 64.3	`hsl(189.9,80.2%,64.3%)`
HSV (or HSB)	189.9°, 61.6, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.57, -26.946, -21.959
XYZ	43.391, 55.924, 88.624
xyY	0.231, 0.298, 55.924
CIE-LCH	79.57, 34.76, 219.178
CIE-LUV	79.57, -48.275, -30.986
Hunter-Lab	74.782, -27.298, -17.917
Binary	01011011, 11010101, 11101101

#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#ed735b
```
#ed735b rgb(237,115,91)
```

Complementary Color

#5bedbc
```
#5bedbc rgb(91,237,188)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#5b8ced
```
#5b8ced rgb(91,140,237)
```

Analogous Color

#edbc5b
```
#edbc5b rgb(237,188,91)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#ed5b8c
```
#ed5b8c rgb(237,91,140)
```

Split Complementary Color

#d5ed5b
```
#d5ed5b rgb(213,237,91)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#ed5bd5
```
#ed5bd5 rgb(237,91,213)
```

Triadic Color

#5bed73
```
#5bed73 rgb(91,237,115)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#ed5bd5
```
#ed5bd5 rgb(237,91,213)
```
#ed735b
```
#ed735b rgb(237,115,91)
```

Tetradic Color

#19c1e3
```
#19c1e3 rgb(25,193,227)
```
#2dc9e8
```
#2dc9e8 rgb(45,201,232)
```
#44cfea
```
#44cfea rgb(68,207,234)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#72dbf0
```
#72dbf0 rgb(114,219,240)
```
#89e1f2
```
#89e1f2 rgb(137,225,242)
```
#a0e7f5
```
#a0e7f5 rgb(160,231,245)
```

Monochromatic Color

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

#5bede1
```
#5bede1 rgb(91,237,225)
```
#5beded
```
#5beded rgb(91,237,237)
```
#5be1ed
```
#5be1ed rgb(91,225,237)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#5bc9ed
```
#5bc9ed rgb(91,201,237)
```
#5bbded
```
#5bbded rgb(91,189,237)
```
#5bb1ed
```
#5bb1ed rgb(91,177,237)
```

Similar Colors

Text with hexadecimal color #5bd5ed

This text has a font color of #5bd5ed.

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

#5bd5ed background color

This paragraph has a background color of #5bd5ed.

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

#5bd5ed border color

This element has a border color of #5bd5ed.

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

CSS codes

.text {color:#5bd5ed;}

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

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

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

#010b0d
```
#010b0d rgb(1,11,13)
```
#031a1e
```
#031a1e rgb(3,26,30)
```
#052930
```
#052930 rgb(5,41,48)
```
#073842
```
#073842 rgb(7,56,66)
```
#094753
```
#094753 rgb(9,71,83)
```
#0b5665
```
#0b5665 rgb(11,86,101)
```
#0d6577
```
#0d6577 rgb(13,101,119)
```
#0f7588
```
#0f7588 rgb(15,117,136)
```
#11849a
```
#11849a rgb(17,132,154)
```
#1393ac
```
#1393ac rgb(19,147,172)
```
#15a2be
```
#15a2be rgb(21,162,190)
```
#17b1cf
```
#17b1cf rgb(23,177,207)
```
#19c0e1
```
#19c0e1 rgb(25,192,225)
```

Shade Color Variation

#26c7e7
```
#26c7e7 rgb(38,199,231)
```
#38cce9
```
#38cce9 rgb(56,204,233)
```
#49d0eb
```
#49d0eb rgb(73,208,235)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#6ddaef
```
#6ddaef rgb(109,218,239)
```
#7edef1
```
#7edef1 rgb(126,222,241)
```
#90e3f3
```
#90e3f3 rgb(144,227,243)
```
#a2e7f5
```
#a2e7f5 rgb(162,231,245)
```
#b3ecf7
```
#b3ecf7 rgb(179,236,247)
```
#c5f0f9
```
#c5f0f9 rgb(197,240,249)
```
#d7f5fb
```
#d7f5fb rgb(215,245,251)
```
#e8f9fd
```
#e8f9fd rgb(232,249,253)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#a1a6a7
```
#a1a6a7 rgb(161,166,167)
```
#9aabae
```
#9aabae rgb(154,171,174)
```
#93afb5
```
#93afb5 rgb(147,175,181)
```
#8cb4bc
```
#8cb4bc rgb(140,180,188)
```
#85b9c3
```
#85b9c3 rgb(133,185,195)
```
#7ebeca
```
#7ebeca rgb(126,190,202)
```
#77c2d1
```
#77c2d1 rgb(119,194,209)
```
#70c7d8
```
#70c7d8 rgb(112,199,216)
```
#69ccdf
```
#69ccdf rgb(105,204,223)
```
#62d0e6
```
#62d0e6 rgb(98,208,230)
```
#5bd5ed
```
#5bd5ed rgb(91,213,237)
```
#54daf4
```
#54daf4 rgb(84,218,244)
```
#4ddefb
```
#4ddefb rgb(77,222,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1babf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c6e3 Protanopia 1% of men
#c2c4f4 Deuteranopia 1% of men
#5fd8e8 Tritanopia 0.001% of the population

Trichromacy

#9ccbe7 Protanomaly 1% of men, 0.01% of women
#9ccaf2 Deuteranomaly 6% of men, 0.4% of women
#5ed7e9 Tritanomaly 0.01% of the population

#5bd5ed hex color

#5bd5ed Color Information

#5bd5ed Color Conversion

Color Schemes with #5bd5ed

Alternatives to #5bd5ed

#5bd5ed Preview

Shades and Tints of #5bd5ed

Tones of #5bd5ed

Color Blindness Simulator