#5c80b7 hex color

In a RGB color space, hex #5c80b7 is composed of 36.1% red, 50.2% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 30.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 216.3 degrees, a saturation of 38.7% and a lightness of 53.9%. #5c80b7 color hex could be obtained by blending #b8ffff with #00016f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 72
RGB color chart
- C 50
- M 30
- Y 0
- K 28
CMYK color chart

● #5c80b7 color description : Slightly desaturated blue.

The hexadecimal color #5c80b7 has RGB values of R:92, G:128, B:183 and CMYK values of C:0.5, M:0.3, Y:0, K:0.28. Its decimal value is 6062263.

Hex triplet	5c80b7	`#5c80b7`
RGB Decimal	92, 128, 183	`rgb(92,128,183)`
RGB Percent	36.1, 50.2, 71.8	`rgb(36.1%,50.2%,71.8%)`
CMYK	50, 30, 0, 28
HSL	216.3°, 38.7, 53.9	`hsl(216.3,38.7%,53.9%)`
HSV (or HSB)	216.3°, 49.7, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.093, 2.904, -32.862
XYZ	20.678, 21.132, 47.786
xyY	0.231, 0.236, 21.132
CIE-LCH	53.093, 32.991, 275.049
CIE-LUV	53.093, -17.865, -50.352
Hunter-Lab	45.969, -0.152, -29.455
Binary	01011100, 10000000, 10110111

#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#b7935c
```
#b7935c rgb(183,147,92)
```

Complementary Color

#5caeb7
```
#5caeb7 rgb(92,174,183)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#665cb7
```
#665cb7 rgb(102,92,183)
```

Analogous Color

#aeb75c
```
#aeb75c rgb(174,183,92)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#b7665c
```
#b7665c rgb(183,102,92)
```

Split Complementary Color

#80b75c
```
#80b75c rgb(128,183,92)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#b75c80
```
#b75c80 rgb(183,92,128)
```

Triadic Color

#5cb793
```
#5cb793 rgb(92,183,147)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#b75c80
```
#b75c80 rgb(183,92,128)
```
#b7935c
```
#b7935c rgb(183,147,92)
```

Tetradic Color

#3d5b8a
```
#3d5b8a rgb(61,91,138)
```
#45679b
```
#45679b rgb(69,103,155)
```
#4c73ad
```
#4c73ad rgb(76,115,173)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#6e8ebf
```
#6e8ebf rgb(110,142,191)
```
#7f9cc7
```
#7f9cc7 rgb(127,156,199)
```
#91a9ce
```
#91a9ce rgb(145,169,206)
```

Monochromatic Color

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

#5c97b7
```
#5c97b7 rgb(92,151,183)
```
#5c8fb7
```
#5c8fb7 rgb(92,143,183)
```
#5c88b7
```
#5c88b7 rgb(92,136,183)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#5c78b7
```
#5c78b7 rgb(92,120,183)
```
#5c71b7
```
#5c71b7 rgb(92,113,183)
```
#5c69b7
```
#5c69b7 rgb(92,105,183)
```

Similar Colors

Text with hexadecimal color #5c80b7

This text has a font color of #5c80b7.

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

#5c80b7 background color

This paragraph has a background color of #5c80b7.

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

#5c80b7 border color

This element has a border color of #5c80b7.

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

CSS codes

.text {color:#5c80b7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06090e
```
#06090e rgb(6,9,14)
```
#0c121b
```
#0c121b rgb(12,18,27)
```
#121b29
```
#121b29 rgb(18,27,41)
```
#182437
```
#182437 rgb(24,36,55)
```
#1e2d44
```
#1e2d44 rgb(30,45,68)
```
#243652
```
#243652 rgb(36,54,82)
```
#2a3f60
```
#2a3f60 rgb(42,63,96)
```
#30486d
```
#30486d rgb(48,72,109)
```
#36517b
```
#36517b rgb(54,81,123)
```
#3c5a88
```
#3c5a88 rgb(60,90,136)
```
#426396
```
#426396 rgb(66,99,150)
```
#486ca4
```
#486ca4 rgb(72,108,164)
```

Shade Color Variation

#4e75b1
```
#4e75b1 rgb(78,117,177)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#6a8bbd
```
#6a8bbd rgb(106,139,189)
```
#7795c3
```
#7795c3 rgb(119,149,195)
```
#85a0c9
```
#85a0c9 rgb(133,160,201)
```
#92aacf
```
#92aacf rgb(146,170,207)
```
#a0b5d5
```
#a0b5d5 rgb(160,181,213)
```
#aec0db
```
#aec0db rgb(174,192,219)
```
#bbcae1
```
#bbcae1 rgb(187,202,225)
```
#c9d5e7
```
#c9d5e7 rgb(201,213,231)
```
#d6dfed
```
#d6dfed rgb(214,223,237)
```
#e4eaf3
```
#e4eaf3 rgb(228,234,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#89898a
```
#89898a rgb(137,137,138)
```
#808893
```
#808893 rgb(128,136,147)
```
#77869c
```
#77869c rgb(119,134,156)
```
#6e84a5
```
#6e84a5 rgb(110,132,165)
```
#6582ae
```
#6582ae rgb(101,130,174)
```
#5c80b7
```
#5c80b7 rgb(92,128,183)
```
#537ec0
```
#537ec0 rgb(83,126,192)
```
#4a7cc9
```
#4a7cc9 rgb(74,124,201)
```
#417ad2
```
#417ad2 rgb(65,122,210)
```
#3878db
```
#3878db rgb(56,120,219)
```
#2f77e4
```
#2f77e4 rgb(47,119,228)
```
#2675ed
```
#2675ed rgb(38,117,237)
```
#1d73f6
```
#1d73f6 rgb(29,115,246)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7383b8 Protanopia 1% of men
#6d84bb Deuteranopia 1% of men
#568d98 Tritanopia 0.001% of the population

Trichromacy

#6a82b8 Protanomaly 1% of men, 0.01% of women
#6782b9 Deuteranomaly 6% of men, 0.4% of women
#5888a3 Tritanomaly 0.01% of the population

#5c80b7 hex color

#5c80b7 Color Information

#5c80b7 Color Conversion

Color Schemes with #5c80b7

Alternatives to #5c80b7

#5c80b7 Preview

Shades and Tints of #5c80b7

Tones of #5c80b7

Color Blindness Simulator