#5bbcfe hex color

In a RGB color space, hex #5bbcfe is composed of 35.7% red, 73.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 26% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.3 degrees, a saturation of 98.8% and a lightness of 67.6%. #5bbcfe color hex could be obtained by blending #b6ffff with #0079fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 100
RGB color chart
- C 64
- M 26
- Y 0
- K 0
CMYK color chart

● #5bbcfe color description : Soft blue.

The hexadecimal color #5bbcfe has RGB values of R:91, G:188, B:254 and CMYK values of C:0.64, M:0.26, Y:0, K:0. Its decimal value is 6012158.

Hex triplet	5bbcfe	`#5bbcfe`
RGB Decimal	91, 188, 254	`rgb(91,188,254)`
RGB Percent	35.7, 73.7, 99.6	`rgb(35.7%,73.7%,99.6%)`
CMYK	64, 26, 0, 0
HSL	204.3°, 98.8, 67.6	`hsl(204.3,98.8%,67.6%)`
HSV (or HSB)	204.3°, 64.2, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.117, -8.863, -41.011
XYZ	40.183, 45.343, 100.395
xyY	0.216, 0.244, 45.343
CIE-LCH	73.117, 41.958, 257.805
CIE-LUV	73.117, -38.492, -65.436
Hunter-Lab	67.338, -11.323, -41.261
Binary	01011011, 10111100, 11111110

#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#fe9d5b
```
#fe9d5b rgb(254,157,91)
```

Complementary Color

#5bfeef
```
#5bfeef rgb(91,254,239)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#5b6bfe
```
#5b6bfe rgb(91,107,254)
```

Analogous Color

#feef5b
```
#feef5b rgb(254,239,91)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#fe5b6b
```
#fe5b6b rgb(254,91,107)
```

Split Complementary Color

#bcfe5b
```
#bcfe5b rgb(188,254,91)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#fe5bbc
```
#fe5bbc rgb(254,91,188)
```

Triadic Color

#5bfe9d
```
#5bfe9d rgb(91,254,157)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#fe5bbc
```
#fe5bbc rgb(254,91,188)
```
#fe9d5b
```
#fe9d5b rgb(254,157,91)
```

Tetradic Color

#0f9dfe
```
#0f9dfe rgb(15,157,254)
```
#28a7fe
```
#28a7fe rgb(40,167,254)
```
#42b2fe
```
#42b2fe rgb(66,178,254)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#74c6fe
```
#74c6fe rgb(116,198,254)
```
#8ed1fe
```
#8ed1fe rgb(142,209,254)
```
#a7dbfe
```
#a7dbfe rgb(167,219,254)
```

Monochromatic Color

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

#5be5fe
```
#5be5fe rgb(91,229,254)
```
#5bd7fe
```
#5bd7fe rgb(91,215,254)
```
#5bcafe
```
#5bcafe rgb(91,202,254)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#5baefe
```
#5baefe rgb(91,174,254)
```
#5ba1fe
```
#5ba1fe rgb(91,161,254)
```
#5b93fe
```
#5b93fe rgb(91,147,254)
```

Similar Colors

Text with hexadecimal color #5bbcfe

This text has a font color of #5bbcfe.

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

#5bbcfe background color

This paragraph has a background color of #5bbcfe.

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

#5bbcfe border color

This element has a border color of #5bbcfe.

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

CSS codes

.text {color:#5bbcfe;}

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

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

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, #00070b is the darkest color, while #f7fcff is the lightest one.

#00070b
```
#00070b rgb(0,7,11)
```
#00131f
```
#00131f rgb(0,19,31)
```
#001e32
```
#001e32 rgb(0,30,50)
```
#002a46
```
#002a46 rgb(0,42,70)
```
#013559
```
#013559 rgb(1,53,89)
```
#01416d
```
#01416d rgb(1,65,109)
```
#014d80
```
#014d80 rgb(1,77,128)
```
#015894
```
#015894 rgb(1,88,148)
```
#0164a7
```
#0164a7 rgb(1,100,167)
```
#0170bb
```
#0170bb rgb(1,112,187)
```
#017bce
```
#017bce rgb(1,123,206)
```
#0187e2
```
#0187e2 rgb(1,135,226)
```
#0193f5
```
#0193f5 rgb(1,147,245)
```

Shade Color Variation

#0d9cfe
```
#0d9cfe rgb(13,156,254)
```
#21a4fe
```
#21a4fe rgb(33,164,254)
```
#34acfe
```
#34acfe rgb(52,172,254)
```
#48b4fe
```
#48b4fe rgb(72,180,254)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```
#6ec4fe
```
#6ec4fe rgb(110,196,254)
```
#82ccfe
```
#82ccfe rgb(130,204,254)
```
#95d4fe
```
#95d4fe rgb(149,212,254)
```
#a9dcfe
```
#a9dcfe rgb(169,220,254)
```
#bce4ff
```
#bce4ff rgb(188,228,255)
```
#d0ecff
```
#d0ecff rgb(208,236,255)
```
#e3f4ff
```
#e3f4ff rgb(227,244,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#a7aeb2
```
#a7aeb2 rgb(167,174,178)
```
#a1afb8
```
#a1afb8 rgb(161,175,184)
```
#9ab0bf
```
#9ab0bf rgb(154,176,191)
```
#94b1c5
```
#94b1c5 rgb(148,177,197)
```
#8eb2cb
```
#8eb2cb rgb(142,178,203)
```
#87b4d2
```
#87b4d2 rgb(135,180,210)
```
#81b5d8
```
#81b5d8 rgb(129,181,216)
```
#7bb6de
```
#7bb6de rgb(123,182,222)
```
#74b7e5
```
#74b7e5 rgb(116,183,229)
```
#6eb8eb
```
#6eb8eb rgb(110,184,235)
```
#68baf1
```
#68baf1 rgb(104,186,241)
```
#61bbf8
```
#61bbf8 rgb(97,187,248)
```
#5bbcfe
```
#5bbcfe rgb(91,188,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#98abb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b5f6 Protanopia 1% of men
#98b6ff Deuteranopia 1% of men
#46c7d5 Tritanopia 0.001% of the population

Trichromacy

#88b7f9 Protanomaly 1% of men, 0.01% of women
#82b8fe Deuteranomaly 6% of men, 0.4% of women
#4dc3e4 Tritanomaly 0.01% of the population

#5bbcfe hex color

#5bbcfe Color Information

#5bbcfe Color Conversion

Color Schemes with #5bbcfe

Alternatives to #5bbcfe

#5bbcfe Preview

Shades and Tints of #5bbcfe

Tones of #5bbcfe

Color Blindness Simulator