#5c80c8 hex color

In a RGB color space, hex #5c80c8 is composed of 36.1% red, 50.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 36% magenta, 0% yellow and 21.6% black. It has a hue angle of 220 degrees, a saturation of 49.5% and a lightness of 57.3%. #5c80c8 color hex could be obtained by blending #b8ffff with #000191. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 78
RGB color chart
- C 54
- M 36
- Y 0
- K 22
CMYK color chart

● #5c80c8 color description : Moderate blue.

The hexadecimal color #5c80c8 has RGB values of R:92, G:128, B:200 and CMYK values of C:0.54, M:0.36, Y:0, K:0.22. Its decimal value is 6062280.

Hex triplet	5c80c8	`#5c80c8`
RGB Decimal	92, 128, 200	`rgb(92,128,200)`
RGB Percent	36.1, 50.2, 78.4	`rgb(36.1%,50.2%,78.4%)`
CMYK	54, 36, 0, 22
HSL	220°, 49.5, 57.3	`hsl(220,49.5%,57.3%)`
HSV (or HSB)	220°, 54, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.902, 8.256, -41.302
XYZ	22.556, 21.883, 57.676
xyY	0.221, 0.214, 21.883
CIE-LCH	53.902, 42.119, 281.304
CIE-LUV	53.902, -17.938, -64.721
Hunter-Lab	46.779, 4.206, -40.356
Binary	01011100, 10000000, 11001000

#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#c8a45c
```
#c8a45c rgb(200,164,92)
```

Complementary Color

#5cb6c8
```
#5cb6c8 rgb(92,182,200)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#6e5cc8
```
#6e5cc8 rgb(110,92,200)
```

Analogous Color

#b6c85c
```
#b6c85c rgb(182,200,92)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#c86e5c
```
#c86e5c rgb(200,110,92)
```

Split Complementary Color

#80c85c
```
#80c85c rgb(128,200,92)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#c85c80
```
#c85c80 rgb(200,92,128)
```

Triadic Color

#5cc8a4
```
#5cc8a4 rgb(92,200,164)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#c85c80
```
#c85c80 rgb(200,92,128)
```
#c8a45c
```
#c8a45c rgb(200,164,92)
```

Tetradic Color

#365aa1
```
#365aa1 rgb(54,90,161)
```
#3d65b4
```
#3d65b4 rgb(61,101,180)
```
#4971c2
```
#4971c2 rgb(73,113,194)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#6f8fce
```
#6f8fce rgb(111,143,206)
```
#829ed5
```
#829ed5 rgb(130,158,213)
```
#95addb
```
#95addb rgb(149,173,219)
```

Monochromatic Color

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

#5c9bc8
```
#5c9bc8 rgb(92,155,200)
```
#5c92c8
```
#5c92c8 rgb(92,146,200)
```
#5c89c8
```
#5c89c8 rgb(92,137,200)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#5c77c8
```
#5c77c8 rgb(92,119,200)
```
#5c6ec8
```
#5c6ec8 rgb(92,110,200)
```
#5c65c8
```
#5c65c8 rgb(92,101,200)
```

Similar Colors

Text with hexadecimal color #5c80c8

This text has a font color of #5c80c8.

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

#5c80c8 background color

This paragraph has a background color of #5c80c8.

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

#5c80c8 border color

This element has a border color of #5c80c8.

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

CSS codes

.text {color:#5c80c8;}

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

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

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, #04070d is the darkest color, while #fdfefe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#090f1c
```
#090f1c rgb(9,15,28)
```
#0e182a
```
#0e182a rgb(14,24,42)
```
#132039
```
#132039 rgb(19,32,57)
```
#182848
```
#182848 rgb(24,40,72)
```
#1d3056
```
#1d3056 rgb(29,48,86)
```
#223865
```
#223865 rgb(34,56,101)
```
#274174
```
#274174 rgb(39,65,116)
```
#2c4982
```
#2c4982 rgb(44,73,130)
```
#315191
```
#315191 rgb(49,81,145)
```
#3659a0
```
#3659a0 rgb(54,89,160)
```
#3b61ae
```
#3b61ae rgb(59,97,174)
```
#406abd
```
#406abd rgb(64,106,189)
```

Shade Color Variation

#4d75c3
```
#4d75c3 rgb(77,117,195)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#6b8bcd
```
#6b8bcd rgb(107,139,205)
```
#7997d2
```
#7997d2 rgb(121,151,210)
```
#88a2d7
```
#88a2d7 rgb(136,162,215)
```
#97aedc
```
#97aedc rgb(151,174,220)
```
#a5b9e1
```
#a5b9e1 rgb(165,185,225)
```
#b4c5e6
```
#b4c5e6 rgb(180,197,230)
```
#c3d0eb
```
#c3d0eb rgb(195,208,235)
```
#d1dbf0
```
#d1dbf0 rgb(209,219,240)
```
#e0e7f5
```
#e0e7f5 rgb(224,231,245)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9196 is the less saturated color, while #2a6ffa is the most saturated one.

#8e9196
```
#8e9196 rgb(142,145,150)
```
#868e9e
```
#868e9e rgb(134,142,158)
```
#7e8ba6
```
#7e8ba6 rgb(126,139,166)
```
#7588af
```
#7588af rgb(117,136,175)
```
#6d86b7
```
#6d86b7 rgb(109,134,183)
```
#6483c0
```
#6483c0 rgb(100,131,192)
```
#5c80c8
```
#5c80c8 rgb(92,128,200)
```
#547dd0
```
#547dd0 rgb(84,125,208)
```
#4b7ad9
```
#4b7ad9 rgb(75,122,217)
```
#4378e1
```
#4378e1 rgb(67,120,225)
```
#3a75ea
```
#3a75ea rgb(58,117,234)
```
#3272f2
```
#3272f2 rgb(50,114,242)
```
#2a6ffa
```
#2a6ffa rgb(42,111,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c85c9 Protanopia 1% of men
#6087ca Deuteranopia 1% of men
#4e909b Tritanopia 0.001% of the population

Trichromacy

#6683c9 Protanomaly 1% of men, 0.01% of women
#5f84c9 Deuteranomaly 6% of men, 0.4% of women
#538aab Tritanomaly 0.01% of the population

#5c80c8 hex color

#5c80c8 Color Information

#5c80c8 Color Conversion

Color Schemes with #5c80c8

Alternatives to #5c80c8

#5c80c8 Preview

Shades and Tints of #5c80c8

Tones of #5c80c8

Color Blindness Simulator