#5bbaf7 hex color

In a RGB color space, hex #5bbaf7 is composed of 35.7% red, 72.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 24.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 203.5 degrees, a saturation of 90.7% and a lightness of 66.3%. #5bbaf7 color hex could be obtained by blending #b6ffff with #0075ef. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 73
- B 97
RGB color chart
- C 63
- M 25
- Y 0
- K 3
CMYK color chart

● #5bbaf7 color description : Soft blue.

The hexadecimal color #5bbaf7 has RGB values of R:91, G:186, B:247 and CMYK values of C:0.63, M:0.25, Y:0, K:0.03. Its decimal value is 6011639.

Hex triplet	5bbaf7	`#5bbaf7`
RGB Decimal	91, 186, 247	`rgb(91,186,247)`
RGB Percent	35.7, 72.9, 96.9	`rgb(35.7%,72.9%,96.9%)`
CMYK	63, 25, 0, 3
HSL	203.5°, 90.7, 66.3	`hsl(203.5,90.7%,66.3%)`
HSV (or HSB)	203.5°, 63.2, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.265, -9.997, -38.565
XYZ	38.658, 44.055, 94.457
xyY	0.218, 0.249, 44.055
CIE-LCH	72.265, 39.839, 255.467
CIE-LUV	72.265, -38.057, -60.994
Hunter-Lab	66.374, -12.191, -37.914
Binary	01011011, 10111010, 11110111

#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#f7985b
```
#f7985b rgb(247,152,91)
```

Complementary Color

#5bf7e6
```
#5bf7e6 rgb(91,247,230)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#5b6cf7
```
#5b6cf7 rgb(91,108,247)
```

Analogous Color

#f7e65b
```
#f7e65b rgb(247,230,91)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#f75b6c
```
#f75b6c rgb(247,91,108)
```

Split Complementary Color

#baf75b
```
#baf75b rgb(186,247,91)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#f75bba
```
#f75bba rgb(247,91,186)
```

Triadic Color

#5bf798
```
#5bf798 rgb(91,247,152)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#f75bba
```
#f75bba rgb(247,91,186)
```
#f7985b
```
#f7985b rgb(247,152,91)
```

Tetradic Color

#129bf3
```
#129bf3 rgb(18,155,243)
```
#2aa6f5
```
#2aa6f5 rgb(42,166,245)
```
#43b0f6
```
#43b0f6 rgb(67,176,246)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#73c4f8
```
#73c4f8 rgb(115,196,248)
```
#8ccef9
```
#8ccef9 rgb(140,206,249)
```
#a4d9fb
```
#a4d9fb rgb(164,217,251)
```

Monochromatic Color

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

#5be1f7
```
#5be1f7 rgb(91,225,247)
```
#5bd4f7
```
#5bd4f7 rgb(91,212,247)
```
#5bc7f7
```
#5bc7f7 rgb(91,199,247)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#5badf7
```
#5badf7 rgb(91,173,247)
```
#5ba0f7
```
#5ba0f7 rgb(91,160,247)
```
#5b93f7
```
#5b93f7 rgb(91,147,247)
```

Similar Colors

Text with hexadecimal color #5bbaf7

This text has a font color of #5bbaf7.

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

#5bbaf7 background color

This paragraph has a background color of #5bbaf7.

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

#5bbaf7 border color

This element has a border color of #5bbaf7.

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

CSS codes

.text {color:#5bbaf7;}

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

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

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, #000304 is the darkest color, while #f1f9fe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#010e17
```
#010e17 rgb(1,14,23)
```
#021a2a
```
#021a2a rgb(2,26,42)
```
#03263c
```
#03263c rgb(3,38,60)
```
#04324f
```
#04324f rgb(4,50,79)
```
#053d62
```
#053d62 rgb(5,61,98)
```
#064975
```
#064975 rgb(6,73,117)
```
#075587
```
#075587 rgb(7,85,135)
```
#08619a
```
#08619a rgb(8,97,154)
```
#086cad
```
#086cad rgb(8,108,173)
```
#0978bf
```
#0978bf rgb(9,120,191)
```
#0a84d2
```
#0a84d2 rgb(10,132,210)
```
#0b90e5
```
#0b90e5 rgb(11,144,229)
```

Shade Color Variation

#109bf3
```
#109bf3 rgb(16,155,243)
```
#23a2f4
```
#23a2f4 rgb(35,162,244)
```
#36aaf5
```
#36aaf5 rgb(54,170,245)
```
#48b2f6
```
#48b2f6 rgb(72,178,246)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#6ec2f8
```
#6ec2f8 rgb(110,194,248)
```
#80caf9
```
#80caf9 rgb(128,202,249)
```
#93d2fa
```
#93d2fa rgb(147,210,250)
```
#a6d9fb
```
#a6d9fb rgb(166,217,251)
```
#b9e1fc
```
#b9e1fc rgb(185,225,252)
```
#cbe9fc
```
#cbe9fc rgb(203,233,252)
```
#def1fd
```
#def1fd rgb(222,241,253)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#a4aaae
```
#a4aaae rgb(164,170,174)
```
#9dacb5
```
#9dacb5 rgb(157,172,181)
```
#97adbb
```
#97adbb rgb(151,173,187)
```
#90aec2
```
#90aec2 rgb(144,174,194)
```
#89b0c9
```
#89b0c9 rgb(137,176,201)
```
#83b1cf
```
#83b1cf rgb(131,177,207)
```
#7cb3d6
```
#7cb3d6 rgb(124,179,214)
```
#75b4dd
```
#75b4dd rgb(117,180,221)
```
#6fb6e3
```
#6fb6e3 rgb(111,182,227)
```
#68b7ea
```
#68b7ea rgb(104,183,234)
```
#62b9f0
```
#62b9f0 rgb(98,185,240)
```
#5bbaf7
```
#5bbaf7 rgb(91,186,247)
```
#54bbfe
```
#54bbfe rgb(84,187,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96a9b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b3f0 Protanopia 1% of men
#98b3fb Deuteranopia 1% of men
#4ac4d3 Tritanopia 0.001% of the population

Trichromacy

#88b5f2 Protanomaly 1% of men, 0.01% of women
#81b6f9 Deuteranomaly 6% of men, 0.4% of women
#50c0e0 Tritanomaly 0.01% of the population

#5bbaf7 hex color

#5bbaf7 Color Information

#5bbaf7 Color Conversion

Color Schemes with #5bbaf7

Alternatives to #5bbaf7

#5bbaf7 Preview

Shades and Tints of #5bbaf7

Tones of #5bbaf7

Color Blindness Simulator