#5bd8f6 hex color

In a RGB color space, hex #5bd8f6 is composed of 35.7% red, 84.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 12.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 191.6 degrees, a saturation of 89.6% and a lightness of 66.1%. #5bd8f6 color hex could be obtained by blending #b6ffff with #00b1ed. Closest websafe color is: #66ccff.

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

● #5bd8f6 color description : Soft cyan.

The hexadecimal color #5bd8f6 has RGB values of R:91, G:216, B:246 and CMYK values of C:0.63, M:0.12, Y:0, K:0.04. Its decimal value is 6019318.

Hex triplet	5bd8f6	`#5bd8f6`
RGB Decimal	91, 216, 246	`rgb(91,216,246)`
RGB Percent	35.7, 84.7, 96.5	`rgb(35.7%,84.7%,96.5%)`
CMYK	63, 12, 0, 4
HSL	191.6°, 89.6, 66.1	`hsl(191.6,89.6%,66.1%)`
HSV (or HSB)	191.6°, 63, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.731, -25.807, -24.987
XYZ	45.5, 57.986, 95.978
xyY	0.228, 0.291, 57.986
CIE-LCH	80.731, 35.921, 224.074
CIE-LUV	80.731, -48.885, -36.32
Hunter-Lab	76.149, -26.603, -21.426
Binary	01011011, 11011000, 11110110

#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#f6795b
```
#f6795b rgb(246,121,91)
```

Complementary Color

#5bf6c7
```
#5bf6c7 rgb(91,246,199)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#5b8bf6
```
#5b8bf6 rgb(91,139,246)
```

Analogous Color

#f6c75b
```
#f6c75b rgb(246,199,91)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#f65b8b
```
#f65b8b rgb(246,91,139)
```

Split Complementary Color

#d8f65b
```
#d8f65b rgb(216,246,91)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#f65bd8
```
#f65bd8 rgb(246,91,216)
```

Triadic Color

#5bf679
```
#5bf679 rgb(91,246,121)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#f65bd8
```
#f65bd8 rgb(246,91,216)
```
#f6795b
```
#f6795b rgb(246,121,91)
```

Tetradic Color

#12c7f2
```
#12c7f2 rgb(18,199,242)
```
#2bcdf3
```
#2bcdf3 rgb(43,205,243)
```
#43d2f5
```
#43d2f5 rgb(67,210,245)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#73def7
```
#73def7 rgb(115,222,247)
```
#8be3f9
```
#8be3f9 rgb(139,227,249)
```
#a4e9fa
```
#a4e9fa rgb(164,233,250)
```

Monochromatic Color

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

#5bf6ed
```
#5bf6ed rgb(91,246,237)
```
#5bf2f6
```
#5bf2f6 rgb(91,242,246)
```
#5be5f6
```
#5be5f6 rgb(91,229,246)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#5bcbf6
```
#5bcbf6 rgb(91,203,246)
```
#5bbef6
```
#5bbef6 rgb(91,190,246)
```
#5bb1f6
```
#5bb1f6 rgb(91,177,246)
```

Similar Colors

Text with hexadecimal color #5bd8f6

This text has a font color of #5bd8f6.

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

#5bd8f6 background color

This paragraph has a background color of #5bd8f6.

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

#5bd8f6 border color

This element has a border color of #5bd8f6.

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

CSS codes

.text {color:#5bd8f6;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011216
```
#011216 rgb(1,18,22)
```
#022129
```
#022129 rgb(2,33,41)
```
#03303b
```
#03303b rgb(3,48,59)
```
#04404e
```
#04404e rgb(4,64,78)
```
#054f60
```
#054f60 rgb(5,79,96)
```
#065e73
```
#065e73 rgb(6,94,115)
```
#076d86
```
#076d86 rgb(7,109,134)
```
#087c98
```
#087c98 rgb(8,124,152)
```
#098bab
```
#098bab rgb(9,139,171)
```
#0a9bbd
```
#0a9bbd rgb(10,155,189)
```
#0baad0
```
#0baad0 rgb(11,170,208)
```
#0cb9e2
```
#0cb9e2 rgb(12,185,226)
```

Shade Color Variation

#11c6f2
```
#11c6f2 rgb(17,198,242)
```
#23cbf3
```
#23cbf3 rgb(35,203,243)
```
#36cff4
```
#36cff4 rgb(54,207,244)
```
#48d4f5
```
#48d4f5 rgb(72,212,245)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#6edcf7
```
#6edcf7 rgb(110,220,247)
```
#80e1f8
```
#80e1f8 rgb(128,225,248)
```
#93e5f9
```
#93e5f9 rgb(147,229,249)
```
#a5eafa
```
#a5eafa rgb(165,234,250)
```
#b8eefb
```
#b8eefb rgb(184,238,251)
```
#cbf3fc
```
#cbf3fc rgb(203,243,252)
```
#ddf7fd
```
#ddf7fd rgb(221,247,253)
```
#f0fbfe
```
#f0fbfe rgb(240,251,254)
```

Tint Color Variation

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

#a4abad
```
#a4abad rgb(164,171,173)
```
#9eafb3
```
#9eafb3 rgb(158,175,179)
```
#97b3ba
```
#97b3ba rgb(151,179,186)
```
#90b7c1
```
#90b7c1 rgb(144,183,193)
```
#8abbc7
```
#8abbc7 rgb(138,187,199)
```
#83c0ce
```
#83c0ce rgb(131,192,206)
```
#7cc4d5
```
#7cc4d5 rgb(124,196,213)
```
#76c8db
```
#76c8db rgb(118,200,219)
```
#6fcce2
```
#6fcce2 rgb(111,204,226)
```
#68d0e9
```
#68d0e9 rgb(104,208,233)
```
#62d4ef
```
#62d4ef rgb(98,212,239)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#54dcfd
```
#54dcfd rgb(84,220,253)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4bdc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c9ec Protanopia 1% of men
#c2c7fd Deuteranopia 1% of men
#5cdbeb Tritanopia 0.001% of the population

Trichromacy

#9dceef Protanomaly 1% of men, 0.01% of women
#9ccdfa Deuteranomaly 6% of men, 0.4% of women
#5cdaef Tritanomaly 0.01% of the population

#5bd8f6 hex color

#5bd8f6 Color Information

#5bd8f6 Color Conversion

Color Schemes with #5bd8f6

Alternatives to #5bd8f6

#5bd8f6 Preview

Shades and Tints of #5bd8f6

Tones of #5bd8f6

Color Blindness Simulator