#5bc4fe hex color

In a RGB color space, hex #5bc4fe is composed of 35.7% red, 76.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 22.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 201.3 degrees, a saturation of 98.8% and a lightness of 67.6%. #5bc4fe color hex could be obtained by blending #b6ffff with #0089fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 77
- B 100
RGB color chart
- C 64
- M 23
- Y 0
- K 0
CMYK color chart

● #5bc4fe color description : Soft blue.

The hexadecimal color #5bc4fe has RGB values of R:91, G:196, B:254 and CMYK values of C:0.64, M:0.23, Y:0, K:0. Its decimal value is 6014206.

Hex triplet	5bc4fe	`#5bc4fe`
RGB Decimal	91, 196, 254	`rgb(91,196,254)`
RGB Percent	35.7, 76.9, 99.6	`rgb(35.7%,76.9%,99.6%)`
CMYK	64, 23, 0, 0
HSL	201.3°, 98.8, 67.6	`hsl(201.3,98.8%,67.6%)`
HSV (or HSB)	201.3°, 64.2, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.362, -13.148, -37.519
XYZ	41.939, 48.857, 100.981
xyY	0.219, 0.255, 48.857
CIE-LCH	75.362, 39.756, 250.688
CIE-LUV	75.362, -41.326, -59.116
Hunter-Lab	69.897, -15.219, -36.728
Binary	01011011, 11000100, 11111110

#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#fe955b
```
#fe955b rgb(254,149,91)
```

Complementary Color

#5bfee7
```
#5bfee7 rgb(91,254,231)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#5b73fe
```
#5b73fe rgb(91,115,254)
```

Analogous Color

#fee75b
```
#fee75b rgb(254,231,91)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#fe5b73
```
#fe5b73 rgb(254,91,115)
```

Split Complementary Color

#c4fe5b
```
#c4fe5b rgb(196,254,91)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#fe5bc4
```
#fe5bc4 rgb(254,91,196)
```

Triadic Color

#5bfe95
```
#5bfe95 rgb(91,254,149)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#fe5bc4
```
#fe5bc4 rgb(254,91,196)
```
#fe955b
```
#fe955b rgb(254,149,91)
```

Tetradic Color

#0fa9fe
```
#0fa9fe rgb(15,169,254)
```
#28b2fe
```
#28b2fe rgb(40,178,254)
```
#42bbfe
```
#42bbfe rgb(66,187,254)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#74cdfe
```
#74cdfe rgb(116,205,254)
```
#8ed6fe
```
#8ed6fe rgb(142,214,254)
```
#a7dffe
```
#a7dffe rgb(167,223,254)
```

Monochromatic Color

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

#5bedfe
```
#5bedfe rgb(91,237,254)
```
#5bdffe
```
#5bdffe rgb(91,223,254)
```
#5bd2fe
```
#5bd2fe rgb(91,210,254)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#5bb6fe
```
#5bb6fe rgb(91,182,254)
```
#5ba9fe
```
#5ba9fe rgb(91,169,254)
```
#5b9bfe
```
#5b9bfe rgb(91,155,254)
```

Similar Colors

Text with hexadecimal color #5bc4fe

This text has a font color of #5bc4fe.

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

#5bc4fe background color

This paragraph has a background color of #5bc4fe.

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

#5bc4fe border color

This element has a border color of #5bc4fe.

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

CSS codes

.text {color:#5bc4fe;}

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

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

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, #00070b is the darkest color, while #f7fcff is the lightest one.

#00070b
```
#00070b rgb(0,7,11)
```
#00141f
```
#00141f rgb(0,20,31)
```
#002132
```
#002132 rgb(0,33,50)
```
#002d46
```
#002d46 rgb(0,45,70)
```
#013a59
```
#013a59 rgb(1,58,89)
```
#01466d
```
#01466d rgb(1,70,109)
```
#015380
```
#015380 rgb(1,83,128)
```
#016094
```
#016094 rgb(1,96,148)
```
#016ca7
```
#016ca7 rgb(1,108,167)
```
#0179bb
```
#0179bb rgb(1,121,187)
```
#0185ce
```
#0185ce rgb(1,133,206)
```
#0192e2
```
#0192e2 rgb(1,146,226)
```
#019ff5
```
#019ff5 rgb(1,159,245)
```

Shade Color Variation

#0da8fe
```
#0da8fe rgb(13,168,254)
```
#21affe
```
#21affe rgb(33,175,254)
```
#34b6fe
```
#34b6fe rgb(52,182,254)
```
#48bdfe
```
#48bdfe rgb(72,189,254)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```
#6ecbfe
```
#6ecbfe rgb(110,203,254)
```
#82d2fe
```
#82d2fe rgb(130,210,254)
```
#95d9fe
```
#95d9fe rgb(149,217,254)
```
#a9e0fe
```
#a9e0fe rgb(169,224,254)
```
#bce7ff
```
#bce7ff rgb(188,231,255)
```
#d0eeff
```
#d0eeff rgb(208,238,255)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#a7aeb2
```
#a7aeb2 rgb(167,174,178)
```
#a1b0b8
```
#a1b0b8 rgb(161,176,184)
```
#9ab2bf
```
#9ab2bf rgb(154,178,191)
```
#94b4c5
```
#94b4c5 rgb(148,180,197)
```
#8eb5cb
```
#8eb5cb rgb(142,181,203)
```
#87b7d2
```
#87b7d2 rgb(135,183,210)
```
#81b9d8
```
#81b9d8 rgb(129,185,216)
```
#7bbbde
```
#7bbbde rgb(123,187,222)
```
#74bde5
```
#74bde5 rgb(116,189,229)
```
#6ebfeb
```
#6ebfeb rgb(110,191,235)
```
#68c0f1
```
#68c0f1 rgb(104,192,241)
```
#61c2f8
```
#61c2f8 rgb(97,194,248)
```
#5bc4fe
```
#5bc4fe rgb(91,196,254)
```

Tone Color Variation

Below, you can see how #5bc4fe 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
#9bb0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#abbbf5 Protanopia 1% of men
#a4bbff Deuteranopia 1% of men
#4bcddc Tritanopia 0.001% of the population

Trichromacy

#8ebef8 Protanomaly 1% of men, 0.01% of women
#89befe Deuteranomaly 6% of men, 0.4% of women
#51cae8 Tritanomaly 0.01% of the population

#5bc4fe hex color

#5bc4fe Color Information

#5bc4fe Color Conversion

Color Schemes with #5bc4fe

Alternatives to #5bc4fe

#5bc4fe Preview

Shades and Tints of #5bc4fe

Tones of #5bc4fe

Color Blindness Simulator