#5d87ed hex color

In a RGB color space, hex #5d87ed is composed of 36.5% red, 52.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 43% magenta, 0% yellow and 7.1% black. It has a hue angle of 222.5 degrees, a saturation of 80% and a lightness of 64.7%. #5d87ed color hex could be obtained by blending #baffff with #000fdb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 53
- B 93
RGB color chart
- C 61
- M 43
- Y 0
- K 7
CMYK color chart

● #5d87ed color description : Soft blue.

The hexadecimal color #5d87ed has RGB values of R:93, G:135, B:237 and CMYK values of C:0.61, M:0.43, Y:0, K:0.07. Its decimal value is 6129645.

Hex triplet	5d87ed	`#5d87ed`
RGB Decimal	93, 135, 237	`rgb(93,135,237)`
RGB Percent	36.5, 52.9, 92.9	`rgb(36.5%,52.9%,92.9%)`
CMYK	61, 43, 0, 7
HSL	222.5°, 80, 64.7	`hsl(222.5,80%,64.7%)`
HSV (or HSB)	222.5°, 60.8, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.816, 16.336, -55.862
XYZ	28.461, 25.768, 83.59
xyY	0.207, 0.187, 25.768
CIE-LCH	57.816, 58.201, 286.3
CIE-LUV	57.816, -20.172, -90.186
Hunter-Lab	50.762, 11.246, -62.099
Binary	01011101, 10000111, 11101101

#5d87ed
```
#5d87ed rgb(93,135,237)
```
#edc35d
```
#edc35d rgb(237,195,93)
```

Complementary Color

#5dcfed
```
#5dcfed rgb(93,207,237)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#7b5ded
```
#7b5ded rgb(123,93,237)
```

Analogous Color

#cfed5d
```
#cfed5d rgb(207,237,93)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#ed7b5d
```
#ed7b5d rgb(237,123,93)
```

Split Complementary Color

#87ed5d
```
#87ed5d rgb(135,237,93)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#ed5d87
```
#ed5d87 rgb(237,93,135)
```

Triadic Color

#5dedc3
```
#5dedc3 rgb(93,237,195)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#ed5d87
```
#ed5d87 rgb(237,93,135)
```
#edc35d
```
#edc35d rgb(237,195,93)
```

Tetradic Color

#1955e4
```
#1955e4 rgb(25,85,228)
```
#2f65e8
```
#2f65e8 rgb(47,101,232)
```
#4676ea
```
#4676ea rgb(70,118,234)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#7498f0
```
#7498f0 rgb(116,152,240)
```
#8ba9f2
```
#8ba9f2 rgb(139,169,242)
```
#a2baf5
```
#a2baf5 rgb(162,186,245)
```

Monochromatic Color

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

#5dabed
```
#5dabed rgb(93,171,237)
```
#5d9fed
```
#5d9fed rgb(93,159,237)
```
#5d93ed
```
#5d93ed rgb(93,147,237)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#5d7bed
```
#5d7bed rgb(93,123,237)
```
#5d6fed
```
#5d6fed rgb(93,111,237)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```

Similar Colors

Text with hexadecimal color #5d87ed

This text has a font color of #5d87ed.

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

#5d87ed background color

This paragraph has a background color of #5d87ed.

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

#5d87ed border color

This element has a border color of #5d87ed.

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

CSS codes

.text {color:#5d87ed;}

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

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

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, #02050f is the darkest color, while #fcfdff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#040c20
```
#040c20 rgb(4,12,32)
```
#061232
```
#061232 rgb(6,18,50)
```
#071944
```
#071944 rgb(7,25,68)
```
#092055
```
#092055 rgb(9,32,85)
```
#0b2667
```
#0b2667 rgb(11,38,103)
```
#0d2d78
```
#0d2d78 rgb(13,45,120)
```
#0f338a
```
#0f338a rgb(15,51,138)
```
#113a9c
```
#113a9c rgb(17,58,156)
```
#1340ad
```
#1340ad rgb(19,64,173)
```
#1547bf
```
#1547bf rgb(21,71,191)
```
#174dd1
```
#174dd1 rgb(23,77,209)
```
#1954e2
```
#1954e2 rgb(25,84,226)
```

Shade Color Variation

#2860e7
```
#2860e7 rgb(40,96,231)
```
#3a6de9
```
#3a6de9 rgb(58,109,233)
```
#4b7aeb
```
#4b7aeb rgb(75,122,235)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#6f94ef
```
#6f94ef rgb(111,148,239)
```
#80a1f1
```
#80a1f1 rgb(128,161,241)
```
#92aef3
```
#92aef3 rgb(146,174,243)
```
#a4bbf5
```
#a4bbf5 rgb(164,187,245)
```
#b5c8f7
```
#b5c8f7 rgb(181,200,247)
```
#c7d5f9
```
#c7d5f9 rgb(199,213,249)
```
#d9e3fb
```
#d9e3fb rgb(217,227,251)
```
#eaf0fd
```
#eaf0fd rgb(234,240,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a4a8 is the less saturated color, while #4f81fb is the most saturated one.

#a2a4a8
```
#a2a4a8 rgb(162,164,168)
```
#9ba1af
```
#9ba1af rgb(155,161,175)
```
#949eb6
```
#949eb6 rgb(148,158,182)
```
#8d9bbd
```
#8d9bbd rgb(141,155,189)
```
#8798c3
```
#8798c3 rgb(135,152,195)
```
#8095ca
```
#8095ca rgb(128,149,202)
```
#7993d1
```
#7993d1 rgb(121,147,209)
```
#7290d8
```
#7290d8 rgb(114,144,216)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#648ae6
```
#648ae6 rgb(100,138,230)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#5684f4
```
#5684f4 rgb(86,132,244)
```
#4f81fb
```
#4f81fb rgb(79,129,251)
```

Tone Color Variation

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

Dichromacy

#618dee Protanopia 1% of men
#4492eb Deuteranopia 1% of men
#379da9 Tritanopia 0.001% of the population

Trichromacy

#608bed Protanomaly 1% of men, 0.01% of women
#4d8eec Deuteranomaly 6% of men, 0.4% of women
#4595c1 Tritanomaly 0.01% of the population

#5d87ed hex color

#5d87ed Color Information

#5d87ed Color Conversion

Color Schemes with #5d87ed

Alternatives to #5d87ed

#5d87ed Preview

Shades and Tints of #5d87ed

Tones of #5d87ed

Color Blindness Simulator