#5bb1f0 hex color

In a RGB color space, hex #5bb1f0 is composed of 35.7% red, 69.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 26.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 205.4 degrees, a saturation of 83.2% and a lightness of 64.9%. #5bb1f0 color hex could be obtained by blending #b6ffff with #0063e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 69
- B 94
RGB color chart
- C 62
- M 26
- Y 0
- K 6
CMYK color chart

● #5bb1f0 color description : Soft blue.

The hexadecimal color #5bb1f0 has RGB values of R:91, G:177, B:240 and CMYK values of C:0.62, M:0.26, Y:0, K:0.06. Its decimal value is 6009328.

Hex triplet	5bb1f0	`#5bb1f0`
RGB Decimal	91, 177, 240	`rgb(91,177,240)`
RGB Percent	35.7, 69.4, 94.1	`rgb(35.7%,69.4%,94.1%)`
CMYK	62, 26, 0, 6
HSL	205.4°, 83.2, 64.9	`hsl(205.4,83.2%,64.9%)`
HSV (or HSB)	205.4°, 62.1, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.439, -7.311, -39.172
XYZ	35.761, 39.957, 88.261
xyY	0.218, 0.244, 39.957
CIE-LCH	69.439, 39.848, 259.428
CIE-LUV	69.439, -35.102, -62.035
Hunter-Lab	63.212, -9.637, -38.537
Binary	01011011, 10110001, 11110000

#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#f09a5b
```
#f09a5b rgb(240,154,91)
```

Complementary Color

#5bf0e5
```
#5bf0e5 rgb(91,240,229)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#5b67f0
```
#5b67f0 rgb(91,103,240)
```

Analogous Color

#f0e55b
```
#f0e55b rgb(240,229,91)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#f05b67
```
#f05b67 rgb(240,91,103)
```

Split Complementary Color

#b1f05b
```
#b1f05b rgb(177,240,91)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#f05bb1
```
#f05bb1 rgb(240,91,177)
```

Triadic Color

#5bf09a
```
#5bf09a rgb(91,240,154)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#f05bb1
```
#f05bb1 rgb(240,91,177)
```
#f09a5b
```
#f09a5b rgb(240,154,91)
```

Tetradic Color

#1590e9
```
#1590e9 rgb(21,144,233)
```
#2c9bec
```
#2c9bec rgb(44,155,236)
```
#44a6ee
```
#44a6ee rgb(68,166,238)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#72bcf2
```
#72bcf2 rgb(114,188,242)
```
#8ac7f4
```
#8ac7f4 rgb(138,199,244)
```
#a1d2f6
```
#a1d2f6 rgb(161,210,246)
```

Monochromatic Color

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

#5bd6f0
```
#5bd6f0 rgb(91,214,240)
```
#5bcaf0
```
#5bcaf0 rgb(91,202,240)
```
#5bbdf0
```
#5bbdf0 rgb(91,189,240)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#5ba5f0
```
#5ba5f0 rgb(91,165,240)
```
#5b98f0
```
#5b98f0 rgb(91,152,240)
```
#5b8cf0
```
#5b8cf0 rgb(91,140,240)
```

Similar Colors

Text with hexadecimal color #5bb1f0

This text has a font color of #5bb1f0.

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

#5bb1f0 background color

This paragraph has a background color of #5bb1f0.

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

#5bb1f0 border color

This element has a border color of #5bb1f0.

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

CSS codes

.text {color:#5bb1f0;}

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

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

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

#010a10
```
#010a10 rgb(1,10,16)
```
#031522
```
#031522 rgb(3,21,34)
```
#052034
```
#052034 rgb(5,32,52)
```
#062b46
```
#062b46 rgb(6,43,70)
```
#083658
```
#083658 rgb(8,54,88)
```
#0a416a
```
#0a416a rgb(10,65,106)
```
#0b4c7c
```
#0b4c7c rgb(11,76,124)
```
#0d578e
```
#0d578e rgb(13,87,142)
```
#0f629f
```
#0f629f rgb(15,98,159)
```
#106db1
```
#106db1 rgb(16,109,177)
```
#1278c3
```
#1278c3 rgb(18,120,195)
```
#1483d5
```
#1483d5 rgb(20,131,213)
```
#158ee7
```
#158ee7 rgb(21,142,231)
```

Shade Color Variation

#2597eb
```
#2597eb rgb(37,151,235)
```
#37a0ed
```
#37a0ed rgb(55,160,237)
```
#49a8ee
```
#49a8ee rgb(73,168,238)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#6dbaf2
```
#6dbaf2 rgb(109,186,242)
```
#7fc2f3
```
#7fc2f3 rgb(127,194,243)
```
#91cbf5
```
#91cbf5 rgb(145,203,245)
```
#a3d3f7
```
#a3d3f7 rgb(163,211,247)
```
#b5dcf8
```
#b5dcf8 rgb(181,220,248)
```
#c7e4fa
```
#c7e4fa rgb(199,228,250)
```
#d9edfc
```
#d9edfc rgb(217,237,252)
```
#ebf5fd
```
#ebf5fd rgb(235,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a0a6ab
```
#a0a6ab rgb(160,166,171)
```
#99a7b2
```
#99a7b2 rgb(153,167,178)
```
#92a8b9
```
#92a8b9 rgb(146,168,185)
```
#8baac0
```
#8baac0 rgb(139,170,192)
```
#84abc7
```
#84abc7 rgb(132,171,199)
```
#7dacce
```
#7dacce rgb(125,172,206)
```
#77add4
```
#77add4 rgb(119,173,212)
```
#70aedb
```
#70aedb rgb(112,174,219)
```
#69afe2
```
#69afe2 rgb(105,175,226)
```
#62b0e9
```
#62b0e9 rgb(98,176,233)
```
#5bb1f0
```
#5bb1f0 rgb(91,177,240)
```
#54b2f7
```
#54b2f7 rgb(84,178,247)
```
#4db3fe
```
#4db3fe rgb(77,179,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#99abea Protanopia 1% of men
#8facf4 Deuteranopia 1% of men
#4abcca Tritanopia 0.001% of the population

Trichromacy

#83adec Protanomaly 1% of men, 0.01% of women
#7caef2 Deuteranomaly 6% of men, 0.4% of women
#50b8d8 Tritanomaly 0.01% of the population

#5bb1f0 hex color

#5bb1f0 Color Information

#5bb1f0 Color Conversion

Color Schemes with #5bb1f0

Alternatives to #5bb1f0

#5bb1f0 Preview

Shades and Tints of #5bb1f0

Tones of #5bb1f0

Color Blindness Simulator