#5bacc1 hex color

In a RGB color space, hex #5bacc1 is composed of 35.7% red, 67.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 10.9% magenta, 0% yellow and 24.3% black. It has a hue angle of 192.4 degrees, a saturation of 45.1% and a lightness of 55.7%. #5bacc1 color hex could be obtained by blending #b6ffff with #005983. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 76
RGB color chart
- C 53
- M 11
- Y 0
- K 24
CMYK color chart

● #5bacc1 color description : Moderate cyan.

The hexadecimal color #5bacc1 has RGB values of R:91, G:172, B:193 and CMYK values of C:0.53, M:0.11, Y:0, K:0.24. Its decimal value is 6008001.

Hex triplet	5bacc1	`#5bacc1`
RGB Decimal	91, 172, 193	`rgb(91,172,193)`
RGB Percent	35.7, 67.5, 75.7	`rgb(35.7%,67.5%,75.7%)`
CMYK	53, 11, 0, 24
HSL	192.4°, 45.1, 55.7	`hsl(192.4,45.1%,55.7%)`
HSV (or HSB)	192.4°, 52.8, 75.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.196, -18.889, -18.337
XYZ	28.69, 35.578, 55.804
xyY	0.239, 0.296, 35.578
CIE-LCH	66.196, 26.326, 224.15
CIE-LUV	66.196, -34.924, -25.445
Hunter-Lab	59.647, -18.524, -13.718
Binary	01011011, 10101100, 11000001

#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#c1705b
```
#c1705b rgb(193,112,91)
```

Complementary Color

#5bc1a3
```
#5bc1a3 rgb(91,193,163)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#5b79c1
```
#5b79c1 rgb(91,121,193)
```

Analogous Color

#c1a35b
```
#c1a35b rgb(193,163,91)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#c15b79
```
#c15b79 rgb(193,91,121)
```

Split Complementary Color

#acc15b
```
#acc15b rgb(172,193,91)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#c15bac
```
#c15bac rgb(193,91,172)
```

Triadic Color

#5bc170
```
#5bc170 rgb(91,193,112)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#c15bac
```
#c15bac rgb(193,91,172)
```
#c1705b
```
#c1705b rgb(193,112,91)
```

Tetradic Color

#398397
```
#398397 rgb(57,131,151)
```
#4093a9
```
#4093a9 rgb(64,147,169)
```
#48a3ba
```
#48a3ba rgb(72,163,186)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#6eb5c8
```
#6eb5c8 rgb(110,181,200)
```
#80bfcf
```
#80bfcf rgb(128,191,207)
```
#93c8d6
```
#93c8d6 rgb(147,200,214)
```

Monochromatic Color

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

#5bc1bd
```
#5bc1bd rgb(91,193,189)
```
#5bbdc1
```
#5bbdc1 rgb(91,189,193)
```
#5bb5c1
```
#5bb5c1 rgb(91,181,193)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#5ba4c1
```
#5ba4c1 rgb(91,164,193)
```
#5b9bc1
```
#5b9bc1 rgb(91,155,193)
```
#5b93c1
```
#5b93c1 rgb(91,147,193)
```

Similar Colors

Text with hexadecimal color #5bacc1

This text has a font color of #5bacc1.

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

#5bacc1 background color

This paragraph has a background color of #5bacc1.

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

#5bacc1 border color

This element has a border color of #5bacc1.

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

CSS codes

.text {color:#5bacc1;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081215
```
#081215 rgb(8,18,21)
```
#0d1f23
```
#0d1f23 rgb(13,31,35)
```
#132b32
```
#132b32 rgb(19,43,50)
```
#183840
```
#183840 rgb(24,56,64)
```
#1d444e
```
#1d444e rgb(29,68,78)
```
#23505c
```
#23505c rgb(35,80,92)
```
#285d6a
```
#285d6a rgb(40,93,106)
```
#2e6979
```
#2e6979 rgb(46,105,121)
```
#337687
```
#337687 rgb(51,118,135)
```
#388295
```
#388295 rgb(56,130,149)
```
#3e8ea3
```
#3e8ea3 rgb(62,142,163)
```
#439bb2
```
#439bb2 rgb(67,155,178)
```

Shade Color Variation

#4da5bc
```
#4da5bc rgb(77,165,188)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#69b3c6
```
#69b3c6 rgb(105,179,198)
```
#77bacc
```
#77bacc rgb(119,186,204)
```
#86c2d1
```
#86c2d1 rgb(134,194,209)
```
#94c9d7
```
#94c9d7 rgb(148,201,215)
```
#a2d0dc
```
#a2d0dc rgb(162,208,220)
```
#b0d7e1
```
#b0d7e1 rgb(176,215,225)
```
#bfdee7
```
#bfdee7 rgb(191,222,231)
```
#cde6ec
```
#cde6ec rgb(205,230,236)
```
#dbedf1
```
#dbedf1 rgb(219,237,241)
```
#e9f4f7
```
#e9f4f7 rgb(233,244,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#869296
```
#869296 rgb(134,146,150)
```
#7e989e
```
#7e989e rgb(126,152,158)
```
#759da7
```
#759da7 rgb(117,157,167)
```
#6ca2b0
```
#6ca2b0 rgb(108,162,176)
```
#64a7b8
```
#64a7b8 rgb(100,167,184)
```
#5bacc1
```
#5bacc1 rgb(91,172,193)
```
#52b1ca
```
#52b1ca rgb(82,177,202)
```
#4ab6d2
```
#4ab6d2 rgb(74,182,210)
```
#41bbdb
```
#41bbdb rgb(65,187,219)
```
#38c0e4
```
#38c0e4 rgb(56,192,228)
```
#30c6ec
```
#30c6ec rgb(48,198,236)
```
#27cbf5
```
#27cbf5 rgb(39,203,245)
```
#1ed0fe
```
#1ed0fe rgb(30,208,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a9a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a4bd Protanopia 1% of men
#a2a2c9 Deuteranopia 1% of men
#60b1be Tritanopia 0.001% of the population

Trichromacy

#87a7be Protanomaly 1% of men, 0.01% of women
#88a6c6 Deuteranomaly 6% of men, 0.4% of women
#5eafbf Tritanomaly 0.01% of the population

#5bacc1 hex color

#5bacc1 Color Information

#5bacc1 Color Conversion

Color Schemes with #5bacc1

Alternatives to #5bacc1

#5bacc1 Preview

Shades and Tints of #5bacc1

Tones of #5bacc1

Color Blindness Simulator