#5c80ff hex color

In a RGB color space, hex #5c80ff is composed of 36.1% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 226.7 degrees, a saturation of 100% and a lightness of 68%. #5c80ff color hex could be obtained by blending #b8ffff with #0001ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 50
- B 100
RGB color chart
- C 64
- M 50
- Y 0
- K 0
CMYK color chart

● #5c80ff color description : Light blue.

The hexadecimal color #5c80ff has RGB values of R:92, G:128, B:255 and CMYK values of C:0.64, M:0.5, Y:0, K:0. Its decimal value is 6062335.

Hex triplet	5c80ff	`#5c80ff`
RGB Decimal	92, 128, 255	`rgb(92,128,255)`
RGB Percent	36.1, 50.2, 100	`rgb(36.1%,50.2%,100%)`
CMYK	64, 50, 0, 0
HSL	226.7°, 100, 68	`hsl(226.7,100%,68%)`
HSV (or HSB)	226.7°, 63.9, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.009, 26.414, -67.108
XYZ	30.179, 24.932, 97.824
xyY	0.197, 0.163, 24.932
CIE-LCH	57.009, 72.119, 291.485
CIE-LUV	57.009, -18.382, -108.718
Hunter-Lab	49.932, 20.505, -81.206
Binary	01011100, 10000000, 11111111

#5c80ff
```
#5c80ff rgb(92,128,255)
```
#ffdb5c
```
#ffdb5c rgb(255,219,92)
```

Complementary Color

#5cd2ff
```
#5cd2ff rgb(92,210,255)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#8a5cff
```
#8a5cff rgb(138,92,255)
```

Analogous Color

#d2ff5c
```
#d2ff5c rgb(210,255,92)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#ff8a5c
```
#ff8a5c rgb(255,138,92)
```

Split Complementary Color

#80ff5c
```
#80ff5c rgb(128,255,92)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#ff5c80
```
#ff5c80 rgb(255,92,128)
```

Triadic Color

#5cffdb
```
#5cffdb rgb(92,255,219)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#ff5c80
```
#ff5c80 rgb(255,92,128)
```
#ffdb5c
```
#ffdb5c rgb(255,219,92)
```

Tetradic Color

#1044ff
```
#1044ff rgb(16,68,255)
```
#2958ff
```
#2958ff rgb(41,88,255)
```
#436cff
```
#436cff rgb(67,108,255)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#7694ff
```
#7694ff rgb(118,148,255)
```
#8fa8ff
```
#8fa8ff rgb(143,168,255)
```
#a9bcff
```
#a9bcff rgb(169,188,255)
```

Monochromatic Color

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

#5ca9ff
```
#5ca9ff rgb(92,169,255)
```
#5c9bff
```
#5c9bff rgb(92,155,255)
```
#5c8eff
```
#5c8eff rgb(92,142,255)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#5c72ff
```
#5c72ff rgb(92,114,255)
```
#5c65ff
```
#5c65ff rgb(92,101,255)
```
#615cff
```
#615cff rgb(97,92,255)
```

Similar Colors

Text with hexadecimal color #5c80ff

This text has a font color of #5c80ff.

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

#5c80ff background color

This paragraph has a background color of #5c80ff.

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

#5c80ff border color

This element has a border color of #5c80ff.

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

CSS codes

.text {color:#5c80ff;}

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

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

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, #00030e is the darkest color, while #f9faff is the lightest one.

#00030e
```
#00030e rgb(0,3,14)
```
#000721
```
#000721 rgb(0,7,33)
```
#000c35
```
#000c35 rgb(0,12,53)
```
#001048
```
#001048 rgb(0,16,72)
```
#00145c
```
#00145c rgb(0,20,92)
```
#001970
```
#001970 rgb(0,25,112)
```
#001d83
```
#001d83 rgb(0,29,131)
```
#002197
```
#002197 rgb(0,33,151)
```
#0026aa
```
#0026aa rgb(0,38,170)
```
#002abe
```
#002abe rgb(0,42,190)
```
#002ed2
```
#002ed2 rgb(0,46,210)
```
#0033e5
```
#0033e5 rgb(0,51,229)
```
#0037f9
```
#0037f9 rgb(0,55,249)
```

Shade Color Variation

#0e43ff
```
#0e43ff rgb(14,67,255)
```
#2152ff
```
#2152ff rgb(33,82,255)
```
#3561ff
```
#3561ff rgb(53,97,255)
```
#4871ff
```
#4871ff rgb(72,113,255)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```
#708fff
```
#708fff rgb(112,143,255)
```
#839fff
```
#839fff rgb(131,159,255)
```
#97aeff
```
#97aeff rgb(151,174,255)
```
#aabdff
```
#aabdff rgb(170,189,255)
```
#beccff
```
#beccff rgb(190,204,255)
```
#d2dcff
```
#d2dcff rgb(210,220,255)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#a7aab4
```
#a7aab4 rgb(167,170,180)
```
#a1a7ba
```
#a1a7ba rgb(161,167,186)
```
#9ba3c0
```
#9ba3c0 rgb(155,163,192)
```
#94a0c7
```
#94a0c7 rgb(148,160,199)
```
#8e9ccd
```
#8e9ccd rgb(142,156,205)
```
#8899d3
```
#8899d3 rgb(136,153,211)
```
#8295d9
```
#8295d9 rgb(130,149,217)
```
#7b92e0
```
#7b92e0 rgb(123,146,224)
```
#758ee6
```
#758ee6 rgb(117,142,230)
```
#6f8bec
```
#6f8bec rgb(111,139,236)
```
#6987f2
```
#6987f2 rgb(105,135,242)
```
#6284f9
```
#6284f9 rgb(98,132,249)
```
#5c80ff
```
#5c80ff rgb(92,128,255)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7c839d Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#0091f0 Deuteranopia 1% of men
#009ca8 Tritanopia 0.001% of the population

Trichromacy

#4e87ff Protanomaly 1% of men, 0.01% of women
#218bf6 Deuteranomaly 6% of men, 0.4% of women
#2192c7 Tritanomaly 0.01% of the population

#5c80ff hex color

#5c80ff Color Information

#5c80ff Color Conversion

Color Schemes with #5c80ff

Alternatives to #5c80ff

#5c80ff Preview

Shades and Tints of #5c80ff

Tones of #5c80ff

Color Blindness Simulator