#5d8ecc hex color

In a RGB color space, hex #5d8ecc is composed of 36.5% red, 55.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 30.4% magenta, 0% yellow and 20% black. It has a hue angle of 213.5 degrees, a saturation of 52.1% and a lightness of 58.2%. #5d8ecc color hex could be obtained by blending #baffff with #001d99. Closest websafe color is: #6699cc.

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

● #5d8ecc color description : Moderate blue.

The hexadecimal color #5d8ecc has RGB values of R:93, G:142, B:204 and CMYK values of C:0.54, M:0.3, Y:0, K:0.2. Its decimal value is 6131404.

Hex triplet	5d8ecc	`#5d8ecc`
RGB Decimal	93, 142, 204	`rgb(93,142,204)`
RGB Percent	36.5, 55.7, 80	`rgb(36.5%,55.7%,80%)`
CMYK	54, 30, 0, 20
HSL	213.5°, 52.1, 58.2	`hsl(213.5,52.1%,58.2%)`
HSV (or HSB)	213.5°, 54.4, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.067, 1.463, -37.016
XYZ	25.084, 26.031, 60.826
xyY	0.224, 0.233, 26.031
CIE-LCH	58.067, 37.045, 272.264
CIE-LUV	58.067, -22.695, -57.809
Hunter-Lab	51.021, -1.529, -34.97
Binary	01011101, 10001110, 11001100

#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#cc9b5d
```
#cc9b5d rgb(204,155,93)
```

Complementary Color

#5dc6cc
```
#5dc6cc rgb(93,198,204)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#645dcc
```
#645dcc rgb(100,93,204)
```

Analogous Color

#c6cc5d
```
#c6cc5d rgb(198,204,93)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#cc645d
```
#cc645d rgb(204,100,93)
```

Split Complementary Color

#8ecc5d
```
#8ecc5d rgb(142,204,93)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#cc5d8e
```
#cc5d8e rgb(204,93,142)
```

Triadic Color

#5dcc9b
```
#5dcc9b rgb(93,204,155)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#cc5d8e
```
#cc5d8e rgb(204,93,142)
```
#cc9b5d
```
#cc9b5d rgb(204,155,93)
```

Tetradic Color

#3568a8
```
#3568a8 rgb(53,104,168)
```
#3b73bb
```
#3b73bb rgb(59,115,187)
```
#4a80c6
```
#4a80c6 rgb(74,128,198)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#709cd2
```
#709cd2 rgb(112,156,210)
```
#84a9d8
```
#84a9d8 rgb(132,169,216)
```
#97b7de
```
#97b7de rgb(151,183,222)
```

Monochromatic Color

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

#5daacc
```
#5daacc rgb(93,170,204)
```
#5da1cc
```
#5da1cc rgb(93,161,204)
```
#5d97cc
```
#5d97cc rgb(93,151,204)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#5d85cc
```
#5d85cc rgb(93,133,204)
```
#5d7ccc
```
#5d7ccc rgb(93,124,204)
```
#5d72cc
```
#5d72cc rgb(93,114,204)
```

Similar Colors

Text with hexadecimal color #5d8ecc

This text has a font color of #5d8ecc.

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

#5d8ecc background color

This paragraph has a background color of #5d8ecc.

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

#5d8ecc border color

This element has a border color of #5d8ecc.

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

CSS codes

.text {color:#5d8ecc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#0a1420
```
#0a1420 rgb(10,20,32)
```
#0f1d2f
```
#0f1d2f rgb(15,29,47)
```
#13263e
```
#13263e rgb(19,38,62)
```
#182f4d
```
#182f4d rgb(24,47,77)
```
#1d395c
```
#1d395c rgb(29,57,92)
```
#22426b
```
#22426b rgb(34,66,107)
```
#264b79
```
#264b79 rgb(38,75,121)
```
#2b5488
```
#2b5488 rgb(43,84,136)
```
#305d97
```
#305d97 rgb(48,93,151)
```
#3467a6
```
#3467a6 rgb(52,103,166)
```
#3970b5
```
#3970b5 rgb(57,112,181)
```

Shade Color Variation

#3f79c3
```
#3f79c3 rgb(63,121,195)
```
#4e84c7
```
#4e84c7 rgb(78,132,199)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#6c98d1
```
#6c98d1 rgb(108,152,209)
```
#7ba3d5
```
#7ba3d5 rgb(123,163,213)
```
#8aadda
```
#8aadda rgb(138,173,218)
```
#99b8df
```
#99b8df rgb(153,184,223)
```
#a8c2e3
```
#a8c2e3 rgb(168,194,227)
```
#b7cce8
```
#b7cce8 rgb(183,204,232)
```
#c5d7ed
```
#c5d7ed rgb(197,215,237)
```
#d4e1f2
```
#d4e1f2 rgb(212,225,242)
```
#e3ecf6
```
#e3ecf6 rgb(227,236,246)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#8e949b
```
#8e949b rgb(142,148,155)
```
#8693a3
```
#8693a3 rgb(134,147,163)
```
#7e92ab
```
#7e92ab rgb(126,146,171)
```
#7691b3
```
#7691b3 rgb(118,145,179)
```
#6d90bc
```
#6d90bc rgb(109,144,188)
```
#658fc4
```
#658fc4 rgb(101,143,196)
```
#5d8ecc
```
#5d8ecc rgb(93,142,204)
```
#558dd4
```
#558dd4 rgb(85,141,212)
```
#4d8cdc
```
#4d8cdc rgb(77,140,220)
```
#448be5
```
#448be5 rgb(68,139,229)
```
#3c8aed
```
#3c8aed rgb(60,138,237)
```
#3489f5
```
#3489f5 rgb(52,137,245)
```
#2c88fd
```
#2c88fd rgb(44,136,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e8894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8fcb Protanopia 1% of men
#7490cf Deuteranopia 1% of men
#529ba7 Tritanopia 0.001% of the population

Trichromacy

#718ecb Protanomaly 1% of men, 0.01% of women
#6b8fce Deuteranomaly 6% of men, 0.4% of women
#5696b4 Tritanomaly 0.01% of the population

#5d8ecc hex color

#5d8ecc Color Information

#5d8ecc Color Conversion

Color Schemes with #5d8ecc

Alternatives to #5d8ecc

#5d8ecc Preview

Shades and Tints of #5d8ecc

Tones of #5d8ecc

Color Blindness Simulator