#5c8ad5 hex color

In a RGB color space, hex #5c8ad5 is composed of 36.1% red, 54.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 35.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 217.2 degrees, a saturation of 59% and a lightness of 59.8%. #5c8ad5 color hex could be obtained by blending #b8ffff with #0015ab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 54
- B 84
RGB color chart
- C 57
- M 35
- Y 0
- K 16
CMYK color chart

● #5c8ad5 color description : Moderate blue.

The hexadecimal color #5c8ad5 has RGB values of R:92, G:138, B:213 and CMYK values of C:0.57, M:0.35, Y:0, K:0.16. Its decimal value is 6064853.

Hex triplet	5c8ad5	`#5c8ad5`
RGB Decimal	92, 138, 213	`rgb(92,138,213)`
RGB Percent	36.1, 54.1, 83.5	`rgb(36.1%,54.1%,83.5%)`
CMYK	57, 35, 0, 16
HSL	217.2°, 59, 59.8	`hsl(217.2,59%,59.8%)`
HSV (or HSB)	217.2°, 56.8, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.323, 6.474, -43.25
XYZ	25.51, 25.255, 66.478
xyY	0.218, 0.215, 25.255
CIE-LCH	57.323, 43.732, 278.514
CIE-LUV	57.323, -21.489, -68.465
Hunter-Lab	50.254, 2.664, -43.252
Binary	01011100, 10001010, 11010101

#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#d5a75c
```
#d5a75c rgb(213,167,92)
```

Complementary Color

#5cc7d5
```
#5cc7d5 rgb(92,199,213)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#6b5cd5
```
#6b5cd5 rgb(107,92,213)
```

Analogous Color

#c7d55c
```
#c7d55c rgb(199,213,92)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#d56b5c
```
#d56b5c rgb(213,107,92)
```

Split Complementary Color

#8ad55c
```
#8ad55c rgb(138,213,92)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#d55c8a
```
#d55c8a rgb(213,92,138)
```

Triadic Color

#5cd5a7
```
#5cd5a7 rgb(92,213,167)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#d55c8a
```
#d55c8a rgb(213,92,138)
```
#d5a75c
```
#d5a75c rgb(213,167,92)
```

Tetradic Color

#2f62b6
```
#2f62b6 rgb(47,98,182)
```
#346dca
```
#346dca rgb(52,109,202)
```
#487bd0
```
#487bd0 rgb(72,123,208)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#7099da
```
#7099da rgb(112,153,218)
```
#85a7df
```
#85a7df rgb(133,167,223)
```
#99b6e5
```
#99b6e5 rgb(153,182,229)
```

Monochromatic Color

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

#5ca8d5
```
#5ca8d5 rgb(92,168,213)
```
#5c9ed5
```
#5c9ed5 rgb(92,158,213)
```
#5c94d5
```
#5c94d5 rgb(92,148,213)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#5c80d5
```
#5c80d5 rgb(92,128,213)
```
#5c76d5
```
#5c76d5 rgb(92,118,213)
```
#5c6cd5
```
#5c6cd5 rgb(92,108,213)
```

Similar Colors

Text with hexadecimal color #5c8ad5

This text has a font color of #5c8ad5.

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

#5c8ad5 background color

This paragraph has a background color of #5c8ad5.

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

#5c8ad5 border color

This element has a border color of #5c8ad5.

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

CSS codes

.text {color:#5c8ad5;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1528
```
#0a1528 rgb(10,21,40)
```
#0e1e37
```
#0e1e37 rgb(14,30,55)
```
#122647
```
#122647 rgb(18,38,71)
```
#162f57
```
#162f57 rgb(22,47,87)
```
#1a3766
```
#1a3766 rgb(26,55,102)
```
#1e4076
```
#1e4076 rgb(30,64,118)
```
#224885
```
#224885 rgb(34,72,133)
```
#265095
```
#265095 rgb(38,80,149)
```
#2a59a5
```
#2a59a5 rgb(42,89,165)
```
#2e61b4
```
#2e61b4 rgb(46,97,180)
```
#326ac4
```
#326ac4 rgb(50,106,196)
```

Shade Color Variation

#3d74cd
```
#3d74cd rgb(61,116,205)
```
#4c7fd1
```
#4c7fd1 rgb(76,127,209)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#6c95d9
```
#6c95d9 rgb(108,149,217)
```
#7ba0dd
```
#7ba0dd rgb(123,160,221)
```
#8bace1
```
#8bace1 rgb(139,172,225)
```
#9ab7e5
```
#9ab7e5 rgb(154,183,229)
```
#aac2e9
```
#aac2e9 rgb(170,194,233)
```
#bacded
```
#bacded rgb(186,205,237)
```
#c9d8f1
```
#c9d8f1 rgb(201,216,241)
```
#d9e4f5
```
#d9e4f5 rgb(217,228,245)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93979e is the less saturated color, while #3581fc is the most saturated one.

#93979e
```
#93979e rgb(147,151,158)
```
#8b95a6
```
#8b95a6 rgb(139,149,166)
```
#8393ae
```
#8393ae rgb(131,147,174)
```
#7c92b5
```
#7c92b5 rgb(124,146,181)
```
#7490bd
```
#7490bd rgb(116,144,189)
```
#6c8ec5
```
#6c8ec5 rgb(108,142,197)
```
#648ccd
```
#648ccd rgb(100,140,205)
```
#5c8ad5
```
#5c8ad5 rgb(92,138,213)
```
#5488dd
```
#5488dd rgb(84,136,221)
```
#4c86e5
```
#4c86e5 rgb(76,134,229)
```
#4484ed
```
#4484ed rgb(68,132,237)
```
#3c82f5
```
#3c82f5 rgb(60,130,245)
```
#3581fc
```
#3581fc rgb(53,129,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738dd5 Protanopia 1% of men
#668fd7 Deuteranopia 1% of men
#4a9aa6 Tritanopia 0.001% of the population

Trichromacy

#6b8cd5 Protanomaly 1% of men, 0.01% of women
#628dd6 Deuteranomaly 6% of men, 0.4% of women
#5194b7 Tritanomaly 0.01% of the population

#5c8ad5 hex color

#5c8ad5 Color Information

#5c8ad5 Color Conversion

Color Schemes with #5c8ad5

Alternatives to #5c8ad5

#5c8ad5 Preview

Shades and Tints of #5c8ad5

Tones of #5c8ad5

Color Blindness Simulator