#5c60b9 hex color

In a RGB color space, hex #5c60b9 is composed of 36.1% red, 37.6% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 48.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 237.4 degrees, a saturation of 39.9% and a lightness of 54.3%. #5c60b9 color hex could be obtained by blending #b8c0ff 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

● #5c60b9 color description : Moderate blue.

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

Hex triplet	5c60b9	`#5c60b9`
RGB Decimal	92, 96, 185	`rgb(92,96,185)`
RGB Percent	36.1, 37.6, 72.5	`rgb(36.1%,37.6%,72.5%)`
CMYK	50, 48, 0, 27
HSL	237.4°, 39.9, 54.3	`hsl(237.4,39.9%,54.3%)`
HSV (or HSB)	237.4°, 50.3, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.438, 23.135, -47.707
XYZ	17.352, 14.143, 47.712
xyY	0.219, 0.179, 14.143
CIE-LCH	44.438, 53.021, 295.871
CIE-LUV	44.438, -6.69, -73.219
Hunter-Lab	37.608, 16.545, -48.895
Binary	01011100, 01100000, 10111001

#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#b9b55c
```
#b9b55c rgb(185,181,92)
```

Complementary Color

#5c8fb9
```
#5c8fb9 rgb(92,143,185)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#875cb9
```
#875cb9 rgb(135,92,185)
```

Analogous Color

#8fb95c
```
#8fb95c rgb(143,185,92)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#b9875c
```
#b9875c rgb(185,135,92)
```

Split Complementary Color

#60b95c
```
#60b95c rgb(96,185,92)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#b95c60
```
#b95c60 rgb(185,92,96)
```

Triadic Color

#5cb9b5
```
#5cb9b5 rgb(92,185,181)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#b95c60
```
#b95c60 rgb(185,92,96)
```
#b9b55c
```
#b9b55c rgb(185,181,92)
```

Tetradic Color

#3c408c
```
#3c408c rgb(60,64,140)
```
#44489e
```
#44489e rgb(68,72,158)
```
#4c50b0
```
#4c50b0 rgb(76,80,176)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#6e71c1
```
#6e71c1 rgb(110,113,193)
```
#8083c8
```
#8083c8 rgb(128,131,200)
```
#9294d0
```
#9294d0 rgb(146,148,208)
```

Monochromatic Color

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

#5c77b9
```
#5c77b9 rgb(92,119,185)
```
#5c70b9
```
#5c70b9 rgb(92,112,185)
```
#5c68b9
```
#5c68b9 rgb(92,104,185)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#605cb9
```
#605cb9 rgb(96,92,185)
```
#685cb9
```
#685cb9 rgb(104,92,185)
```
#6f5cb9
```
#6f5cb9 rgb(111,92,185)
```

Similar Colors

Text with hexadecimal color #5c60b9

This text has a font color of #5c60b9.

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

#5c60b9 background color

This paragraph has a background color of #5c60b9.

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

#5c60b9 border color

This element has a border color of #5c60b9.

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

CSS codes

.text {color:#5c60b9;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#07070f
```
#07070f rgb(7,7,15)
```
#0d0d1d
```
#0d0d1d rgb(13,13,29)
```
#12132b
```
#12132b rgb(18,19,43)
```
#181a39
```
#181a39 rgb(24,26,57)
```
#1e2046
```
#1e2046 rgb(30,32,70)
```
#242654
```
#242654 rgb(36,38,84)
```
#2a2c62
```
#2a2c62 rgb(42,44,98)
```
#30336f
```
#30336f rgb(48,51,111)
```
#36397d
```
#36397d rgb(54,57,125)
```
#3c3f8b
```
#3c3f8b rgb(60,63,139)
```
#424599
```
#424599 rgb(66,69,153)
```
#474ca6
```
#474ca6 rgb(71,76,166)
```

Shade Color Variation

#4e53b3
```
#4e53b3 rgb(78,83,179)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#6a6dbf
```
#6a6dbf rgb(106,109,191)
```
#777bc5
```
#777bc5 rgb(119,123,197)
```
#8588cb
```
#8588cb rgb(133,136,203)
```
#9396d1
```
#9396d1 rgb(147,150,209)
```
#a1a3d6
```
#a1a3d6 rgb(161,163,214)
```
#aeb0dc
```
#aeb0dc rgb(174,176,220)
```
#bcbee2
```
#bcbee2 rgb(188,190,226)
```
#cacbe8
```
#cacbe8 rgb(202,203,232)
```
#d8d8ee
```
#d8d8ee rgb(216,216,238)
```
#e5e6f4
```
#e5e6f4 rgb(229,230,244)
```
#f3f3fa
```
#f3f3fa rgb(243,243,250)
```

Tint Color Variation

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

#89898c
```
#89898c rgb(137,137,140)
```
#808195
```
#808195 rgb(128,129,149)
```
#77799e
```
#77799e rgb(119,121,158)
```
#6e70a7
```
#6e70a7 rgb(110,112,167)
```
#6568b0
```
#6568b0 rgb(101,104,176)
```
#5c60b9
```
#5c60b9 rgb(92,96,185)
```
#5358c2
```
#5358c2 rgb(83,88,194)
```
#4a50cb
```
#4a50cb rgb(74,80,203)
```
#4147d4
```
#4147d4 rgb(65,71,212)
```
#383fdd
```
#383fdd rgb(56,63,221)
```
#2f37e6
```
#2f37e6 rgb(47,55,230)
```
#262fef
```
#262fef rgb(38,47,239)
```
#1d27f8
```
#1d27f8 rgb(29,39,248)
```

Tone Color Variation

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

Dichromacy

#436ec1 Protanopia 1% of men
#3272b8 Deuteranopia 1% of men
#4c7780 Tritanopia 0.001% of the population

Trichromacy

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

#5c60b9 hex color

#5c60b9 Color Information

#5c60b9 Color Conversion

Color Schemes with #5c60b9

Alternatives to #5c60b9

#5c60b9 Preview

Shades and Tints of #5c60b9

Tones of #5c60b9

Color Blindness Simulator