#5bbbe6 hex color

In a RGB color space, hex #5bbbe6 is composed of 35.7% red, 73.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 18.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 198.6 degrees, a saturation of 73.5% and a lightness of 62.9%. #5bbbe6 color hex could be obtained by blending #b6ffff with #0077cd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 73
- B 90
RGB color chart
- C 60
- M 19
- Y 0
- K 10
CMYK color chart

● #5bbbe6 color description : Soft blue.

The hexadecimal color #5bbbe6 has RGB values of R:91, G:187, B:230 and CMYK values of C:0.6, M:0.19, Y:0, K:0.1. Its decimal value is 6011878.

Hex triplet	5bbbe6	`#5bbbe6`
RGB Decimal	91, 187, 230	`rgb(91,187,230)`
RGB Percent	35.7, 73.3, 90.2	`rgb(35.7%,73.3%,90.2%)`
CMYK	60, 19, 0, 10
HSL	198.6°, 73.5, 62.9	`hsl(198.6,73.5%,62.9%)`
HSV (or HSB)	198.6°, 60.4, 90.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.876, -15.799, -29.957
XYZ	36.364, 43.475, 81.334
xyY	0.226, 0.27, 43.475
CIE-LCH	71.876, 33.868, 242.193
CIE-LUV	71.876, -39.108, -45.536
Hunter-Lab	65.936, -16.944, -26.981
Binary	01011011, 10111011, 11100110

#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#e6865b
```
#e6865b rgb(230,134,91)
```

Complementary Color

#5be6cc
```
#5be6cc rgb(91,230,204)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#5b76e6
```
#5b76e6 rgb(91,118,230)
```

Analogous Color

#e6cc5b
```
#e6cc5b rgb(230,204,91)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#e65b76
```
#e65b76 rgb(230,91,118)
```

Split Complementary Color

#bbe65b
```
#bbe65b rgb(187,230,91)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#e65bbb
```
#e65bbb rgb(230,91,187)
```

Triadic Color

#5be686
```
#5be686 rgb(91,230,134)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#e65bbb
```
#e65bbb rgb(230,91,187)
```
#e6865b
```
#e6865b rgb(230,134,91)
```

Tetradic Color

#209dd4
```
#209dd4 rgb(32,157,212)
```
#2fa9df
```
#2fa9df rgb(47,169,223)
```
#45b2e3
```
#45b2e3 rgb(69,178,227)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#71c4e9
```
#71c4e9 rgb(113,196,233)
```
#87cded
```
#87cded rgb(135,205,237)
```
#9dd7f0
```
#9dd7f0 rgb(157,215,240)
```

Monochromatic Color

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

#5bdee6
```
#5bdee6 rgb(91,222,230)
```
#5bd2e6
```
#5bd2e6 rgb(91,210,230)
```
#5bc7e6
```
#5bc7e6 rgb(91,199,230)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#5bafe6
```
#5bafe6 rgb(91,175,230)
```
#5ba4e6
```
#5ba4e6 rgb(91,164,230)
```
#5b98e6
```
#5b98e6 rgb(91,152,230)
```

Similar Colors

Text with hexadecimal color #5bbbe6

This text has a font color of #5bbbe6.

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

#5bbbe6 background color

This paragraph has a background color of #5bbbe6.

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

#5bbbe6 border color

This element has a border color of #5bbbe6.

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

CSS codes

.text {color:#5bbbe6;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#061e28
```
#061e28 rgb(6,30,40)
```
#092a39
```
#092a39 rgb(9,42,57)
```
#0b374a
```
#0b374a rgb(11,55,74)
```
#0e435b
```
#0e435b rgb(14,67,91)
```
#11506c
```
#11506c rgb(17,80,108)
```
#135c7d
```
#135c7d rgb(19,92,125)
```
#16698e
```
#16698e rgb(22,105,142)
```
#18769f
```
#18769f rgb(24,118,159)
```
#1b82b0
```
#1b82b0 rgb(27,130,176)
```
#1d8fc1
```
#1d8fc1 rgb(29,143,193)
```
#209bd2
```
#209bd2 rgb(32,155,210)
```

Shade Color Variation

#28a6de
```
#28a6de rgb(40,166,222)
```
#39ade1
```
#39ade1 rgb(57,173,225)
```
#4ab4e3
```
#4ab4e3 rgb(74,180,227)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#6cc2e9
```
#6cc2e9 rgb(108,194,233)
```
#7dc9eb
```
#7dc9eb rgb(125,201,235)
```
#8ed0ee
```
#8ed0ee rgb(142,208,238)
```
#9fd7f0
```
#9fd7f0 rgb(159,215,240)
```
#b0def3
```
#b0def3 rgb(176,222,243)
```
#c1e5f6
```
#c1e5f6 rgb(193,229,246)
```
#d2ecf8
```
#d2ecf8 rgb(210,236,248)
```
#e3f3fb
```
#e3f3fb rgb(227,243,251)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a5ac
```
#95a5ac rgb(149,165,172)
```
#8ea8b3
```
#8ea8b3 rgb(142,168,179)
```
#87aaba
```
#87aaba rgb(135,170,186)
```
#7fadc2
```
#7fadc2 rgb(127,173,194)
```
#78b0c9
```
#78b0c9 rgb(120,176,201)
```
#71b3d0
```
#71b3d0 rgb(113,179,208)
```
#6ab5d7
```
#6ab5d7 rgb(106,181,215)
```
#62b8df
```
#62b8df rgb(98,184,223)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#54beed
```
#54beed rgb(84,190,237)
```
#4cc1f5
```
#4cc1f5 rgb(76,193,245)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95a8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b2df Protanopia 1% of men
#a3b1ec Deuteranopia 1% of men
#56c2d0 Tritanopia 0.001% of the population

Trichromacy

#8cb5e1 Protanomaly 1% of men, 0.01% of women
#89b5e9 Deuteranomaly 6% of men, 0.4% of women
#58bfd8 Tritanomaly 0.01% of the population

#5bbbe6 hex color

#5bbbe6 Color Information

#5bbbe6 Color Conversion

Color Schemes with #5bbbe6

Alternatives to #5bbbe6

#5bbbe6 Preview

Shades and Tints of #5bbbe6

Tones of #5bbbe6

Color Blindness Simulator