#5d9ed8 hex color

In a RGB color space, hex #5d9ed8 is composed of 36.5% red, 62% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 26.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 208.3 degrees, a saturation of 61.2% and a lightness of 60.6%. #5d9ed8 color hex could be obtained by blending #baffff with #003db1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 62
- B 85
RGB color chart
- C 57
- M 27
- Y 0
- K 15
CMYK color chart

● #5d9ed8 color description : Moderate blue.

The hexadecimal color #5d9ed8 has RGB values of R:93, G:158, B:216 and CMYK values of C:0.57, M:0.27, Y:0, K:0.15. Its decimal value is 6135512.

Hex triplet	5d9ed8	`#5d9ed8`
RGB Decimal	93, 158, 216	`rgb(93,158,216)`
RGB Percent	36.5, 62, 84.7	`rgb(36.5%,62%,84.7%)`
CMYK	57, 27, 0, 15
HSL	208.3°, 61.2, 60.6	`hsl(208.3,61.2%,60.6%)`
HSV (or HSB)	208.3°, 56.9, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.125, -3.935, -35.823
XYZ	29.133, 31.737, 69.553
xyY	0.223, 0.243, 31.737
CIE-LCH	63.125, 36.039, 263.731
CIE-LUV	63.125, -28.39, -55.97
Hunter-Lab	56.336, -6.279, -33.765
Binary	01011101, 10011110, 11011000

#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#d8975d
```
#d8975d rgb(216,151,93)
```

Complementary Color

#5dd8d5
```
#5dd8d5 rgb(93,216,213)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#5d61d8
```
#5d61d8 rgb(93,97,216)
```

Analogous Color

#d8d55d
```
#d8d55d rgb(216,213,93)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#d85d61
```
#d85d61 rgb(216,93,97)
```

Split Complementary Color

#9ed85d
```
#9ed85d rgb(158,216,93)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#d85d9e
```
#d85d9e rgb(216,93,158)
```

Triadic Color

#5dd897
```
#5dd897 rgb(93,216,151)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#d85d9e
```
#d85d9e rgb(216,93,158)
```
#d8975d
```
#d8975d rgb(216,151,93)
```

Tetradic Color

#2d78bb
```
#2d78bb rgb(45,120,187)
```
#3485ce
```
#3485ce rgb(52,133,206)
```
#4892d3
```
#4892d3 rgb(72,146,211)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#72aadd
```
#72aadd rgb(114,170,221)
```
#86b7e2
```
#86b7e2 rgb(134,183,226)
```
#9bc3e7
```
#9bc3e7 rgb(155,195,231)
```

Monochromatic Color

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

#5dbdd8
```
#5dbdd8 rgb(93,189,216)
```
#5db3d8
```
#5db3d8 rgb(93,179,216)
```
#5da8d8
```
#5da8d8 rgb(93,168,216)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#5d94d8
```
#5d94d8 rgb(93,148,216)
```
#5d8ad8
```
#5d8ad8 rgb(93,138,216)
```
#5d7fd8
```
#5d7fd8 rgb(93,127,216)
```

Similar Colors

Text with hexadecimal color #5d9ed8

This text has a font color of #5d9ed8.

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

#5d9ed8 background color

This paragraph has a background color of #5d9ed8.

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

#5d9ed8 border color

This element has a border color of #5d9ed8.

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

CSS codes

.text {color:#5d9ed8;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#07121c
```
#07121c rgb(7,18,28)
```
#0a1c2c
```
#0a1c2c rgb(10,28,44)
```
#0e263b
```
#0e263b rgb(14,38,59)
```
#12304b
```
#12304b rgb(18,48,75)
```
#163a5b
```
#163a5b rgb(22,58,91)
```
#1a456b
```
#1a456b rgb(26,69,107)
```
#1e4f7b
```
#1e4f7b rgb(30,79,123)
```
#21598a
```
#21598a rgb(33,89,138)
```
#25639a
```
#25639a rgb(37,99,154)
```
#296daa
```
#296daa rgb(41,109,170)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#3181ca
```
#3181ca rgb(49,129,202)
```

Shade Color Variation

#3d8bd0
```
#3d8bd0 rgb(61,139,208)
```
#4d95d4
```
#4d95d4 rgb(77,149,212)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#6da7dc
```
#6da7dc rgb(109,167,220)
```
#7db1e0
```
#7db1e0 rgb(125,177,224)
```
#8cbae3
```
#8cbae3 rgb(140,186,227)
```
#9cc4e7
```
#9cc4e7 rgb(156,196,231)
```
#accdeb
```
#accdeb rgb(172,205,235)
```
#bcd7ef
```
#bcd7ef rgb(188,215,239)
```
#cce0f3
```
#cce0f3 rgb(204,224,243)
```
#dbeaf6
```
#dbeaf6 rgb(219,234,246)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939ba2 is the less saturated color, while #36a0ff is the most saturated one.

#939ba2
```
#939ba2 rgb(147,155,162)
```
#8b9baa
```
#8b9baa rgb(139,155,170)
```
#849cb1
```
#849cb1 rgb(132,156,177)
```
#7c9cb9
```
#7c9cb9 rgb(124,156,185)
```
#749dc1
```
#749dc1 rgb(116,157,193)
```
#6c9dc9
```
#6c9dc9 rgb(108,157,201)
```
#659ed0
```
#659ed0 rgb(101,158,208)
```
#5d9ed8
```
#5d9ed8 rgb(93,158,216)
```
#559ee0
```
#559ee0 rgb(85,158,224)
```
#4e9fe7
```
#4e9fe7 rgb(78,159,231)
```
#469fef
```
#469fef rgb(70,159,239)
```
#3ea0f7
```
#3ea0f7 rgb(62,160,247)
```
#36a0ff
```
#36a0ff rgb(54,160,255)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#87949f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9cd5 Protanopia 1% of men
#839cdc Deuteranopia 1% of men
#52aab6 Tritanopia 0.001% of the population

Trichromacy

#7a9cd6 Protanomaly 1% of men, 0.01% of women
#759dda Deuteranomaly 6% of men, 0.4% of women
#56a5c2 Tritanomaly 0.01% of the population

#5d9ed8 hex color

#5d9ed8 Color Information

#5d9ed8 Color Conversion

Color Schemes with #5d9ed8

Alternatives to #5d9ed8

#5d9ed8 Preview

Shades and Tints of #5d9ed8

Tones of #5d9ed8

Color Blindness Simulator