#5d8dcc hex color

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

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

● #5d8dcc color description : Moderate blue.

The hexadecimal color #5d8dcc has RGB values of R:93, G:141, B:204 and CMYK values of C:0.54, M:0.31, Y:0, K:0.2. Its decimal value is 6131148.

Hex triplet	5d8dcc	`#5d8dcc`
RGB Decimal	93, 141, 204	`rgb(93,141,204)`
RGB Percent	36.5, 55.3, 80	`rgb(36.5%,55.3%,80%)`
CMYK	54, 31, 0, 20
HSL	214.1°, 52.1, 58.2	`hsl(214.1,52.1%,58.2%)`
HSV (or HSB)	214.1°, 54.4, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.785, 2.046, -37.458
XYZ	24.936, 25.735, 60.777
xyY	0.224, 0.231, 25.735
CIE-LCH	57.785, 37.514, 273.127
CIE-LUV	57.785, -22.328, -58.553
Hunter-Lab	50.73, -1.038, -35.521
Binary	01011101, 10001101, 11001100

#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#cc9c5d
```
#cc9c5d rgb(204,156,93)
```

Complementary Color

#5dc5cc
```
#5dc5cc rgb(93,197,204)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#655dcc
```
#655dcc rgb(101,93,204)
```

Analogous Color

#c5cc5d
```
#c5cc5d rgb(197,204,93)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#cc655d
```
#cc655d rgb(204,101,93)
```

Split Complementary Color

#8dcc5d
```
#8dcc5d rgb(141,204,93)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#cc5d8d
```
#cc5d8d rgb(204,93,141)
```

Triadic Color

#5dcc9c
```
#5dcc9c rgb(93,204,156)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#cc5d8d
```
#cc5d8d rgb(204,93,141)
```
#cc9c5d
```
#cc9c5d rgb(204,156,93)
```

Tetradic Color

#3566a8
```
#3566a8 rgb(53,102,168)
```
#3b72bb
```
#3b72bb rgb(59,114,187)
```
#4a7fc6
```
#4a7fc6 rgb(74,127,198)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#709bd2
```
#709bd2 rgb(112,155,210)
```
#84a8d8
```
#84a8d8 rgb(132,168,216)
```
#97b6de
```
#97b6de rgb(151,182,222)
```

Monochromatic Color

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

#5da9cc
```
#5da9cc rgb(93,169,204)
```
#5da0cc
```
#5da0cc rgb(93,160,204)
```
#5d96cc
```
#5d96cc rgb(93,150,204)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#5d84cc
```
#5d84cc rgb(93,132,204)
```
#5d7bcc
```
#5d7bcc rgb(93,123,204)
```
#5d71cc
```
#5d71cc rgb(93,113,204)
```

Similar Colors

Text with hexadecimal color #5d8dcc

This text has a font color of #5d8dcc.

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

#5d8dcc background color

This paragraph has a background color of #5d8dcc.

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

#5d8dcc border color

This element has a border color of #5d8dcc.

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

CSS codes

.text {color:#5d8dcc;}

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

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

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)
```
#050a11
```
#050a11 rgb(5,10,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)
```
#1d385c
```
#1d385c rgb(29,56,92)
```
#22416b
```
#22416b rgb(34,65,107)
```
#264a79
```
#264a79 rgb(38,74,121)
```
#2b5388
```
#2b5388 rgb(43,83,136)
```
#305c97
```
#305c97 rgb(48,92,151)
```
#3466a6
```
#3466a6 rgb(52,102,166)
```
#396fb5
```
#396fb5 rgb(57,111,181)
```

Shade Color Variation

#3f78c3
```
#3f78c3 rgb(63,120,195)
```
#4e83c7
```
#4e83c7 rgb(78,131,199)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#6c97d1
```
#6c97d1 rgb(108,151,209)
```
#7ba2d5
```
#7ba2d5 rgb(123,162,213)
```
#8aacda
```
#8aacda rgb(138,172,218)
```
#99b7df
```
#99b7df rgb(153,183,223)
```
#a8c1e3
```
#a8c1e3 rgb(168,193,227)
```
#b7cce8
```
#b7cce8 rgb(183,204,232)
```
#c5d6ed
```
#c5d6ed rgb(197,214,237)
```
#d4e1f2
```
#d4e1f2 rgb(212,225,242)
```
#e3ebf6
```
#e3ebf6 rgb(227,235,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 #2c86fd is the most saturated one.

#8e949b
```
#8e949b rgb(142,148,155)
```
#8693a3
```
#8693a3 rgb(134,147,163)
```
#7e91ab
```
#7e91ab rgb(126,145,171)
```
#7690b3
```
#7690b3 rgb(118,144,179)
```
#6d8fbc
```
#6d8fbc rgb(109,143,188)
```
#658ec4
```
#658ec4 rgb(101,142,196)
```
#5d8dcc
```
#5d8dcc rgb(93,141,204)
```
#558cd4
```
#558cd4 rgb(85,140,212)
```
#4d8bdc
```
#4d8bdc rgb(77,139,220)
```
#448ae5
```
#448ae5 rgb(68,138,229)
```
#3c89ed
```
#3c89ed rgb(60,137,237)
```
#3487f5
```
#3487f5 rgb(52,135,245)
```
#2c86fd
```
#2c86fd rgb(44,134,253)
```

Tone Color Variation

Below, you can see how #5d8dcc 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
#7e8794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8ecb Protanopia 1% of men
#7290cf Deuteranopia 1% of men
#529ba6 Tritanopia 0.001% of the population

Trichromacy

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

#5d8dcc hex color

#5d8dcc Color Information

#5d8dcc Color Conversion

Color Schemes with #5d8dcc

Alternatives to #5d8dcc

#5d8dcc Preview

Shades and Tints of #5d8dcc

Tones of #5d8dcc

Color Blindness Simulator