#5d60b9 hex color

In a RGB color space, hex #5d60b9 is composed of 36.5% red, 37.6% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 48.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 238 degrees, a saturation of 39.7% and a lightness of 54.5%. #5d60b9 color hex could be obtained by blending #bac0ff with #000073. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 38
- B 73
RGB color chart
- C 50
- M 48
- Y 0
- K 27
CMYK color chart

● #5d60b9 color description : Slightly desaturated blue.

The hexadecimal color #5d60b9 has RGB values of R:93, G:96, B:185 and CMYK values of C:0.5, M:0.48, Y:0, K:0.27. Its decimal value is 6119609.

Hex triplet	5d60b9	`#5d60b9`
RGB Decimal	93, 96, 185	`rgb(93,96,185)`
RGB Percent	36.5, 37.6, 72.5	`rgb(36.5%,37.6%,72.5%)`
CMYK	50, 48, 0, 27
HSL	238°, 39.7, 54.5	`hsl(238,39.7%,54.5%)`
HSV (or HSB)	238°, 49.7, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.511, 23.364, -47.585
XYZ	17.452, 14.195, 47.717
xyY	0.22, 0.179, 14.195
CIE-LCH	44.511, 53.011, 296.151
CIE-LUV	44.511, -6.335, -73.09
Hunter-Lab	37.676, 16.75, -48.716
Binary	01011101, 01100000, 10111001

#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#b9b65d
```
#b9b65d rgb(185,182,93)
```

Complementary Color

#5d8eb9
```
#5d8eb9 rgb(93,142,185)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#885db9
```
#885db9 rgb(136,93,185)
```

Analogous Color

#8eb95d
```
#8eb95d rgb(142,185,93)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#b9885d
```
#b9885d rgb(185,136,93)
```

Split Complementary Color

#60b95d
```
#60b95d rgb(96,185,93)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#b95d60
```
#b95d60 rgb(185,93,96)
```

Triadic Color

#5db9b6
```
#5db9b6 rgb(93,185,182)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#b95d60
```
#b95d60 rgb(185,93,96)
```
#b9b65d
```
#b9b65d rgb(185,182,93)
```

Tetradic Color

#3d3f8d
```
#3d3f8d rgb(61,63,141)
```
#44479f
```
#44479f rgb(68,71,159)
```
#4c4fb0
```
#4c4fb0 rgb(76,79,176)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#6f71c1
```
#6f71c1 rgb(111,113,193)
```
#8183c8
```
#8183c8 rgb(129,131,200)
```
#9294d0
```
#9294d0 rgb(146,148,208)
```

Monochromatic Color

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

#5d77b9
```
#5d77b9 rgb(93,119,185)
```
#5d6fb9
```
#5d6fb9 rgb(93,111,185)
```
#5d68b9
```
#5d68b9 rgb(93,104,185)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#625db9
```
#625db9 rgb(98,93,185)
```
#695db9
```
#695db9 rgb(105,93,185)
```
#715db9
```
#715db9 rgb(113,93,185)
```

Similar Colors

Text with hexadecimal color #5d60b9

This text has a font color of #5d60b9.

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

#5d60b9 background color

This paragraph has a background color of #5d60b9.

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

#5d60b9 border color

This element has a border color of #5d60b9.

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

CSS codes

.text {color:#5d60b9;}

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

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

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 #f4f4fa is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#070710
```
#070710 rgb(7,7,16)
```
#0d0d1e
```
#0d0d1e rgb(13,13,30)
```
#13142b
```
#13142b rgb(19,20,43)
```
#191a39
```
#191a39 rgb(25,26,57)
```
#1f2047
```
#1f2047 rgb(31,32,71)
```
#252655
```
#252655 rgb(37,38,85)
```
#2a2c62
```
#2a2c62 rgb(42,44,98)
```
#303270
```
#303270 rgb(48,50,112)
```
#36397e
```
#36397e rgb(54,57,126)
```
#3c3f8b
```
#3c3f8b rgb(60,63,139)
```
#424599
```
#424599 rgb(66,69,153)
```
#484ba7
```
#484ba7 rgb(72,75,167)
```

Shade Color Variation

#4f53b3
```
#4f53b3 rgb(79,83,179)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#6b6dbf
```
#6b6dbf rgb(107,109,191)
```
#787bc5
```
#787bc5 rgb(120,123,197)
```
#8688cb
```
#8688cb rgb(134,136,203)
```
#9496d1
```
#9496d1 rgb(148,150,209)
```
#a1a3d7
```
#a1a3d7 rgb(161,163,215)
```
#afb1dd
```
#afb1dd rgb(175,177,221)
```
#bdbee2
```
#bdbee2 rgb(189,190,226)
```
#cbcce8
```
#cbcce8 rgb(203,204,232)
```
#d8d9ee
```
#d8d9ee rgb(216,217,238)
```
#e6e6f4
```
#e6e6f4 rgb(230,230,244)
```
#f4f4fa
```
#f4f4fa rgb(244,244,250)
```

Tint Color Variation

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

#8a8a8c
```
#8a8a8c rgb(138,138,140)
```
#818195
```
#818195 rgb(129,129,149)
```
#78799e
```
#78799e rgb(120,121,158)
```
#6f71a7
```
#6f71a7 rgb(111,113,167)
```
#6668b0
```
#6668b0 rgb(102,104,176)
```
#5d60b9
```
#5d60b9 rgb(93,96,185)
```
#5458c2
```
#5458c2 rgb(84,88,194)
```
#4b4fcb
```
#4b4fcb rgb(75,79,203)
```
#4247d4
```
#4247d4 rgb(66,71,212)
```
#393fdd
```
#393fdd rgb(57,63,221)
```
#3036e6
```
#3036e6 rgb(48,54,230)
```
#272eef
```
#272eef rgb(39,46,239)
```
#1f26f7
```
#1f26f7 rgb(31,38,247)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#436ec1 Protanopia 1% of men
#3372b8 Deuteranopia 1% of men
#4d7780 Tritanopia 0.001% of the population

Trichromacy

#4c69be Protanomaly 1% of men, 0.01% of women
#426bb8 Deuteranomaly 6% of men, 0.4% of women
#536e94 Tritanomaly 0.01% of the population

#5d60b9 hex color

#5d60b9 Color Information

#5d60b9 Color Conversion

Color Schemes with #5d60b9

Alternatives to #5d60b9

#5d60b9 Preview

Shades and Tints of #5d60b9

Tones of #5d60b9

Color Blindness Simulator