#5bc4fc hex color

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

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

● #5bc4fc color description : Soft blue.

The hexadecimal color #5bc4fc has RGB values of R:91, G:196, B:252 and CMYK values of C:0.64, M:0.22, Y:0, K:0.01. Its decimal value is 6014204.

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

CIE-LAB	75.283, -13.771, -36.569
XYZ	41.621, 48.729, 99.302
xyY	0.219, 0.257, 48.729
CIE-LCH	75.283, 39.076, 249.365
CIE-LUV	75.283, -41.414, -57.392
Hunter-Lab	69.806, -15.734, -35.478
Binary	01011011, 11000100, 11111100

#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#fc935b
```
#fc935b rgb(252,147,91)
```

Complementary Color

#5bfce4
```
#5bfce4 rgb(91,252,228)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#5b74fc
```
#5b74fc rgb(91,116,252)
```

Analogous Color

#fce45b
```
#fce45b rgb(252,228,91)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#fc5b74
```
#fc5b74 rgb(252,91,116)
```

Split Complementary Color

#c4fc5b
```
#c4fc5b rgb(196,252,91)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#fc5bc4
```
#fc5bc4 rgb(252,91,196)
```

Triadic Color

#5bfc93
```
#5bfc93 rgb(91,252,147)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#fc5bc4
```
#fc5bc4 rgb(252,91,196)
```
#fc935b
```
#fc935b rgb(252,147,91)
```

Tetradic Color

#10a9fb
```
#10a9fb rgb(16,169,251)
```
#29b2fb
```
#29b2fb rgb(41,178,251)
```
#42bbfc
```
#42bbfc rgb(66,187,252)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#74cdfc
```
#74cdfc rgb(116,205,252)
```
#8dd6fd
```
#8dd6fd rgb(141,214,253)
```
#a6dffd
```
#a6dffd rgb(166,223,253)
```

Monochromatic Color

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

#5becfc
```
#5becfc rgb(91,236,252)
```
#5bdffc
```
#5bdffc rgb(91,223,252)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#5bb7fc
```
#5bb7fc rgb(91,183,252)
```
#5ba9fc
```
#5ba9fc rgb(91,169,252)
```
#5b9cfc
```
#5b9cfc rgb(91,156,252)
```

Similar Colors

Text with hexadecimal color #5bc4fc

This text has a font color of #5bc4fc.

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

#5bc4fc background color

This paragraph has a background color of #5bc4fc.

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

#5bc4fc border color

This element has a border color of #5bc4fc.

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

CSS codes

.text {color:#5bc4fc;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#01131d
```
#01131d rgb(1,19,29)
```
#012030
```
#012030 rgb(1,32,48)
```
#012c43
```
#012c43 rgb(1,44,67)
```
#023956
```
#023956 rgb(2,57,86)
```
#02466a
```
#02466a rgb(2,70,106)
```
#02527d
```
#02527d rgb(2,82,125)
```
#035f90
```
#035f90 rgb(3,95,144)
```
#036ca3
```
#036ca3 rgb(3,108,163)
```
#0378b7
```
#0378b7 rgb(3,120,183)
```
#0485ca
```
#0485ca rgb(4,133,202)
```
#0492dd
```
#0492dd rgb(4,146,221)
```
#049ef1
```
#049ef1 rgb(4,158,241)
```

Shade Color Variation

#0ea8fb
```
#0ea8fb rgb(14,168,251)
```
#21affb
```
#21affb rgb(33,175,251)
```
#34b6fb
```
#34b6fb rgb(52,182,251)
```
#48bdfc
```
#48bdfc rgb(72,189,252)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```
#6ecbfc
```
#6ecbfc rgb(110,203,252)
```
#82d2fd
```
#82d2fd rgb(130,210,253)
```
#95d9fd
```
#95d9fd rgb(149,217,253)
```
#a8e0fd
```
#a8e0fd rgb(168,224,253)
```
#bbe7fe
```
#bbe7fe rgb(187,231,254)
```
#cfeefe
```
#cfeefe rgb(207,238,254)
```
#e2f5fe
```
#e2f5fe rgb(226,245,254)
```
#f5fbff
```
#f5fbff rgb(245,251,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 #5bc4fc is the most saturated one.

#a8adaf
```
#a8adaf rgb(168,173,175)
```
#a2aeb5
```
#a2aeb5 rgb(162,174,181)
```
#9bb0bc
```
#9bb0bc rgb(155,176,188)
```
#95b2c2
```
#95b2c2 rgb(149,178,194)
```
#8eb4c9
```
#8eb4c9 rgb(142,180,201)
```
#88b6cf
```
#88b6cf rgb(136,182,207)
```
#82b8d5
```
#82b8d5 rgb(130,184,213)
```
#7bbadc
```
#7bbadc rgb(123,186,220)
```
#75bce2
```
#75bce2 rgb(117,188,226)
```
#6ebee9
```
#6ebee9 rgb(110,190,233)
```
#68c0ef
```
#68c0ef rgb(104,192,239)
```
#61c2f6
```
#61c2f6 rgb(97,194,246)
```
#5bc4fc
```
#5bc4fc rgb(91,196,252)
```

Tone Color Variation

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

Dichromacy

#acbaf3 Protanopia 1% of men
#a4bbff Deuteranopia 1% of men
#4dcddc Tritanopia 0.001% of the population

Trichromacy

#8ebef6 Protanomaly 1% of men, 0.01% of women
#89befd Deuteranomaly 6% of men, 0.4% of women
#52c9e7 Tritanomaly 0.01% of the population

#5bc4fc hex color

#5bc4fc Color Information

#5bc4fc Color Conversion

Color Schemes with #5bc4fc

Alternatives to #5bc4fc

#5bc4fc Preview

Shades and Tints of #5bc4fc

Tones of #5bc4fc

Color Blindness Simulator