#5e80d4 hex color

In a RGB color space, hex #5e80d4 is composed of 36.9% red, 50.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 39.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 222.7 degrees, a saturation of 57.8% and a lightness of 60%. #5e80d4 color hex could be obtained by blending #bcffff with #0001a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 50
- B 83
RGB color chart
- C 56
- M 40
- Y 0
- K 17
CMYK color chart

● #5e80d4 color description : Moderate blue.

The hexadecimal color #5e80d4 has RGB values of R:94, G:128, B:212 and CMYK values of C:0.56, M:0.4, Y:0, K:0.17. Its decimal value is 6193364.

Hex triplet	5e80d4	`#5e80d4`
RGB Decimal	94, 128, 212	`rgb(94,128,212)`
RGB Percent	36.9, 50.2, 83.1	`rgb(36.9%,50.2%,83.1%)`
CMYK	56, 40, 0, 17
HSL	222.7°, 57.8, 60	`hsl(222.7,57.8%,60%)`
HSV (or HSB)	222.7°, 55.7, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.627, 12.55, -46.946
XYZ	24.216, 22.57, 65.364
xyY	0.216, 0.201, 22.57
CIE-LCH	54.627, 48.594, 284.967
CIE-LUV	54.627, -17.408, -74.468
Hunter-Lab	47.508, 7.848, -48.318
Binary	01011110, 10000000, 11010100

#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#d4b25e
```
#d4b25e rgb(212,178,94)
```

Complementary Color

#5ebbd4
```
#5ebbd4 rgb(94,187,212)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#775ed4
```
#775ed4 rgb(119,94,212)
```

Analogous Color

#bbd45e
```
#bbd45e rgb(187,212,94)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#d4775e
```
#d4775e rgb(212,119,94)
```

Split Complementary Color

#80d45e
```
#80d45e rgb(128,212,94)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#d45e80
```
#d45e80 rgb(212,94,128)
```

Triadic Color

#5ed4b2
```
#5ed4b2 rgb(94,212,178)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#d45e80
```
#d45e80 rgb(212,94,128)
```
#d4b25e
```
#d4b25e rgb(212,178,94)
```

Tetradic Color

#3057b5
```
#3057b5 rgb(48,87,181)
```
#3660c9
```
#3660c9 rgb(54,96,201)
```
#4a70cf
```
#4a70cf rgb(74,112,207)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#7290d9
```
#7290d9 rgb(114,144,217)
```
#86a0df
```
#86a0df rgb(134,160,223)
```
#9ab0e4
```
#9ab0e4 rgb(154,176,228)
```

Monochromatic Color

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

#5e9ed4
```
#5e9ed4 rgb(94,158,212)
```
#5e94d4
```
#5e94d4 rgb(94,148,212)
```
#5e8ad4
```
#5e8ad4 rgb(94,138,212)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#5e76d4
```
#5e76d4 rgb(94,118,212)
```
#5e6cd4
```
#5e6cd4 rgb(94,108,212)
```
#5e63d4
```
#5e63d4 rgb(94,99,212)
```

Similar Colors

Text with hexadecimal color #5e80d4

This text has a font color of #5e80d4.

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

#5e80d4 background color

This paragraph has a background color of #5e80d4.

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

#5e80d4 border color

This element has a border color of #5e80d4.

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

CSS codes

.text {color:#5e80d4;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#070c19
```
#070c19 rgb(7,12,25)
```
#0b1328
```
#0b1328 rgb(11,19,40)
```
#0f1b38
```
#0f1b38 rgb(15,27,56)
```
#132247
```
#132247 rgb(19,34,71)
```
#172957
```
#172957 rgb(23,41,87)
```
#1b3166
```
#1b3166 rgb(27,49,102)
```
#1f3876
```
#1f3876 rgb(31,56,118)
```
#244085
```
#244085 rgb(36,64,133)
```
#284795
```
#284795 rgb(40,71,149)
```
#2c4ea4
```
#2c4ea4 rgb(44,78,164)
```
#3056b4
```
#3056b4 rgb(48,86,180)
```
#345dc3
```
#345dc3 rgb(52,93,195)
```

Shade Color Variation

#3f68cc
```
#3f68cc rgb(63,104,204)
```
#4f74d0
```
#4f74d0 rgb(79,116,208)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#6d8cd8
```
#6d8cd8 rgb(109,140,216)
```
#7d98dc
```
#7d98dc rgb(125,152,220)
```
#8ca5e0
```
#8ca5e0 rgb(140,165,224)
```
#9cb1e5
```
#9cb1e5 rgb(156,177,229)
```
#abbde9
```
#abbde9 rgb(171,189,233)
```
#bbc9ed
```
#bbc9ed rgb(187,201,237)
```
#cad5f1
```
#cad5f1 rgb(202,213,241)
```
#dae2f5
```
#dae2f5 rgb(218,226,245)
```
#e9eef9
```
#e9eef9 rgb(233,238,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979d is the less saturated color, while #376ffb is the most saturated one.

#95979d
```
#95979d rgb(149,151,157)
```
#8d94a5
```
#8d94a5 rgb(141,148,165)
```
#8591ad
```
#8591ad rgb(133,145,173)
```
#7d8db5
```
#7d8db5 rgb(125,141,181)
```
#768abc
```
#768abc rgb(118,138,188)
```
#6e87c4
```
#6e87c4 rgb(110,135,196)
```
#6683cc
```
#6683cc rgb(102,131,204)
```
#5e80d4
```
#5e80d4 rgb(94,128,212)
```
#567ddc
```
#567ddc rgb(86,125,220)
```
#4e79e4
```
#4e79e4 rgb(78,121,228)
```
#4676ec
```
#4676ec rgb(70,118,236)
```
#3f73f3
```
#3f73f3 rgb(63,115,243)
```
#376ffb
```
#376ffb rgb(55,111,251)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#787f90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6686d6 Protanopia 1% of men
#5689d4 Deuteranopia 1% of men
#4a939e Tritanopia 0.001% of the population

Trichromacy

#6384d5 Protanomaly 1% of men, 0.01% of women
#5986d4 Deuteranomaly 6% of men, 0.4% of women
#518cb1 Tritanomaly 0.01% of the population

#5e80d4 hex color

#5e80d4 Color Information

#5e80d4 Color Conversion

Color Schemes with #5e80d4

Alternatives to #5e80d4

#5e80d4 Preview

Shades and Tints of #5e80d4

Tones of #5e80d4

Color Blindness Simulator