#5c80ee hex color

In a RGB color space, hex #5c80ee is composed of 36.1% red, 50.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 46.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 225.2 degrees, a saturation of 81.1% and a lightness of 64.7%. #5c80ee color hex could be obtained by blending #b8ffff with #0001dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 50
- B 93
RGB color chart
- C 61
- M 46
- Y 0
- K 7
CMYK color chart

● #5c80ee color description : Soft blue.

The hexadecimal color #5c80ee has RGB values of R:92, G:128, B:238 and CMYK values of C:0.61, M:0.46, Y:0, K:0.07. Its decimal value is 6062318.

Hex triplet	5c80ee	`#5c80ee`
RGB Decimal	92, 128, 238	`rgb(92,128,238)`
RGB Percent	36.1, 50.2, 93.3	`rgb(36.1%,50.2%,93.3%)`
CMYK	61, 46, 0, 7
HSL	225.2°, 81.1, 64.7	`hsl(225.2,81.1%,64.7%)`
HSV (or HSB)	225.2°, 61.3, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.973, 20.722, -59.37
XYZ	27.562, 23.885, 84.042
xyY	0.203, 0.176, 23.885
CIE-LCH	55.973, 62.882, 289.241
CIE-LUV	55.973, -18.211, -95.598
Hunter-Lab	48.872, 15.14, -67.746
Binary	01011100, 10000000, 11101110

#5c80ee
```
#5c80ee rgb(92,128,238)
```
#eeca5c
```
#eeca5c rgb(238,202,92)
```

Complementary Color

#5cc9ee
```
#5cc9ee rgb(92,201,238)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#815cee
```
#815cee rgb(129,92,238)
```

Analogous Color

#c9ee5c
```
#c9ee5c rgb(201,238,92)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#ee815c
```
#ee815c rgb(238,129,92)
```

Split Complementary Color

#80ee5c
```
#80ee5c rgb(128,238,92)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#ee5c80
```
#ee5c80 rgb(238,92,128)
```

Triadic Color

#5ceeca
```
#5ceeca rgb(92,238,202)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#ee5c80
```
#ee5c80 rgb(238,92,128)
```
#eeca5c
```
#eeca5c rgb(238,202,92)
```

Tetradic Color

#184be6
```
#184be6 rgb(24,75,230)
```
#2e5ce9
```
#2e5ce9 rgb(46,92,233)
```
#456eec
```
#456eec rgb(69,110,236)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#7392f0
```
#7392f0 rgb(115,146,240)
```
#8aa4f3
```
#8aa4f3 rgb(138,164,243)
```
#a1b6f5
```
#a1b6f5 rgb(161,182,245)
```

Monochromatic Color

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

#5ca5ee
```
#5ca5ee rgb(92,165,238)
```
#5c98ee
```
#5c98ee rgb(92,152,238)
```
#5c8cee
```
#5c8cee rgb(92,140,238)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#5c74ee
```
#5c74ee rgb(92,116,238)
```
#5c68ee
```
#5c68ee rgb(92,104,238)
```
#5c5cee
```
#5c5cee rgb(92,92,238)
```

Similar Colors

Text with hexadecimal color #5c80ee

This text has a font color of #5c80ee.

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

#5c80ee background color

This paragraph has a background color of #5c80ee.

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

#5c80ee border color

This element has a border color of #5c80ee.

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

CSS codes

.text {color:#5c80ee;}

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

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

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, #02050f is the darkest color, while #fcfdff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#030b20
```
#030b20 rgb(3,11,32)
```
#051032
```
#051032 rgb(5,16,50)
```
#071644
```
#071644 rgb(7,22,68)
```
#091c56
```
#091c56 rgb(9,28,86)
```
#0b2267
```
#0b2267 rgb(11,34,103)
```
#0d2779
```
#0d2779 rgb(13,39,121)
```
#0e2d8b
```
#0e2d8b rgb(14,45,139)
```
#10339d
```
#10339d rgb(16,51,157)
```
#1239ae
```
#1239ae rgb(18,57,174)
```
#143fc0
```
#143fc0 rgb(20,63,192)
```
#1644d2
```
#1644d2 rgb(22,68,210)
```
#184ae4
```
#184ae4 rgb(24,74,228)
```

Shade Color Variation

#2756e8
```
#2756e8 rgb(39,86,232)
```
#3864ea
```
#3864ea rgb(56,100,234)
```
#4a72ec
```
#4a72ec rgb(74,114,236)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#6e8ef0
```
#6e8ef0 rgb(110,142,240)
```
#809cf2
```
#809cf2 rgb(128,156,242)
```
#91aaf4
```
#91aaf4 rgb(145,170,244)
```
#a3b7f5
```
#a3b7f5 rgb(163,183,245)
```
#b5c5f7
```
#b5c5f7 rgb(181,197,247)
```
#c7d3f9
```
#c7d3f9 rgb(199,211,249)
```
#d8e1fb
```
#d8e1fb rgb(216,225,251)
```
#eaeffd
```
#eaeffd rgb(234,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a1a3a9
```
#a1a3a9 rgb(161,163,169)
```
#9aa0b0
```
#9aa0b0 rgb(154,160,176)
```
#939cb7
```
#939cb7 rgb(147,156,183)
```
#8c99be
```
#8c99be rgb(140,153,190)
```
#8695c4
```
#8695c4 rgb(134,149,196)
```
#7f92cb
```
#7f92cb rgb(127,146,203)
```
#788ed2
```
#788ed2 rgb(120,142,210)
```
#718bd9
```
#718bd9 rgb(113,139,217)
```
#6a87e0
```
#6a87e0 rgb(106,135,224)
```
#6384e7
```
#6384e7 rgb(99,132,231)
```
#5c80ee
```
#5c80ee rgb(92,128,238)
```
#557cf5
```
#557cf5 rgb(85,124,245)
```
#4e79fc
```
#4e79fc rgb(78,121,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7a8298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5389f0 Protanopia 1% of men
#278eeb Deuteranopia 1% of men
#2f99a4 Tritanopia 0.001% of the population

Trichromacy

#5685ef Protanomaly 1% of men, 0.01% of women
#3a89ec Deuteranomaly 6% of men, 0.4% of women
#3f8fbf Tritanomaly 0.01% of the population

#5c80ee hex color

#5c80ee Color Information

#5c80ee Color Conversion

Color Schemes with #5c80ee

Alternatives to #5c80ee

#5c80ee Preview

Shades and Tints of #5c80ee

Tones of #5c80ee

Color Blindness Simulator