#5bc1ee hex color

In a RGB color space, hex #5bc1ee is composed of 35.7% red, 75.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 18.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 198.4 degrees, a saturation of 81.2% and a lightness of 64.5%. #5bc1ee color hex could be obtained by blending #b6ffff with #0083dd. Closest websafe color is: #66ccff.

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

● #5bc1ee color description : Soft blue.

The hexadecimal color #5bc1ee has RGB values of R:91, G:193, B:238 and CMYK values of C:0.62, M:0.19, Y:0, K:0.07. Its decimal value is 6013422.

Hex triplet	5bc1ee	`#5bc1ee`
RGB Decimal	91, 193, 238	`rgb(91,193,238)`
RGB Percent	35.7, 75.7, 93.3	`rgb(35.7%,75.7%,93.3%)`
CMYK	62, 19, 0, 7
HSL	198.4°, 81.2, 64.5	`hsl(198.4,81.2%,64.5%)`
HSV (or HSB)	198.4°, 61.8, 93.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.891, -16.51, -31.185
XYZ	38.813, 46.534, 87.821
xyY	0.224, 0.269, 46.534
CIE-LCH	73.891, 35.286, 242.103
CIE-LUV	73.891, -40.952, -47.692
Hunter-Lab	68.216, -17.816, -28.578
Binary	01011011, 11000001, 11101110

#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#ee885b
```
#ee885b rgb(238,136,91)
```

Complementary Color

#5beed2
```
#5beed2 rgb(91,238,210)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#5b78ee
```
#5b78ee rgb(91,120,238)
```

Analogous Color

#eed25b
```
#eed25b rgb(238,210,91)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#ee5b78
```
#ee5b78 rgb(238,91,120)
```

Split Complementary Color

#c1ee5b
```
#c1ee5b rgb(193,238,91)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#ee5bc1
```
#ee5bc1 rgb(238,91,193)
```

Triadic Color

#5bee88
```
#5bee88 rgb(91,238,136)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#ee5bc1
```
#ee5bc1 rgb(238,91,193)
```
#ee885b
```
#ee885b rgb(238,136,91)
```

Tetradic Color

#18a6e5
```
#18a6e5 rgb(24,166,229)
```
#2db0e9
```
#2db0e9 rgb(45,176,233)
```
#44b8ec
```
#44b8ec rgb(68,184,236)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#72caf0
```
#72caf0 rgb(114,202,240)
```
#89d2f3
```
#89d2f3 rgb(137,210,243)
```
#a0dbf5
```
#a0dbf5 rgb(160,219,245)
```

Monochromatic Color

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

#5be6ee
```
#5be6ee rgb(91,230,238)
```
#5bdaee
```
#5bdaee rgb(91,218,238)
```
#5bcdee
```
#5bcdee rgb(91,205,238)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#5bb5ee
```
#5bb5ee rgb(91,181,238)
```
#5ba9ee
```
#5ba9ee rgb(91,169,238)
```
#5b9cee
```
#5b9cee rgb(91,156,238)
```

Similar Colors

Text with hexadecimal color #5bc1ee

This text has a font color of #5bc1ee.

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

#5bc1ee background color

This paragraph has a background color of #5bc1ee.

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

#5bc1ee border color

This element has a border color of #5bc1ee.

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

CSS codes

.text {color:#5bc1ee;}

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

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

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

#010a0e
```
#010a0e rgb(1,10,14)
```
#031720
```
#031720 rgb(3,23,32)
```
#052431
```
#052431 rgb(5,36,49)
```
#073143
```
#073143 rgb(7,49,67)
```
#093e55
```
#093e55 rgb(9,62,85)
```
#0b4a67
```
#0b4a67 rgb(11,74,103)
```
#0c5778
```
#0c5778 rgb(12,87,120)
```
#0e648a
```
#0e648a rgb(14,100,138)
```
#10719c
```
#10719c rgb(16,113,156)
```
#127eae
```
#127eae rgb(18,126,174)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#1698d1
```
#1698d1 rgb(22,152,209)
```
#18a5e3
```
#18a5e3 rgb(24,165,227)
```

Shade Color Variation

#26ade8
```
#26ade8 rgb(38,173,232)
```
#37b4ea
```
#37b4ea rgb(55,180,234)
```
#49baec
```
#49baec rgb(73,186,236)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#6dc8f0
```
#6dc8f0 rgb(109,200,240)
```
#7fcef2
```
#7fcef2 rgb(127,206,242)
```
#90d5f4
```
#90d5f4 rgb(144,213,244)
```
#a2dcf5
```
#a2dcf5 rgb(162,220,245)
```
#b4e3f7
```
#b4e3f7 rgb(180,227,247)
```
#c6e9f9
```
#c6e9f9 rgb(198,233,249)
```
#d7f0fb
```
#d7f0fb rgb(215,240,251)
```
#e9f7fd
```
#e9f7fd rgb(233,247,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a1a6a8
```
#a1a6a8 rgb(161,166,168)
```
#9aa9af
```
#9aa9af rgb(154,169,175)
```
#93abb6
```
#93abb6 rgb(147,171,182)
```
#8caebd
```
#8caebd rgb(140,174,189)
```
#85b1c4
```
#85b1c4 rgb(133,177,196)
```
#7eb4cb
```
#7eb4cb rgb(126,180,203)
```
#77b6d2
```
#77b6d2 rgb(119,182,210)
```
#70b9d9
```
#70b9d9 rgb(112,185,217)
```
#69bce0
```
#69bce0 rgb(105,188,224)
```
#62bee7
```
#62bee7 rgb(98,190,231)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#54c4f5
```
#54c4f5 rgb(84,196,245)
```
#4dc6fc
```
#4dc6fc rgb(77,198,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99adb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb7e6 Protanopia 1% of men
#a7b7f3 Deuteranopia 1% of men
#54c8d7 Tritanopia 0.001% of the population

Trichromacy

#8fbbe9 Protanomaly 1% of men, 0.01% of women
#8bbaf1 Deuteranomaly 6% of men, 0.4% of women
#57c5df Tritanomaly 0.01% of the population

#5bc1ee hex color

#5bc1ee Color Information

#5bc1ee Color Conversion

Color Schemes with #5bc1ee

Alternatives to #5bc1ee

#5bc1ee Preview

Shades and Tints of #5bc1ee

Tones of #5bc1ee

Color Blindness Simulator