#5bbedc hex color

In a RGB color space, hex #5bbedc is composed of 35.7% red, 74.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 13.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 194 degrees, a saturation of 64.8% and a lightness of 61%. #5bbedc color hex could be obtained by blending #b6ffff with #007db9. Closest websafe color is: #66cccc.

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

● #5bbedc color description : Soft cyan.

The hexadecimal color #5bbedc has RGB values of R:91, G:190, B:220 and CMYK values of C:0.59, M:0.14, Y:0, K:0.14. Its decimal value is 6012636.

Hex triplet	5bbedc	`#5bbedc`
RGB Decimal	91, 190, 220	`rgb(91,190,220)`
RGB Percent	35.7, 74.5, 86.3	`rgb(35.7%,74.5%,86.3%)`
CMYK	59, 14, 0, 14
HSL	194°, 64.8, 61	`hsl(194,64.8%,61%)`
HSV (or HSB)	194°, 58.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.372, -20.353, -23.761
XYZ	35.643, 44.216, 74.362
xyY	0.231, 0.287, 44.216
CIE-LCH	72.372, 31.287, 229.418
CIE-LUV	72.372, -40.646, -34.541
Hunter-Lab	66.495, -20.686, -19.759
Binary	01011011, 10111110, 11011100

#5bbedc
```
#5bbedc rgb(91,190,220)
```
#dc795b
```
#dc795b rgb(220,121,91)
```

Complementary Color

#5bdcba
```
#5bdcba rgb(91,220,186)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#5b7edc
```
#5b7edc rgb(91,126,220)
```

Analogous Color

#dcba5b
```
#dcba5b rgb(220,186,91)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#dc5b7e
```
#dc5b7e rgb(220,91,126)
```

Split Complementary Color

#bedc5b
```
#bedc5b rgb(190,220,91)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#dc5bbe
```
#dc5bbe rgb(220,91,190)
```

Triadic Color

#5bdc79
```
#5bdc79 rgb(91,220,121)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#dc5bbe
```
#dc5bbe rgb(220,91,190)
```
#dc795b
```
#dc795b rgb(220,121,91)
```

Tetradic Color

#299ec1
```
#299ec1 rgb(41,158,193)
```
#31add3
```
#31add3 rgb(49,173,211)
```
#46b6d8
```
#46b6d8 rgb(70,182,216)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#70c6e0
```
#70c6e0 rgb(112,198,224)
```
#85cfe5
```
#85cfe5 rgb(133,207,229)
```
#9ad7e9
```
#9ad7e9 rgb(154,215,233)
```

Monochromatic Color

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

#5bdcda
```
#5bdcda rgb(91,220,218)
```
#5bd4dc
```
#5bd4dc rgb(91,212,220)
```
#5bc9dc
```
#5bc9dc rgb(91,201,220)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#5bb3dc
```
#5bb3dc rgb(91,179,220)
```
#5ba9dc
```
#5ba9dc rgb(91,169,220)
```
#5b9edc
```
#5b9edc rgb(91,158,220)
```

Similar Colors

Text with hexadecimal color #5bbedc

This text has a font color of #5bbedc.

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

#5bbedc background color

This paragraph has a background color of #5bbedc.

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

#5bbedc border color

This element has a border color of #5bbedc.

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

CSS codes

.text {color:#5bbedc;}

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

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

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, #030b0e is the darkest color, while #fdfefe is the lightest one.

#030b0e
```
#030b0e rgb(3,11,14)
```
#06191e
```
#06191e rgb(6,25,30)
```
#0a262e
```
#0a262e rgb(10,38,46)
```
#0d333e
```
#0d333e rgb(13,51,62)
```
#11404e
```
#11404e rgb(17,64,78)
```
#144d5f
```
#144d5f rgb(20,77,95)
```
#185b6f
```
#185b6f rgb(24,91,111)
```
#1b687f
```
#1b687f rgb(27,104,127)
```
#1f758f
```
#1f758f rgb(31,117,143)
```
#22829f
```
#22829f rgb(34,130,159)
```
#258faf
```
#258faf rgb(37,143,175)
```
#299dc0
```
#299dc0 rgb(41,157,192)
```
#2caad0
```
#2caad0 rgb(44,170,208)
```

Shade Color Variation

#3bb1d5
```
#3bb1d5 rgb(59,177,213)
```
#4bb8d9
```
#4bb8d9 rgb(75,184,217)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#6bc4df
```
#6bc4df rgb(107,196,223)
```
#7bcbe3
```
#7bcbe3 rgb(123,203,227)
```
#8bd1e6
```
#8bd1e6 rgb(139,209,230)
```
#9cd8ea
```
#9cd8ea rgb(156,216,234)
```
#acdeed
```
#acdeed rgb(172,222,237)
```
#bce4f1
```
#bce4f1 rgb(188,228,241)
```
#ccebf4
```
#ccebf4 rgb(204,235,244)
```
#dcf1f8
```
#dcf1f8 rgb(220,241,248)
```
#ecf8fb
```
#ecf8fb rgb(236,248,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#989d9f
```
#989d9f rgb(152,157,159)
```
#91a1a6
```
#91a1a6 rgb(145,161,166)
```
#89a5ae
```
#89a5ae rgb(137,165,174)
```
#81aab6
```
#81aab6 rgb(129,170,182)
```
#7aaebd
```
#7aaebd rgb(122,174,189)
```
#72b2c5
```
#72b2c5 rgb(114,178,197)
```
#6ab6cd
```
#6ab6cd rgb(106,182,205)
```
#63bad4
```
#63bad4 rgb(99,186,212)
```
#5bbedc
```
#5bbedc rgb(91,190,220)
```
#53c2e4
```
#53c2e4 rgb(83,194,228)
```
#4cc6eb
```
#4cc6eb rgb(76,198,235)
```
#44caf3
```
#44caf3 rgb(68,202,243)
```
#3ccefb
```
#3ccefb rgb(60,206,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#95a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb4d5 Protanopia 1% of men
#acb2e3 Deuteranopia 1% of men
#5dc3d1 Tritanopia 0.001% of the population

Trichromacy

#8fb7d7 Protanomaly 1% of men, 0.01% of women
#8eb6e0 Deuteranomaly 6% of men, 0.4% of women
#5cc1d5 Tritanomaly 0.01% of the population

#5bbedc hex color

#5bbedc Color Information

#5bbedc Color Conversion

Color Schemes with #5bbedc

Alternatives to #5bbedc

#5bbedc Preview

Shades and Tints of #5bbedc

Tones of #5bbedc

Color Blindness Simulator