#5bbcd8 hex color

In a RGB color space, hex #5bbcd8 is composed of 35.7% red, 73.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 13% magenta, 0% yellow and 15.3% black. It has a hue angle of 193.4 degrees, a saturation of 61.6% and a lightness of 60.2%. #5bbcd8 color hex could be obtained by blending #b6ffff with #0079b1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 85
RGB color chart
- C 58
- M 13
- Y 0
- K 15
CMYK color chart

● #5bbcd8 color description : Moderate cyan.

The hexadecimal color #5bbcd8 has RGB values of R:91, G:188, B:216 and CMYK values of C:0.58, M:0.13, Y:0, K:0.15. Its decimal value is 6012120.

Hex triplet	5bbcd8	`#5bbcd8`
RGB Decimal	91, 188, 216	`rgb(91,188,216)`
RGB Percent	35.7, 73.7, 84.7	`rgb(35.7%,73.7%,84.7%)`
CMYK	58, 13, 0, 15
HSL	193.4°, 61.6, 60.2	`hsl(193.4,61.6%,60.2%)`
HSV (or HSB)	193.4°, 57.9, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.654, -20.501, -22.68
XYZ	34.689, 43.146, 71.462
xyY	0.232, 0.289, 43.146
CIE-LCH	71.654, 30.572, 227.889
CIE-LUV	71.654, -40.077, -32.675
Hunter-Lab	65.686, -20.683, -18.524
Binary	01011011, 10111100, 11011000

#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#d8775b
```
#d8775b rgb(216,119,91)
```

Complementary Color

#5bd8b6
```
#5bd8b6 rgb(91,216,182)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#5b7ed8
```
#5b7ed8 rgb(91,126,216)
```

Analogous Color

#d8b65b
```
#d8b65b rgb(216,182,91)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#d85b7e
```
#d85b7e rgb(216,91,126)
```

Split Complementary Color

#bcd85b
```
#bcd85b rgb(188,216,91)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#d85bbc
```
#d85bbc rgb(216,91,188)
```

Triadic Color

#5bd877
```
#5bd877 rgb(91,216,119)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#d85bbc
```
#d85bbc rgb(216,91,188)
```
#d8775b
```
#d8775b rgb(216,119,91)
```

Tetradic Color

#2c9aba
```
#2c9aba rgb(44,154,186)
```
#32abce
```
#32abce rgb(50,171,206)
```
#46b4d3
```
#46b4d3 rgb(70,180,211)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#70c4dd
```
#70c4dd rgb(112,196,221)
```
#84cde2
```
#84cde2 rgb(132,205,226)
```
#99d5e7
```
#99d5e7 rgb(153,213,231)
```

Monochromatic Color

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

#5bd8d5
```
#5bd8d5 rgb(91,216,213)
```
#5bd1d8
```
#5bd1d8 rgb(91,209,216)
```
#5bc6d8
```
#5bc6d8 rgb(91,198,216)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#5bb2d8
```
#5bb2d8 rgb(91,178,216)
```
#5ba7d8
```
#5ba7d8 rgb(91,167,216)
```
#5b9dd8
```
#5b9dd8 rgb(91,157,216)
```

Similar Colors

Text with hexadecimal color #5bbcd8

This text has a font color of #5bbcd8.

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

#5bbcd8 background color

This paragraph has a background color of #5bbcd8.

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

#5bbcd8 border color

This element has a border color of #5bbcd8.

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

CSS codes

.text {color:#5bbcd8;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#06161a
```
#06161a rgb(6,22,26)
```
#0a232a
```
#0a232a rgb(10,35,42)
```
#0e303a
```
#0e303a rgb(14,48,58)
```
#123d4a
```
#123d4a rgb(18,61,74)
```
#154a5a
```
#154a5a rgb(21,74,90)
```
#195769
```
#195769 rgb(25,87,105)
```
#1d6579
```
#1d6579 rgb(29,101,121)
```
#217289
```
#217289 rgb(33,114,137)
```
#247f99
```
#247f99 rgb(36,127,153)
```
#288ca9
```
#288ca9 rgb(40,140,169)
```
#2c99b9
```
#2c99b9 rgb(44,153,185)
```
#30a6c8
```
#30a6c8 rgb(48,166,200)
```

Shade Color Variation

#3bafd0
```
#3bafd0 rgb(59,175,208)
```
#4bb6d4
```
#4bb6d4 rgb(75,182,212)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#6bc2dc
```
#6bc2dc rgb(107,194,220)
```
#7bc9e0
```
#7bc9e0 rgb(123,201,224)
```
#8bcfe3
```
#8bcfe3 rgb(139,207,227)
```
#9ad6e7
```
#9ad6e7 rgb(154,214,231)
```
#aadceb
```
#aadceb rgb(170,220,235)
```
#bae3ef
```
#bae3ef rgb(186,227,239)
```
#cae9f2
```
#cae9f2 rgb(202,233,242)
```
#daf0f6
```
#daf0f6 rgb(218,240,246)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#999a9a
```
#999a9a rgb(153,154,154)
```
#929ea1
```
#929ea1 rgb(146,158,161)
```
#8aa2a9
```
#8aa2a9 rgb(138,162,169)
```
#82a6b1
```
#82a6b1 rgb(130,166,177)
```
#7aabb9
```
#7aabb9 rgb(122,171,185)
```
#72afc1
```
#72afc1 rgb(114,175,193)
```
#6bb3c8
```
#6bb3c8 rgb(107,179,200)
```
#63b8d0
```
#63b8d0 rgb(99,184,208)
```
#5bbcd8
```
#5bbcd8 rgb(91,188,216)
```
#53c0e0
```
#53c0e0 rgb(83,192,224)
```
#4bc5e8
```
#4bc5e8 rgb(75,197,232)
```
#44c9ef
```
#44c9ef rgb(68,201,239)
```
#3ccdf7
```
#3ccdf7 rgb(60,205,247)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb2d1 Protanopia 1% of men
#abb0df Deuteranopia 1% of men
#5dc1cf Tritanopia 0.001% of the population

Trichromacy

#8fb5d4 Protanomaly 1% of men, 0.01% of women
#8eb4dc Deuteranomaly 6% of men, 0.4% of women
#5cbfd2 Tritanomaly 0.01% of the population

#5bbcd8 hex color

#5bbcd8 Color Information

#5bbcd8 Color Conversion

Color Schemes with #5bbcd8

Alternatives to #5bbcd8

#5bbcd8 Preview

Shades and Tints of #5bbcd8

Tones of #5bbcd8

Color Blindness Simulator