#5bbdff hex color

In a RGB color space, hex #5bbdff is composed of 35.7% red, 74.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 25.9% magenta, 0% yellow and 0% black. It has a hue angle of 204.1 degrees, a saturation of 100% and a lightness of 67.8%. #5bbdff color hex could be obtained by blending #b6ffff with #007bff. 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

● #5bbdff color description : Light blue.

The hexadecimal color #5bbdff has RGB values of R:91, G:189, B:255 and CMYK values of C:0.64, M:0.26, Y:0, K:0. Its decimal value is 6012415.

Hex triplet	5bbdff	`#5bbdff`
RGB Decimal	91, 189, 255	`rgb(91,189,255)`
RGB Percent	35.7, 74.1, 100	`rgb(35.7%,74.1%,100%)`
CMYK	64, 26, 0, 0
HSL	204.1°, 100, 67.8	`hsl(204.1,100%,67.8%)`
HSV (or HSB)	204.1°, 64.3, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.439, -9.087, -41.047
XYZ	40.558, 45.836, 101.312
xyY	0.216, 0.244, 45.836
CIE-LCH	73.439, 42.041, 257.518
CIE-LUV	73.439, -38.805, -65.508
Hunter-Lab	67.703, -11.548, -41.332
Binary	01011011, 10111101, 11111111

#5bbdff
```
#5bbdff rgb(91,189,255)
```
#ff9d5b
```
#ff9d5b rgb(255,157,91)
```

Complementary Color

#5bffef
```
#5bffef rgb(91,255,239)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#5b6bff
```
#5b6bff rgb(91,107,255)
```

Analogous Color

#ffef5b
```
#ffef5b rgb(255,239,91)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#ff5b6b
```
#ff5b6b rgb(255,91,107)
```

Split Complementary Color

#bdff5b
```
#bdff5b rgb(189,255,91)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#ff5bbd
```
#ff5bbd rgb(255,91,189)
```

Triadic Color

#5bff9d
```
#5bff9d rgb(91,255,157)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#ff5bbd
```
#ff5bbd rgb(255,91,189)
```
#ff9d5b
```
#ff9d5b rgb(255,157,91)
```

Tetradic Color

#0f9eff
```
#0f9eff rgb(15,158,255)
```
#28a8ff
```
#28a8ff rgb(40,168,255)
```
#42b3ff
```
#42b3ff rgb(66,179,255)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#75c7ff
```
#75c7ff rgb(117,199,255)
```
#8ed2ff
```
#8ed2ff rgb(142,210,255)
```
#a8dcff
```
#a8dcff rgb(168,220,255)
```

Monochromatic Color

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

#5be6ff
```
#5be6ff rgb(91,230,255)
```
#5bd8ff
```
#5bd8ff rgb(91,216,255)
```
#5bcbff
```
#5bcbff rgb(91,203,255)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#5bafff
```
#5bafff rgb(91,175,255)
```
#5ba2ff
```
#5ba2ff rgb(91,162,255)
```
#5b94ff
```
#5b94ff rgb(91,148,255)
```

Similar Colors

Text with hexadecimal color #5bbdff

This text has a font color of #5bbdff.

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

#5bbdff background color

This paragraph has a background color of #5bbdff.

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

#5bbdff border color

This element has a border color of #5bbdff.

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

CSS codes

.text {color:#5bbdff;}

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

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

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

#00070d
```
#00070d rgb(0,7,13)
```
#001320
```
#001320 rgb(0,19,32)
```
#001f34
```
#001f34 rgb(0,31,52)
```
#002b47
```
#002b47 rgb(0,43,71)
```
#00365b
```
#00365b rgb(0,54,91)
```
#00426f
```
#00426f rgb(0,66,111)
```
#004e82
```
#004e82 rgb(0,78,130)
```
#005a96
```
#005a96 rgb(0,90,150)
```
#0065a9
```
#0065a9 rgb(0,101,169)
```
#0071bd
```
#0071bd rgb(0,113,189)
```
#007dd1
```
#007dd1 rgb(0,125,209)
```
#0088e4
```
#0088e4 rgb(0,136,228)
```
#0094f8
```
#0094f8 rgb(0,148,248)
```

Shade Color Variation

#0d9dff
```
#0d9dff rgb(13,157,255)
```
#20a5ff
```
#20a5ff rgb(32,165,255)
```
#34adff
```
#34adff rgb(52,173,255)
```
#47b5ff
```
#47b5ff rgb(71,181,255)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```
#6fc5ff
```
#6fc5ff rgb(111,197,255)
```
#82cdff
```
#82cdff rgb(130,205,255)
```
#96d5ff
```
#96d5ff rgb(150,213,255)
```
#a9ddff
```
#a9ddff rgb(169,221,255)
```
#bde4ff
```
#bde4ff rgb(189,228,255)
```
#d1ecff
```
#d1ecff rgb(209,236,255)
```
#e4f4ff
```
#e4f4ff rgb(228,244,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a7aeb3
```
#a7aeb3 rgb(167,174,179)
```
#a0afba
```
#a0afba rgb(160,175,186)
```
#9ab1c0
```
#9ab1c0 rgb(154,177,192)
```
#94b2c6
```
#94b2c6 rgb(148,178,198)
```
#8db3cd
```
#8db3cd rgb(141,179,205)
```
#87b4d3
```
#87b4d3 rgb(135,180,211)
```
#81b6d9
```
#81b6d9 rgb(129,182,217)
```
#7bb7df
```
#7bb7df rgb(123,183,223)
```
#74b8e6
```
#74b8e6 rgb(116,184,230)
```
#6eb9ec
```
#6eb9ec rgb(110,185,236)
```
#68bbf2
```
#68bbf2 rgb(104,187,242)
```
#61bcf9
```
#61bcf9 rgb(97,188,249)
```
#5bbdff
```
#5bbdff rgb(91,189,255)
```

Tone Color Variation

Below, you can see how #5bbdff 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
#98abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f7 Protanopia 1% of men
#99b7ff Deuteranopia 1% of men
#46c8d6 Tritanopia 0.001% of the population

Trichromacy

#88b8fa Protanomaly 1% of men, 0.01% of women
#83b9ff Deuteranomaly 6% of men, 0.4% of women
#4dc4e5 Tritanomaly 0.01% of the population

#5bbdff hex color

#5bbdff Color Information

#5bbdff Color Conversion

Color Schemes with #5bbdff

Alternatives to #5bbdff

#5bbdff Preview

Shades and Tints of #5bbdff

Tones of #5bbdff

Color Blindness Simulator