#5d8acd hex color

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

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

● #5d8acd color description : Moderate blue.

The hexadecimal color #5d8acd has RGB values of R:93, G:138, B:205 and CMYK values of C:0.55, M:0.33, Y:0, K:0.2. Its decimal value is 6130381.

Hex triplet	5d8acd	`#5d8acd`
RGB Decimal	93, 138, 205	`rgb(93,138,205)`
RGB Percent	36.5, 54.1, 80.4	`rgb(36.5%,54.1%,80.4%)`
CMYK	55, 33, 0, 20
HSL	215.9°, 52.8, 58.4	`hsl(215.9,52.8%,58.4%)`
HSV (or HSB)	215.9°, 54.6, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.988, 4.122, -39.271
XYZ	24.62, 24.911, 61.265
xyY	0.222, 0.225, 24.911
CIE-LCH	56.988, 39.487, 275.992
CIE-LUV	56.988, -21.228, -61.616
Hunter-Lab	49.91, 0.706, -37.841
Binary	01011101, 10001010, 11001101

#5d8acd
```
#5d8acd rgb(93,138,205)
```
#cda05d
```
#cda05d rgb(205,160,93)
```

Complementary Color

#5dc2cd
```
#5dc2cd rgb(93,194,205)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#685dcd
```
#685dcd rgb(104,93,205)
```

Analogous Color

#c2cd5d
```
#c2cd5d rgb(194,205,93)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#cd685d
```
#cd685d rgb(205,104,93)
```

Split Complementary Color

#8acd5d
```
#8acd5d rgb(138,205,93)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#cd5d8a
```
#cd5d8a rgb(205,93,138)
```

Triadic Color

#5dcda0
```
#5dcda0 rgb(93,205,160)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#cd5d8a
```
#cd5d8a rgb(205,93,138)
```
#cda05d
```
#cda05d rgb(205,160,93)
```

Tetradic Color

#3463a9
```
#3463a9 rgb(52,99,169)
```
#3a6fbd
```
#3a6fbd rgb(58,111,189)
```
#4a7cc7
```
#4a7cc7 rgb(74,124,199)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#7098d3
```
#7098d3 rgb(112,152,211)
```
#84a6d9
```
#84a6d9 rgb(132,166,217)
```
#97b4df
```
#97b4df rgb(151,180,223)
```

Monochromatic Color

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

#5da6cd
```
#5da6cd rgb(93,166,205)
```
#5d9dcd
```
#5d9dcd rgb(93,157,205)
```
#5d93cd
```
#5d93cd rgb(93,147,205)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#5d81cd
```
#5d81cd rgb(93,129,205)
```
#5d77cd
```
#5d77cd rgb(93,119,205)
```
#5d6ecd
```
#5d6ecd rgb(93,110,205)
```

Similar Colors

Text with hexadecimal color #5d8acd

This text has a font color of #5d8acd.

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

#5d8acd background color

This paragraph has a background color of #5d8acd.

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

#5d8acd border color

This element has a border color of #5d8acd.

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

CSS codes

.text {color:#5d8acd;}

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

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

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)
```
#060a12
```
#060a12 rgb(6,10,18)
```
#0a1321
```
#0a1321 rgb(10,19,33)
```
#0f1c30
```
#0f1c30 rgb(15,28,48)
```
#13253f
```
#13253f rgb(19,37,63)
```
#182e4e
```
#182e4e rgb(24,46,78)
```
#1d365d
```
#1d365d rgb(29,54,93)
```
#213f6c
```
#213f6c rgb(33,63,108)
```
#26487b
```
#26487b rgb(38,72,123)
```
#2b518a
```
#2b518a rgb(43,81,138)
```
#2f5a99
```
#2f5a99 rgb(47,90,153)
```
#3462a8
```
#3462a8 rgb(52,98,168)
```
#386bb7
```
#386bb7 rgb(56,107,183)
```

Shade Color Variation

#3f74c4
```
#3f74c4 rgb(63,116,196)
```
#4e7fc8
```
#4e7fc8 rgb(78,127,200)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#6c95d2
```
#6c95d2 rgb(108,149,210)
```
#7ba0d6
```
#7ba0d6 rgb(123,160,214)
```
#8aaadb
```
#8aaadb rgb(138,170,219)
```
#99b5e0
```
#99b5e0 rgb(153,181,224)
```
#a8c0e4
```
#a8c0e4 rgb(168,192,228)
```
#b7cbe9
```
#b7cbe9 rgb(183,203,233)
```
#c6d6ed
```
#c6d6ed rgb(198,214,237)
```
#d5e1f2
```
#d5e1f2 rgb(213,225,242)
```
#e4ebf7
```
#e4ebf7 rgb(228,235,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,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 #2c80fe is the most saturated one.

#8e949c
```
#8e949c rgb(142,148,156)
```
#8692a4
```
#8692a4 rgb(134,146,164)
```
#7e90ac
```
#7e90ac rgb(126,144,172)
```
#758fb5
```
#758fb5 rgb(117,143,181)
```
#6d8dbd
```
#6d8dbd rgb(109,141,189)
```
#658cc5
```
#658cc5 rgb(101,140,197)
```
#5d8acd
```
#5d8acd rgb(93,138,205)
```
#5588d5
```
#5588d5 rgb(85,136,213)
```
#4d87dd
```
#4d87dd rgb(77,135,221)
```
#4585e5
```
#4585e5 rgb(69,133,229)
```
#3c84ee
```
#3c84ee rgb(60,132,238)
```
#3482f6
```
#3482f6 rgb(52,130,246)
```
#2c80fe
```
#2c80fe rgb(44,128,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7c8593 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778ccd Protanopia 1% of men
#6d8ed0 Deuteranopia 1% of men
#5099a4 Tritanopia 0.001% of the population

Trichromacy

#6d8bcd Protanomaly 1% of men, 0.01% of women
#678ccf Deuteranomaly 6% of men, 0.4% of women
#5593b3 Tritanomaly 0.01% of the population

#5d8acd hex color

#5d8acd Color Information

#5d8acd Color Conversion

Color Schemes with #5d8acd

Alternatives to #5d8acd

#5d8acd Preview

Shades and Tints of #5d8acd

Tones of #5d8acd

Color Blindness Simulator