#5d8bcc hex color

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

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

● #5d8bcc color description : Moderate blue.

The hexadecimal color #5d8bcc has RGB values of R:93, G:139, B:204 and CMYK values of C:0.54, M:0.32, Y:0, K:0.2. Its decimal value is 6130636.

Hex triplet	5d8bcc	`#5d8bcc`
RGB Decimal	93, 139, 204	`rgb(93,139,204)`
RGB Percent	36.5, 54.5, 80	`rgb(36.5%,54.5%,80%)`
CMYK	54, 32, 0, 20
HSL	215.1°, 52.1, 58.2	`hsl(215.1,52.1%,58.2%)`
HSV (or HSB)	215.1°, 54.4, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.222, 3.217, -38.34
XYZ	24.643, 25.151, 60.679
xyY	0.223, 0.228, 25.151
CIE-LCH	57.222, 38.475, 274.796
CIE-LUV	57.222, -21.597, -60.033
Hunter-Lab	50.15, -0.05, -36.632
Binary	01011101, 10001011, 11001100

#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#cc9e5d
```
#cc9e5d rgb(204,158,93)
```

Complementary Color

#5dc3cc
```
#5dc3cc rgb(93,195,204)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#675dcc
```
#675dcc rgb(103,93,204)
```

Analogous Color

#c3cc5d
```
#c3cc5d rgb(195,204,93)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#cc675d
```
#cc675d rgb(204,103,93)
```

Split Complementary Color

#8bcc5d
```
#8bcc5d rgb(139,204,93)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#cc5d8b
```
#cc5d8b rgb(204,93,139)
```

Triadic Color

#5dcc9e
```
#5dcc9e rgb(93,204,158)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#cc5d8b
```
#cc5d8b rgb(204,93,139)
```
#cc9e5d
```
#cc9e5d rgb(204,158,93)
```

Tetradic Color

#3564a8
```
#3564a8 rgb(53,100,168)
```
#3b70bb
```
#3b70bb rgb(59,112,187)
```
#4a7dc6
```
#4a7dc6 rgb(74,125,198)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#7099d2
```
#7099d2 rgb(112,153,210)
```
#84a7d8
```
#84a7d8 rgb(132,167,216)
```
#97b5de
```
#97b5de rgb(151,181,222)
```

Monochromatic Color

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

#5da7cc
```
#5da7cc rgb(93,167,204)
```
#5d9ecc
```
#5d9ecc rgb(93,158,204)
```
#5d94cc
```
#5d94cc rgb(93,148,204)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#5d82cc
```
#5d82cc rgb(93,130,204)
```
#5d79cc
```
#5d79cc rgb(93,121,204)
```
#5d6fcc
```
#5d6fcc rgb(93,111,204)
```

Similar Colors

Text with hexadecimal color #5d8bcc

This text has a font color of #5d8bcc.

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

#5d8bcc background color

This paragraph has a background color of #5d8bcc.

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

#5d8bcc border color

This element has a border color of #5d8bcc.

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

CSS codes

.text {color:#5d8bcc;}

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

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

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)
```
#0a1320
```
#0a1320 rgb(10,19,32)
```
#0f1c2f
```
#0f1c2f rgb(15,28,47)
```
#13253e
```
#13253e rgb(19,37,62)
```
#182e4d
```
#182e4d rgb(24,46,77)
```
#1d375c
```
#1d375c rgb(29,55,92)
```
#22406b
```
#22406b rgb(34,64,107)
```
#264979
```
#264979 rgb(38,73,121)
```
#2b5288
```
#2b5288 rgb(43,82,136)
```
#305b97
```
#305b97 rgb(48,91,151)
```
#3464a6
```
#3464a6 rgb(52,100,166)
```
#396cb5
```
#396cb5 rgb(57,108,181)
```

Shade Color Variation

#3f76c3
```
#3f76c3 rgb(63,118,195)
```
#4e80c7
```
#4e80c7 rgb(78,128,199)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#6c96d1
```
#6c96d1 rgb(108,150,209)
```
#7ba0d5
```
#7ba0d5 rgb(123,160,213)
```
#8aabda
```
#8aabda rgb(138,171,218)
```
#99b6df
```
#99b6df rgb(153,182,223)
```
#a8c0e3
```
#a8c0e3 rgb(168,192,227)
```
#b7cbe8
```
#b7cbe8 rgb(183,203,232)
```
#c5d6ed
```
#c5d6ed rgb(197,214,237)
```
#d4e0f2
```
#d4e0f2 rgb(212,224,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, #8e939b is the less saturated color, while #2c83fd is the most saturated one.

#8e939b
```
#8e939b rgb(142,147,155)
```
#8692a3
```
#8692a3 rgb(134,146,163)
```
#7e91ab
```
#7e91ab rgb(126,145,171)
```
#768fb3
```
#768fb3 rgb(118,143,179)
```
#6d8ebc
```
#6d8ebc rgb(109,142,188)
```
#658cc4
```
#658cc4 rgb(101,140,196)
```
#5d8bcc
```
#5d8bcc rgb(93,139,204)
```
#558ad4
```
#558ad4 rgb(85,138,212)
```
#4d88dc
```
#4d88dc rgb(77,136,220)
```
#4487e5
```
#4487e5 rgb(68,135,229)
```
#3c85ed
```
#3c85ed rgb(60,133,237)
```
#3484f5
```
#3484f5 rgb(52,132,245)
```
#2c83fd
```
#2c83fd rgb(44,131,253)
```

Tone Color Variation

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

Dichromacy

#798dcb Protanopia 1% of men
#6f8ecf Deuteranopia 1% of men
#5199a4 Tritanopia 0.001% of the population

Trichromacy

#6e8ccb Protanomaly 1% of men, 0.01% of women
#688dce Deuteranomaly 6% of men, 0.4% of women
#5594b3 Tritanomaly 0.01% of the population

#5d8bcc hex color

#5d8bcc Color Information

#5d8bcc Color Conversion

Color Schemes with #5d8bcc

Alternatives to #5d8bcc

#5d8bcc Preview

Shades and Tints of #5d8bcc

Tones of #5d8bcc

Color Blindness Simulator