#5bc1f0 hex color

In a RGB color space, hex #5bc1f0 is composed of 35.7% red, 75.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 19.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.9 degrees, a saturation of 83.2% and a lightness of 64.9%. #5bc1f0 color hex could be obtained by blending #b6ffff with #0083e1. Closest websafe color is: #66ccff.

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

● #5bc1f0 color description : Soft blue.

The hexadecimal color #5bc1f0 has RGB values of R:91, G:193, B:240 and CMYK values of C:0.62, M:0.2, Y:0, K:0.06. Its decimal value is 6013424.

Hex triplet	5bc1f0	`#5bc1f0`
RGB Decimal	91, 193, 240	`rgb(91,193,240)`
RGB Percent	35.7, 75.7, 94.1	`rgb(35.7%,75.7%,94.1%)`
CMYK	62, 20, 0, 6
HSL	198.9°, 83.2, 64.9	`hsl(198.9,83.2%,64.9%)`
HSV (or HSB)	198.9°, 62.1, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.967, -15.899, -32.148
XYZ	39.109, 46.652, 89.377
xyY	0.223, 0.266, 46.652
CIE-LCH	73.967, 35.864, 243.685
CIE-LUV	73.967, -40.864, -49.419
Hunter-Lab	68.303, -17.324, -29.772
Binary	01011011, 11000001, 11110000

#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#f08a5b
```
#f08a5b rgb(240,138,91)
```

Complementary Color

#5bf0d5
```
#5bf0d5 rgb(91,240,213)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#5b77f0
```
#5b77f0 rgb(91,119,240)
```

Analogous Color

#f0d55b
```
#f0d55b rgb(240,213,91)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#f05b77
```
#f05b77 rgb(240,91,119)
```

Split Complementary Color

#c1f05b
```
#c1f05b rgb(193,240,91)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#f05bc1
```
#f05bc1 rgb(240,91,193)
```

Triadic Color

#5bf08a
```
#5bf08a rgb(91,240,138)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#f05bc1
```
#f05bc1 rgb(240,91,193)
```
#f08a5b
```
#f08a5b rgb(240,138,91)
```

Tetradic Color

#15a6e9
```
#15a6e9 rgb(21,166,233)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#44b8ee
```
#44b8ee rgb(68,184,238)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#72caf2
```
#72caf2 rgb(114,202,242)
```
#8ad3f4
```
#8ad3f4 rgb(138,211,244)
```
#a1dbf6
```
#a1dbf6 rgb(161,219,246)
```

Monochromatic Color

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

#5be6f0
```
#5be6f0 rgb(91,230,240)
```
#5bdaf0
```
#5bdaf0 rgb(91,218,240)
```
#5bcdf0
```
#5bcdf0 rgb(91,205,240)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#5bb5f0
```
#5bb5f0 rgb(91,181,240)
```
#5ba8f0
```
#5ba8f0 rgb(91,168,240)
```
#5b9cf0
```
#5b9cf0 rgb(91,156,240)
```

Similar Colors

Text with hexadecimal color #5bc1f0

This text has a font color of #5bc1f0.

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

#5bc1f0 background color

This paragraph has a background color of #5bc1f0.

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

#5bc1f0 border color

This element has a border color of #5bc1f0.

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

CSS codes

.text {color:#5bc1f0;}

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

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

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

#010b10
```
#010b10 rgb(1,11,16)
```
#031822
```
#031822 rgb(3,24,34)
```
#052534
```
#052534 rgb(5,37,52)
```
#063246
```
#063246 rgb(6,50,70)
```
#083e58
```
#083e58 rgb(8,62,88)
```
#0a4b6a
```
#0a4b6a rgb(10,75,106)
```
#0b587c
```
#0b587c rgb(11,88,124)
```
#0d658e
```
#0d658e rgb(13,101,142)
```
#0f729f
```
#0f729f rgb(15,114,159)
```
#107fb1
```
#107fb1 rgb(16,127,177)
```
#128bc3
```
#128bc3 rgb(18,139,195)
```
#1498d5
```
#1498d5 rgb(20,152,213)
```
#15a5e7
```
#15a5e7 rgb(21,165,231)
```

Shade Color Variation

#25adeb
```
#25adeb rgb(37,173,235)
```
#37b3ed
```
#37b3ed rgb(55,179,237)
```
#49baee
```
#49baee rgb(73,186,238)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#6dc8f2
```
#6dc8f2 rgb(109,200,242)
```
#7fcff3
```
#7fcff3 rgb(127,207,243)
```
#91d5f5
```
#91d5f5 rgb(145,213,245)
```
#a3dcf7
```
#a3dcf7 rgb(163,220,247)
```
#b5e3f8
```
#b5e3f8 rgb(181,227,248)
```
#c7eafa
```
#c7eafa rgb(199,234,250)
```
#d9f1fc
```
#d9f1fc rgb(217,241,252)
```
#ebf7fd
```
#ebf7fd rgb(235,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a0a8ab
```
#a0a8ab rgb(160,168,171)
```
#99aab2
```
#99aab2 rgb(153,170,178)
```
#92adb9
```
#92adb9 rgb(146,173,185)
```
#8bafc0
```
#8bafc0 rgb(139,175,192)
```
#84b2c7
```
#84b2c7 rgb(132,178,199)
```
#7db4ce
```
#7db4ce rgb(125,180,206)
```
#77b7d4
```
#77b7d4 rgb(119,183,212)
```
#70b9db
```
#70b9db rgb(112,185,219)
```
#69bce2
```
#69bce2 rgb(105,188,226)
```
#62bee9
```
#62bee9 rgb(98,190,233)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#54c4f7
```
#54c4f7 rgb(84,196,247)
```
#4dc6fe
```
#4dc6fe rgb(77,198,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99adb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb7e8 Protanopia 1% of men
#a6b7f5 Deuteranopia 1% of men
#53c8d7 Tritanopia 0.001% of the population

Trichromacy

#8ebbeb Protanomaly 1% of men, 0.01% of women
#8abaf3 Deuteranomaly 6% of men, 0.4% of women
#56c6e0 Tritanomaly 0.01% of the population

#5bc1f0 hex color

#5bc1f0 Color Information

#5bc1f0 Color Conversion

Color Schemes with #5bc1f0

Alternatives to #5bc1f0

#5bc1f0 Preview

Shades and Tints of #5bc1f0

Tones of #5bc1f0

Color Blindness Simulator