#5d80eb hex color

In a RGB color space, hex #5d80eb is composed of 36.5% red, 50.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 45.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 225.2 degrees, a saturation of 78% and a lightness of 64.3%. #5d80eb color hex could be obtained by blending #baffff with #0001d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 50
- B 92
RGB color chart
- C 60
- M 46
- Y 0
- K 8
CMYK color chart

● #5d80eb color description : Soft blue.

The hexadecimal color #5d80eb has RGB values of R:93, G:128, B:235 and CMYK values of C:0.6, M:0.46, Y:0, K:0.08. Its decimal value is 6127851.

Hex triplet	5d80eb	`#5d80eb`
RGB Decimal	93, 128, 235	`rgb(93,128,235)`
RGB Percent	36.5, 50.2, 92.2	`rgb(36.5%,50.2%,92.2%)`
CMYK	60, 46, 0, 8
HSL	225.2°, 78, 64.3	`hsl(225.2,78%,64.3%)`
HSV (or HSB)	225.2°, 60.4, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.849, 19.903, -57.896
XYZ	27.226, 23.762, 81.745
xyY	0.205, 0.179, 23.762
CIE-LCH	55.849, 61.221, 288.972
CIE-LUV	55.849, -17.914, -93.135
Hunter-Lab	48.746, 14.388, -65.303
Binary	01011101, 10000000, 11101011

#5d80eb
```
#5d80eb rgb(93,128,235)
```
#ebc85d
```
#ebc85d rgb(235,200,93)
```

Complementary Color

#5dc7eb
```
#5dc7eb rgb(93,199,235)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#815deb
```
#815deb rgb(129,93,235)
```

Analogous Color

#c7eb5d
```
#c7eb5d rgb(199,235,93)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#eb815d
```
#eb815d rgb(235,129,93)
```

Split Complementary Color

#80eb5d
```
#80eb5d rgb(128,235,93)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#eb5d80
```
#eb5d80 rgb(235,93,128)
```

Triadic Color

#5debc8
```
#5debc8 rgb(93,235,200)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#eb5d80
```
#eb5d80 rgb(235,93,128)
```
#ebc85d
```
#ebc85d rgb(235,200,93)
```

Tetradic Color

#1c4ce0
```
#1c4ce0 rgb(28,76,224)
```
#305ce5
```
#305ce5 rgb(48,92,229)
```
#466ee8
```
#466ee8 rgb(70,110,232)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#7492ee
```
#7492ee rgb(116,146,238)
```
#8aa4f1
```
#8aa4f1 rgb(138,164,241)
```
#a1b5f3
```
#a1b5f3 rgb(161,181,243)
```

Monochromatic Color

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

#5da4eb
```
#5da4eb rgb(93,164,235)
```
#5d98eb
```
#5d98eb rgb(93,152,235)
```
#5d8ceb
```
#5d8ceb rgb(93,140,235)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#5d74eb
```
#5d74eb rgb(93,116,235)
```
#5d68eb
```
#5d68eb rgb(93,104,235)
```
#5d5deb
```
#5d5deb rgb(93,93,235)
```

Similar Colors

Text with hexadecimal color #5d80eb

This text has a font color of #5d80eb.

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

#5d80eb background color

This paragraph has a background color of #5d80eb.

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

#5d80eb border color

This element has a border color of #5d80eb.

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

CSS codes

.text {color:#5d80eb;}

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

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

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

#02040d
```
#02040d rgb(2,4,13)
```
#040a1e
```
#040a1e rgb(4,10,30)
```
#061030
```
#061030 rgb(6,16,48)
```
#081641
```
#081641 rgb(8,22,65)
```
#0a1c52
```
#0a1c52 rgb(10,28,82)
```
#0c2264
```
#0c2264 rgb(12,34,100)
```
#0e2875
```
#0e2875 rgb(14,40,117)
```
#112e87
```
#112e87 rgb(17,46,135)
```
#133498
```
#133498 rgb(19,52,152)
```
#153aaa
```
#153aaa rgb(21,58,170)
```
#1740bb
```
#1740bb rgb(23,64,187)
```
#1945cd
```
#1945cd rgb(25,69,205)
```
#1b4bde
```
#1b4bde rgb(27,75,222)
```

Shade Color Variation

#2957e5
```
#2957e5 rgb(41,87,229)
```
#3a65e7
```
#3a65e7 rgb(58,101,231)
```
#4c72e9
```
#4c72e9 rgb(76,114,233)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#6e8eed
```
#6e8eed rgb(110,142,237)
```
#809bef
```
#809bef rgb(128,155,239)
```
#91a9f1
```
#91a9f1 rgb(145,169,241)
```
#a3b7f4
```
#a3b7f4 rgb(163,183,244)
```
#b4c4f6
```
#b4c4f6 rgb(180,196,246)
```
#c6d2f8
```
#c6d2f8 rgb(198,210,248)
```
#d7e0fa
```
#d7e0fa rgb(215,224,250)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a3a3a5
```
#a3a3a5 rgb(163,163,165)
```
#9ca0ac
```
#9ca0ac rgb(156,160,172)
```
#959cb3
```
#959cb3 rgb(149,156,179)
```
#8e99ba
```
#8e99ba rgb(142,153,186)
```
#8795c1
```
#8795c1 rgb(135,149,193)
```
#8092c8
```
#8092c8 rgb(128,146,200)
```
#798ecf
```
#798ecf rgb(121,142,207)
```
#728bd6
```
#728bd6 rgb(114,139,214)
```
#6b87dd
```
#6b87dd rgb(107,135,221)
```
#6484e4
```
#6484e4 rgb(100,132,228)
```
#5d80eb
```
#5d80eb rgb(93,128,235)
```
#567cf2
```
#567cf2 rgb(86,124,242)
```
#4f79f9
```
#4f79f9 rgb(79,121,249)
```

Tone Color Variation

Below, you can see how #5d80eb 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
#7b8297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5688ed Protanopia 1% of men
#318de8 Deuteranopia 1% of men
#3598a3 Tritanopia 0.001% of the population

Trichromacy

#5885ec Protanomaly 1% of men, 0.01% of women
#4188e9 Deuteranomaly 6% of men, 0.4% of women
#448fbd Tritanomaly 0.01% of the population

#5d80eb hex color

#5d80eb Color Information

#5d80eb Color Conversion

Color Schemes with #5d80eb

Alternatives to #5d80eb

#5d80eb Preview

Shades and Tints of #5d80eb

Tones of #5d80eb

Color Blindness Simulator