#5d80cd hex color

In a RGB color space, hex #5d80cd is composed of 36.5% red, 50.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 37.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 221.3 degrees, a saturation of 52.8% and a lightness of 58.4%. #5d80cd color hex could be obtained by blending #baffff with #00019b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 50
- B 80
RGB color chart
- C 55
- M 38
- Y 0
- K 20
CMYK color chart

● #5d80cd color description : Moderate blue.

The hexadecimal color #5d80cd has RGB values of R:93, G:128, B:205 and CMYK values of C:0.55, M:0.38, Y:0, K:0.2. Its decimal value is 6127821.

Hex triplet	5d80cd	`#5d80cd`
RGB Decimal	93, 128, 205	`rgb(93,128,205)`
RGB Percent	36.5, 50.2, 80.4	`rgb(36.5%,50.2%,80.4%)`
CMYK	55, 38, 0, 20
HSL	221.3°, 52.8, 58.4	`hsl(221.3,52.8%,58.4%)`
HSV (or HSB)	221.3°, 54.6, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.209, 10.079, -43.652
XYZ	23.25, 22.172, 60.809
xyY	0.219, 0.209, 22.172
CIE-LCH	54.209, 44.8, 283.001
CIE-LUV	54.209, -17.658, -68.784
Hunter-Lab	47.087, 5.736, -43.606
Binary	01011101, 10000000, 11001101

#5d80cd
```
#5d80cd rgb(93,128,205)
```
#cdaa5d
```
#cdaa5d rgb(205,170,93)
```

Complementary Color

#5db8cd
```
#5db8cd rgb(93,184,205)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#725dcd
```
#725dcd rgb(114,93,205)
```

Analogous Color

#b8cd5d
```
#b8cd5d rgb(184,205,93)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#cd725d
```
#cd725d rgb(205,114,93)
```

Split Complementary Color

#80cd5d
```
#80cd5d rgb(128,205,93)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#cd5d80
```
#cd5d80 rgb(205,93,128)
```

Triadic Color

#5dcdaa
```
#5dcdaa rgb(93,205,170)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#cd5d80
```
#cd5d80 rgb(205,93,128)
```
#cdaa5d
```
#cdaa5d rgb(205,170,93)
```

Tetradic Color

#3459a9
```
#3459a9 rgb(52,89,169)
```
#3a63bd
```
#3a63bd rgb(58,99,189)
```
#4a71c7
```
#4a71c7 rgb(74,113,199)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#708fd3
```
#708fd3 rgb(112,143,211)
```
#849fd9
```
#849fd9 rgb(132,159,217)
```
#97aedf
```
#97aedf rgb(151,174,223)
```

Monochromatic Color

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

#5d9ccd
```
#5d9ccd rgb(93,156,205)
```
#5d93cd
```
#5d93cd rgb(93,147,205)
```
#5d89cd
```
#5d89cd rgb(93,137,205)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#5d77cd
```
#5d77cd rgb(93,119,205)
```
#5d6dcd
```
#5d6dcd rgb(93,109,205)
```
#5d64cd
```
#5d64cd rgb(93,100,205)
```

Similar Colors

Text with hexadecimal color #5d80cd

This text has a font color of #5d80cd.

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

#5d80cd background color

This paragraph has a background color of #5d80cd.

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

#5d80cd border color

This element has a border color of #5d80cd.

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

CSS codes

.text {color:#5d80cd;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0a1121
```
#0a1121 rgb(10,17,33)
```
#0f1930
```
#0f1930 rgb(15,25,48)
```
#13213f
```
#13213f rgb(19,33,63)
```
#18294e
```
#18294e rgb(24,41,78)
```
#1d315d
```
#1d315d rgb(29,49,93)
```
#21396c
```
#21396c rgb(33,57,108)
```
#26407b
```
#26407b rgb(38,64,123)
```
#2b488a
```
#2b488a rgb(43,72,138)
```
#2f5099
```
#2f5099 rgb(47,80,153)
```
#3458a8
```
#3458a8 rgb(52,88,168)
```
#3860b7
```
#3860b7 rgb(56,96,183)
```

Shade Color Variation

#3f68c4
```
#3f68c4 rgb(63,104,196)
```
#4e74c8
```
#4e74c8 rgb(78,116,200)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#6c8cd2
```
#6c8cd2 rgb(108,140,210)
```
#7b98d6
```
#7b98d6 rgb(123,152,214)
```
#8aa3db
```
#8aa3db rgb(138,163,219)
```
#99afe0
```
#99afe0 rgb(153,175,224)
```
#a8bbe4
```
#a8bbe4 rgb(168,187,228)
```
#b7c7e9
```
#b7c7e9 rgb(183,199,233)
```
#c6d2ed
```
#c6d2ed rgb(198,210,237)
```
#d5def2
```
#d5def2 rgb(213,222,242)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#8e929c
```
#8e929c rgb(142,146,156)
```
#868fa4
```
#868fa4 rgb(134,143,164)
```
#7e8cac
```
#7e8cac rgb(126,140,172)
```
#7589b5
```
#7589b5 rgb(117,137,181)
```
#6d86bd
```
#6d86bd rgb(109,134,189)
```
#6583c5
```
#6583c5 rgb(101,131,197)
```
#5d80cd
```
#5d80cd rgb(93,128,205)
```
#557dd5
```
#557dd5 rgb(85,125,213)
```
#4d7add
```
#4d7add rgb(77,122,221)
```
#4577e5
```
#4577e5 rgb(69,119,229)
```
#3c74ee
```
#3c74ee rgb(60,116,238)
```
#3471f6
```
#3471f6 rgb(52,113,246)
```
#2c6efe
```
#2c6efe rgb(44,110,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a85ce Protanopia 1% of men
#5c88ce Deuteranopia 1% of men
#4d919c Tritanopia 0.001% of the population

Trichromacy

#6583ce Protanomaly 1% of men, 0.01% of women
#5c85ce Deuteranomaly 6% of men, 0.4% of women
#528bae Tritanomaly 0.01% of the population

#5d80cd hex color

#5d80cd Color Information

#5d80cd Color Conversion

Color Schemes with #5d80cd

Alternatives to #5d80cd

#5d80cd Preview

Shades and Tints of #5d80cd

Tones of #5d80cd

Color Blindness Simulator