#5bbbfd hex color

In a RGB color space, hex #5bbbfd is composed of 35.7% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.4 degrees, a saturation of 97.6% and a lightness of 67.5%. #5bbbfd color hex could be obtained by blending #b6ffff with #0077fb. Closest websafe color is: #66ccff.

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

● #5bbbfd color description : Soft blue.

The hexadecimal color #5bbbfd has RGB values of R:91, G:187, B:253 and CMYK values of C:0.64, M:0.26, Y:0, K:0.01. Its decimal value is 6011901.

Hex triplet	5bbbfd	`#5bbbfd`
RGB Decimal	91, 187, 253	`rgb(91,187,253)`
RGB Percent	35.7, 73.3, 99.2	`rgb(35.7%,73.3%,99.2%)`
CMYK	64, 26, 0, 1
HSL	204.4°, 97.6, 67.5	`hsl(204.4,97.6%,67.5%)`
HSV (or HSB)	204.4°, 64, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.795, -8.639, -40.975
XYZ	39.81, 44.854, 99.483
xyY	0.216, 0.244, 44.854
CIE-LCH	72.795, 41.876, 258.094
CIE-LUV	72.795, -38.178, -65.364
Hunter-Lab	66.973, -11.099, -41.189
Binary	01011011, 10111011, 11111101

#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#fd9d5b
```
#fd9d5b rgb(253,157,91)
```

Complementary Color

#5bfdee
```
#5bfdee rgb(91,253,238)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#5b6afd
```
#5b6afd rgb(91,106,253)
```

Analogous Color

#fdee5b
```
#fdee5b rgb(253,238,91)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#fd5b6a
```
#fd5b6a rgb(253,91,106)
```

Split Complementary Color

#bbfd5b
```
#bbfd5b rgb(187,253,91)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#fd5bbb
```
#fd5bbb rgb(253,91,187)
```

Triadic Color

#5bfd9d
```
#5bfd9d rgb(91,253,157)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#fd5bbb
```
#fd5bbb rgb(253,91,187)
```
#fd9d5b
```
#fd9d5b rgb(253,157,91)
```

Tetradic Color

#0f9cfc
```
#0f9cfc rgb(15,156,252)
```
#29a6fc
```
#29a6fc rgb(41,166,252)
```
#42b1fd
```
#42b1fd rgb(66,177,253)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#74c5fd
```
#74c5fd rgb(116,197,253)
```
#8dd0fe
```
#8dd0fe rgb(141,208,254)
```
#a7dafe
```
#a7dafe rgb(167,218,254)
```

Monochromatic Color

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

#5be4fd
```
#5be4fd rgb(91,228,253)
```
#5bd6fd
```
#5bd6fd rgb(91,214,253)
```
#5bc9fd
```
#5bc9fd rgb(91,201,253)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#5baefd
```
#5baefd rgb(91,174,253)
```
#5ba0fd
```
#5ba0fd rgb(91,160,253)
```
#5b93fd
```
#5b93fd rgb(91,147,253)
```

Similar Colors

Text with hexadecimal color #5bbbfd

This text has a font color of #5bbbfd.

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

#5bbbfd background color

This paragraph has a background color of #5bbbfd.

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

#5bbbfd border color

This element has a border color of #5bbbfd.

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

CSS codes

.text {color:#5bbbfd;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00121e
```
#00121e rgb(0,18,30)
```
#011d31
```
#011d31 rgb(1,29,49)
```
#012945
```
#012945 rgb(1,41,69)
```
#013558
```
#013558 rgb(1,53,88)
```
#01406b
```
#01406b rgb(1,64,107)
```
#024c7f
```
#024c7f rgb(2,76,127)
```
#025792
```
#025792 rgb(2,87,146)
```
#0263a5
```
#0263a5 rgb(2,99,165)
```
#026eb9
```
#026eb9 rgb(2,110,185)
```
#027acc
```
#027acc rgb(2,122,204)
```
#0386e0
```
#0386e0 rgb(3,134,224)
```
#0391f3
```
#0391f3 rgb(3,145,243)
```

Shade Color Variation

#0d9bfc
```
#0d9bfc rgb(13,155,252)
```
#21a3fc
```
#21a3fc rgb(33,163,252)
```
#34abfd
```
#34abfd rgb(52,171,253)
```
#48b3fd
```
#48b3fd rgb(72,179,253)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```
#6ec3fd
```
#6ec3fd rgb(110,195,253)
```
#82cbfd
```
#82cbfd rgb(130,203,253)
```
#95d3fe
```
#95d3fe rgb(149,211,254)
```
#a9dbfe
```
#a9dbfe rgb(169,219,254)
```
#bce3fe
```
#bce3fe rgb(188,227,254)
```
#cfebfe
```
#cfebfe rgb(207,235,254)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#a8adb0
```
#a8adb0 rgb(168,173,176)
```
#a1aeb7
```
#a1aeb7 rgb(161,174,183)
```
#9bafbd
```
#9bafbd rgb(155,175,189)
```
#94b0c4
```
#94b0c4 rgb(148,176,196)
```
#8eb2ca
```
#8eb2ca rgb(142,178,202)
```
#88b3d0
```
#88b3d0 rgb(136,179,208)
```
#81b4d7
```
#81b4d7 rgb(129,180,215)
```
#7bb5dd
```
#7bb5dd rgb(123,181,221)
```
#75b6e3
```
#75b6e3 rgb(117,182,227)
```
#6eb7ea
```
#6eb7ea rgb(110,183,234)
```
#68b9f0
```
#68b9f0 rgb(104,185,240)
```
#61baf7
```
#61baf7 rgb(97,186,247)
```
#5bbbfd
```
#5bbbfd rgb(91,187,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97aab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f5 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#46c6d5 Tritanopia 0.001% of the population

Trichromacy

#87b6f8 Protanomaly 1% of men, 0.01% of women
#81b7fe Deuteranomaly 6% of men, 0.4% of women
#4ec2e3 Tritanomaly 0.01% of the population

#5bbbfd hex color

#5bbbfd Color Information

#5bbbfd Color Conversion

Color Schemes with #5bbbfd

Alternatives to #5bbbfd

#5bbbfd Preview

Shades and Tints of #5bbbfd

Tones of #5bbbfd

Color Blindness Simulator