#5d8ecd hex color

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

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

● #5d8ecd color description : Moderate blue.

The hexadecimal color #5d8ecd has RGB values of R:93, G:142, B:205 and CMYK values of C:0.55, M:0.31, Y:0, K:0.2. Its decimal value is 6131405.

Hex triplet	5d8ecd	`#5d8ecd`
RGB Decimal	93, 142, 205	`rgb(93,142,205)`
RGB Percent	36.5, 55.7, 80.4	`rgb(36.5%,55.7%,80.4%)`
CMYK	55, 31, 0, 20
HSL	213.8°, 52.8, 58.4	`hsl(213.8,52.8%,58.4%)`
HSV (or HSB)	213.8°, 54.6, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.112, 1.779, -37.508
XYZ	25.204, 26.08, 61.46
xyY	0.224, 0.231, 26.08
CIE-LCH	58.112, 37.55, 272.715
CIE-LUV	58.112, -22.686, -58.661
Hunter-Lab	51.068, -1.272, -35.607
Binary	01011101, 10001110, 11001101

#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#cd9c5d
```
#cd9c5d rgb(205,156,93)
```

Complementary Color

#5dc6cd
```
#5dc6cd rgb(93,198,205)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#645dcd
```
#645dcd rgb(100,93,205)
```

Analogous Color

#c6cd5d
```
#c6cd5d rgb(198,205,93)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#cd645d
```
#cd645d rgb(205,100,93)
```

Split Complementary Color

#8ecd5d
```
#8ecd5d rgb(142,205,93)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#cd5d8e
```
#cd5d8e rgb(205,93,142)
```

Triadic Color

#5dcd9c
```
#5dcd9c rgb(93,205,156)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#cd5d8e
```
#cd5d8e rgb(205,93,142)
```
#cd9c5d
```
#cd9c5d rgb(205,156,93)
```

Tetradic Color

#3467a9
```
#3467a9 rgb(52,103,169)
```
#3a73bd
```
#3a73bd rgb(58,115,189)
```
#4a80c7
```
#4a80c7 rgb(74,128,199)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#709cd3
```
#709cd3 rgb(112,156,211)
```
#84a9d9
```
#84a9d9 rgb(132,169,217)
```
#97b7df
```
#97b7df rgb(151,183,223)
```

Monochromatic Color

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

#5daacd
```
#5daacd rgb(93,170,205)
```
#5da1cd
```
#5da1cd rgb(93,161,205)
```
#5d97cd
```
#5d97cd rgb(93,151,205)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#5d85cd
```
#5d85cd rgb(93,133,205)
```
#5d7bcd
```
#5d7bcd rgb(93,123,205)
```
#5d72cd
```
#5d72cd rgb(93,114,205)
```

Similar Colors

Text with hexadecimal color #5d8ecd

This text has a font color of #5d8ecd.

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

#5d8ecd background color

This paragraph has a background color of #5d8ecd.

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

#5d8ecd border color

This element has a border color of #5d8ecd.

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

CSS codes

.text {color:#5d8ecd;}

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

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

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 #f3f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0a1421
```
#0a1421 rgb(10,20,33)
```
#0f1d30
```
#0f1d30 rgb(15,29,48)
```
#13263f
```
#13263f rgb(19,38,63)
```
#18304e
```
#18304e rgb(24,48,78)
```
#1d395d
```
#1d395d rgb(29,57,93)
```
#21426c
```
#21426c rgb(33,66,108)
```
#264b7b
```
#264b7b rgb(38,75,123)
```
#2b548a
```
#2b548a rgb(43,84,138)
```
#2f5d99
```
#2f5d99 rgb(47,93,153)
```
#3467a8
```
#3467a8 rgb(52,103,168)
```
#3870b7
```
#3870b7 rgb(56,112,183)
```

Shade Color Variation

#3f79c4
```
#3f79c4 rgb(63,121,196)
```
#4e84c8
```
#4e84c8 rgb(78,132,200)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#6c98d2
```
#6c98d2 rgb(108,152,210)
```
#7ba3d6
```
#7ba3d6 rgb(123,163,214)
```
#8aaddb
```
#8aaddb rgb(138,173,219)
```
#99b8e0
```
#99b8e0 rgb(153,184,224)
```
#a8c2e4
```
#a8c2e4 rgb(168,194,228)
```
#b7cde9
```
#b7cde9 rgb(183,205,233)
```
#c6d7ed
```
#c6d7ed rgb(198,215,237)
```
#d5e2f2
```
#d5e2f2 rgb(213,226,242)
```
#e4ecf7
```
#e4ecf7 rgb(228,236,247)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#8e949c
```
#8e949c rgb(142,148,156)
```
#8693a4
```
#8693a4 rgb(134,147,164)
```
#7e92ac
```
#7e92ac rgb(126,146,172)
```
#7591b5
```
#7591b5 rgb(117,145,181)
```
#6d90bd
```
#6d90bd rgb(109,144,189)
```
#658fc5
```
#658fc5 rgb(101,143,197)
```
#5d8ecd
```
#5d8ecd rgb(93,142,205)
```
#558dd5
```
#558dd5 rgb(85,141,213)
```
#4d8cdd
```
#4d8cdd rgb(77,140,221)
```
#458be5
```
#458be5 rgb(69,139,229)
```
#3c8aee
```
#3c8aee rgb(60,138,238)
```
#3489f6
```
#3489f6 rgb(52,137,246)
```
#2c88fe
```
#2c88fe rgb(44,136,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7f8895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8fcc Protanopia 1% of men
#7390d0 Deuteranopia 1% of men
#529ca7 Tritanopia 0.001% of the population

Trichromacy

#708fcc Protanomaly 1% of men, 0.01% of women
#6b8fcf Deuteranomaly 6% of men, 0.4% of women
#5696b5 Tritanomaly 0.01% of the population

#5d8ecd hex color

#5d8ecd Color Information

#5d8ecd Color Conversion

Color Schemes with #5d8ecd

Alternatives to #5d8ecd

#5d8ecd Preview

Shades and Tints of #5d8ecd

Tones of #5d8ecd

Color Blindness Simulator