#5bc5f5 hex color

In a RGB color space, hex #5bc5f5 is composed of 35.7% red, 77.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 19.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 198.7 degrees, a saturation of 88.5% and a lightness of 65.9%. #5bc5f5 color hex could be obtained by blending #b6ffff with #008beb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 77
- B 96
RGB color chart
- C 63
- M 20
- Y 0
- K 4
CMYK color chart

● #5bc5f5 color description : Soft blue.

The hexadecimal color #5bc5f5 has RGB values of R:91, G:197, B:245 and CMYK values of C:0.63, M:0.2, Y:0, K:0.04. Its decimal value is 6014453.

Hex triplet	5bc5f5	`#5bc5f5`
RGB Decimal	91, 197, 245	`rgb(91,197,245)`
RGB Percent	35.7, 77.3, 96.1	`rgb(35.7%,77.3%,96.1%)`
CMYK	63, 20, 0, 4
HSL	198.7°, 88.5, 65.9	`hsl(198.7,88.5%,65.9%)`
HSV (or HSB)	198.7°, 62.9, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.293, -16.459, -32.794
XYZ	40.758, 48.746, 93.642
xyY	0.223, 0.266, 48.746
CIE-LCH	75.293, 36.692, 243.348
CIE-LUV	75.293, -42.085, -50.559
Hunter-Lab	69.818, -17.979, -30.648
Binary	01011011, 11000101, 11110101

#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#f58b5b
```
#f58b5b rgb(245,139,91)
```

Complementary Color

#5bf5d8
```
#5bf5d8 rgb(91,245,216)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#5b78f5
```
#5b78f5 rgb(91,120,245)
```

Analogous Color

#f5d85b
```
#f5d85b rgb(245,216,91)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#f55b78
```
#f55b78 rgb(245,91,120)
```

Split Complementary Color

#c5f55b
```
#c5f55b rgb(197,245,91)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#f55bc5
```
#f55bc5 rgb(245,91,197)
```

Triadic Color

#5bf58b
```
#5bf58b rgb(91,245,139)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#f55bc5
```
#f55bc5 rgb(245,91,197)
```
#f58b5b
```
#f58b5b rgb(245,139,91)
```

Tetradic Color

#13acf1
```
#13acf1 rgb(19,172,241)
```
#2bb4f2
```
#2bb4f2 rgb(43,180,242)
```
#43bdf4
```
#43bdf4 rgb(67,189,244)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#73cef6
```
#73cef6 rgb(115,206,246)
```
#8bd6f8
```
#8bd6f8 rgb(139,214,248)
```
#a3dff9
```
#a3dff9 rgb(163,223,249)
```

Monochromatic Color

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

#5becf5
```
#5becf5 rgb(91,236,245)
```
#5bdff5
```
#5bdff5 rgb(91,223,245)
```
#5bd2f5
```
#5bd2f5 rgb(91,210,245)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#5bb8f5
```
#5bb8f5 rgb(91,184,245)
```
#5babf5
```
#5babf5 rgb(91,171,245)
```
#5b9ff5
```
#5b9ff5 rgb(91,159,245)
```

Similar Colors

Text with hexadecimal color #5bc5f5

This text has a font color of #5bc5f5.

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

#5bc5f5 background color

This paragraph has a background color of #5bc5f5.

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

#5bc5f5 border color

This element has a border color of #5bc5f5.

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

CSS codes

.text {color:#5bc5f5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#021c27
```
#021c27 rgb(2,28,39)
```
#04293a
```
#04293a rgb(4,41,58)
```
#05364c
```
#05364c rgb(5,54,76)
```
#06435f
```
#06435f rgb(6,67,95)
```
#075071
```
#075071 rgb(7,80,113)
```
#085d84
```
#085d84 rgb(8,93,132)
```
#096a96
```
#096a96 rgb(9,106,150)
```
#0a77a9
```
#0a77a9 rgb(10,119,169)
```
#0b84bb
```
#0b84bb rgb(11,132,187)
```
#0d92ce
```
#0d92ce rgb(13,146,206)
```
#0e9fe0
```
#0e9fe0 rgb(14,159,224)
```

Shade Color Variation

#11abf0
```
#11abf0 rgb(17,171,240)
```
#24b1f2
```
#24b1f2 rgb(36,177,242)
```
#36b8f3
```
#36b8f3 rgb(54,184,243)
```
#49bef4
```
#49bef4 rgb(73,190,244)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#6dccf6
```
#6dccf6 rgb(109,204,246)
```
#80d2f7
```
#80d2f7 rgb(128,210,247)
```
#92d9f8
```
#92d9f8 rgb(146,217,248)
```
#a5dffa
```
#a5dffa rgb(165,223,250)
```
#b7e6fb
```
#b7e6fb rgb(183,230,251)
```
#caecfc
```
#caecfc rgb(202,236,252)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#a5a9ab
```
#a5a9ab rgb(165,169,171)
```
#9eacb2
```
#9eacb2 rgb(158,172,178)
```
#97aeb9
```
#97aeb9 rgb(151,174,185)
```
#91b1bf
```
#91b1bf rgb(145,177,191)
```
#8ab3c6
```
#8ab3c6 rgb(138,179,198)
```
#83b6cd
```
#83b6cd rgb(131,182,205)
```
#7cb8d4
```
#7cb8d4 rgb(124,184,212)
```
#76bbda
```
#76bbda rgb(118,187,218)
```
#6fbde1
```
#6fbde1 rgb(111,189,225)
```
#68c0e8
```
#68c0e8 rgb(104,192,232)
```
#62c2ee
```
#62c2ee rgb(98,194,238)
```
#5bc5f5
```
#5bc5f5 rgb(91,197,245)
```
#54c8fc
```
#54c8fc rgb(84,200,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbbec Protanopia 1% of men
#a9bafa Deuteranopia 1% of men
#52ccdb Tritanopia 0.001% of the population

Trichromacy

#90beef Protanomaly 1% of men, 0.01% of women
#8cbef8 Deuteranomaly 6% of men, 0.4% of women
#55c9e4 Tritanomaly 0.01% of the population

#5bc5f5 hex color

#5bc5f5 Color Information

#5bc5f5 Color Conversion

Color Schemes with #5bc5f5

Alternatives to #5bc5f5

#5bc5f5 Preview

Shades and Tints of #5bc5f5

Tones of #5bc5f5

Color Blindness Simulator