#5bd1fc hex color

In a RGB color space, hex #5bd1fc is composed of 35.7% red, 82% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 17.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 196 degrees, a saturation of 96.4% and a lightness of 67.3%. #5bd1fc color hex could be obtained by blending #b6ffff with #00a3f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 99
RGB color chart
- C 64
- M 17
- Y 0
- K 1
CMYK color chart

● #5bd1fc color description : Soft blue.

The hexadecimal color #5bd1fc has RGB values of R:91, G:209, B:252 and CMYK values of C:0.64, M:0.17, Y:0, K:0.01. Its decimal value is 6017532.

Hex triplet	5bd1fc	`#5bd1fc`
RGB Decimal	91, 209, 252	`rgb(91,209,252)`
RGB Percent	35.7, 82, 98.8	`rgb(35.7%,82%,98.8%)`
CMYK	64, 17, 0, 1
HSL	196°, 96.4, 67.3	`hsl(196,96.4%,67.3%)`
HSV (or HSB)	196°, 63.9, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.955, -20.513, -30.9
XYZ	44.681, 54.85, 100.322
xyY	0.224, 0.274, 54.85
CIE-LCH	78.955, 37.089, 236.422
CIE-LUV	78.955, -46.06, -47.046
Hunter-Lab	74.061, -21.917, -28.472
Binary	01011011, 11010001, 11111100

#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#fc865b
```
#fc865b rgb(252,134,91)
```

Complementary Color

#5bfcd7
```
#5bfcd7 rgb(91,252,215)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#5b81fc
```
#5b81fc rgb(91,129,252)
```

Analogous Color

#fcd75b
```
#fcd75b rgb(252,215,91)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#fc5b81
```
#fc5b81 rgb(252,91,129)
```

Split Complementary Color

#d1fc5b
```
#d1fc5b rgb(209,252,91)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#fc5bd1
```
#fc5bd1 rgb(252,91,209)
```

Triadic Color

#5bfc86
```
#5bfc86 rgb(91,252,134)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#fc5bd1
```
#fc5bd1 rgb(252,91,209)
```
#fc865b
```
#fc865b rgb(252,134,91)
```

Tetradic Color

#10bcfb
```
#10bcfb rgb(16,188,251)
```
#29c3fb
```
#29c3fb rgb(41,195,251)
```
#42cafc
```
#42cafc rgb(66,202,252)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#74d8fc
```
#74d8fc rgb(116,216,252)
```
#8ddffd
```
#8ddffd rgb(141,223,253)
```
#a6e6fd
```
#a6e6fd rgb(166,230,253)
```

Monochromatic Color

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

#5bf9fc
```
#5bf9fc rgb(91,249,252)
```
#5becfc
```
#5becfc rgb(91,236,252)
```
#5bdefc
```
#5bdefc rgb(91,222,252)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#5bb6fc
```
#5bb6fc rgb(91,182,252)
```
#5ba9fc
```
#5ba9fc rgb(91,169,252)
```

Similar Colors

Text with hexadecimal color #5bd1fc

This text has a font color of #5bd1fc.

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

#5bd1fc background color

This paragraph has a background color of #5bd1fc.

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

#5bd1fc border color

This element has a border color of #5bd1fc.

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

CSS codes

.text {color:#5bd1fc;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012330
```
#012330 rgb(1,35,48)
```
#013243
```
#013243 rgb(1,50,67)
```
#024056
```
#024056 rgb(2,64,86)
```
#024e6a
```
#024e6a rgb(2,78,106)
```
#025c7d
```
#025c7d rgb(2,92,125)
```
#036a90
```
#036a90 rgb(3,106,144)
```
#0379a3
```
#0379a3 rgb(3,121,163)
```
#0387b7
```
#0387b7 rgb(3,135,183)
```
#0495ca
```
#0495ca rgb(4,149,202)
```
#04a3dd
```
#04a3dd rgb(4,163,221)
```
#04b1f1
```
#04b1f1 rgb(4,177,241)
```

Shade Color Variation

#0ebbfb
```
#0ebbfb rgb(14,187,251)
```
#21c1fb
```
#21c1fb rgb(33,193,251)
```
#34c6fb
```
#34c6fb rgb(52,198,251)
```
#48ccfc
```
#48ccfc rgb(72,204,252)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#6ed6fc
```
#6ed6fc rgb(110,214,252)
```
#82dcfd
```
#82dcfd rgb(130,220,253)
```
#95e1fd
```
#95e1fd rgb(149,225,253)
```
#a8e7fd
```
#a8e7fd rgb(168,231,253)
```
#bbecfe
```
#bbecfe rgb(187,236,254)
```
#cff1fe
```
#cff1fe rgb(207,241,254)
```
#e2f7fe
```
#e2f7fe rgb(226,247,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#a8adaf
```
#a8adaf rgb(168,173,175)
```
#a2b0b5
```
#a2b0b5 rgb(162,176,181)
```
#9bb3bc
```
#9bb3bc rgb(155,179,188)
```
#95b6c2
```
#95b6c2 rgb(149,182,194)
```
#8eb9c9
```
#8eb9c9 rgb(142,185,201)
```
#88bccf
```
#88bccf rgb(136,188,207)
```
#82bfd5
```
#82bfd5 rgb(130,191,213)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#75c5e2
```
#75c5e2 rgb(117,197,226)
```
#6ec8e9
```
#6ec8e9 rgb(110,200,233)
```
#68cbef
```
#68cbef rgb(104,203,239)
```
#61cef6
```
#61cef6 rgb(97,206,246)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1b9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac4f2 Protanopia 1% of men
#b6c4ff Deuteranopia 1% of men
#55d7e7 Tritanopia 0.001% of the population

Trichromacy

#97c9f6 Protanomaly 1% of men, 0.01% of women
#95c8fd Deuteranomaly 6% of men, 0.4% of women
#57d4ee Tritanomaly 0.01% of the population

#5bd1fc hex color

#5bd1fc Color Information

#5bd1fc Color Conversion

Color Schemes with #5bd1fc

Alternatives to #5bd1fc

#5bd1fc Preview

Shades and Tints of #5bd1fc

Tones of #5bd1fc

Color Blindness Simulator