#5c60b2 hex color

In a RGB color space, hex #5c60b2 is composed of 36.1% red, 37.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 46.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 237.2 degrees, a saturation of 35.8% and a lightness of 52.9%. #5c60b2 color hex could be obtained by blending #b8c0ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 38
- B 70
RGB color chart
- C 48
- M 46
- Y 0
- K 30
CMYK color chart

● #5c60b2 color description : Dark moderate blue.

The hexadecimal color #5c60b2 has RGB values of R:92, G:96, B:178 and CMYK values of C:0.48, M:0.46, Y:0, K:0.3. Its decimal value is 6054066.

Hex triplet	5c60b2	`#5c60b2`
RGB Decimal	92, 96, 178	`rgb(92,96,178)`
RGB Percent	36.1, 37.6, 69.8	`rgb(36.1%,37.6%,69.8%)`
CMYK	48, 46, 0, 30
HSL	237.2°, 35.8, 52.9	`hsl(237.2,35.8%,52.9%)`
HSV (or HSB)	237.2°, 48.3, 69.8
Web Safe	666699	`#666699`

CIE-LAB	44.024, 20.934, -44.278
XYZ	16.631, 13.855, 43.915
xyY	0.224, 0.186, 13.855
CIE-LCH	44.024, 48.978, 295.304
CIE-LUV	44.024, -6.342, -67.686
Hunter-Lab	37.222, 14.615, -43.895
Binary	01011100, 01100000, 10110010

#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#b2ae5c
```
#b2ae5c rgb(178,174,92)
```

Complementary Color

#5c8bb2
```
#5c8bb2 rgb(92,139,178)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#835cb2
```
#835cb2 rgb(131,92,178)
```

Analogous Color

#8bb25c
```
#8bb25c rgb(139,178,92)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#b2835c
```
#b2835c rgb(178,131,92)
```

Split Complementary Color

#60b25c
```
#60b25c rgb(96,178,92)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#b25c60
```
#b25c60 rgb(178,92,96)
```

Triadic Color

#5cb2ae
```
#5cb2ae rgb(92,178,174)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#b25c60
```
#b25c60 rgb(178,92,96)
```
#b2ae5c
```
#b2ae5c rgb(178,174,92)
```

Tetradic Color

#3e4183
```
#3e4183 rgb(62,65,131)
```
#464a95
```
#464a95 rgb(70,74,149)
```
#4e53a6
```
#4e53a6 rgb(78,83,166)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#6d71ba
```
#6d71ba rgb(109,113,186)
```
#7f82c2
```
#7f82c2 rgb(127,130,194)
```
#9093cb
```
#9093cb rgb(144,147,203)
```

Monochromatic Color

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

#5c76b2
```
#5c76b2 rgb(92,118,178)
```
#5c6eb2
```
#5c6eb2 rgb(92,110,178)
```
#5c67b2
```
#5c67b2 rgb(92,103,178)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#5f5cb2
```
#5f5cb2 rgb(95,92,178)
```
#665cb2
```
#665cb2 rgb(102,92,178)
```
#6e5cb2
```
#6e5cb2 rgb(110,92,178)
```

Similar Colors

Text with hexadecimal color #5c60b2

This text has a font color of #5c60b2.

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

#5c60b2 background color

This paragraph has a background color of #5c60b2.

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

#5c60b2 border color

This element has a border color of #5c60b2.

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

CSS codes

.text {color:#5c60b2;}

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

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

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, #05050a is the darkest color, while #fcfcfe is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0b0c18
```
#0b0c18 rgb(11,12,24)
```
#111225
```
#111225 rgb(17,18,37)
```
#181932
```
#181932 rgb(24,25,50)
```
#1e203f
```
#1e203f rgb(30,32,63)
```
#24264d
```
#24264d rgb(36,38,77)
```
#2b2d5a
```
#2b2d5a rgb(43,45,90)
```
#313367
```
#313367 rgb(49,51,103)
```
#373a75
```
#373a75 rgb(55,58,117)
```
#3d4182
```
#3d4182 rgb(61,65,130)
```
#44478f
```
#44478f rgb(68,71,143)
```
#4a4e9d
```
#4a4e9d rgb(74,78,157)
```
#5055aa
```
#5055aa rgb(80,85,170)
```

Shade Color Variation

#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#696db8
```
#696db8 rgb(105,109,184)
```
#777abf
```
#777abf rgb(119,122,191)
```
#8487c5
```
#8487c5 rgb(132,135,197)
```
#9194cb
```
#9194cb rgb(145,148,203)
```
#9fa1d1
```
#9fa1d1 rgb(159,161,209)
```
#acaed8
```
#acaed8 rgb(172,174,216)
```
#b9bbde
```
#b9bbde rgb(185,187,222)
```
#c7c8e4
```
#c7c8e4 rgb(199,200,228)
```
#d4d5eb
```
#d4d5eb rgb(212,213,235)
```
#e1e2f1
```
#e1e2f1 rgb(225,226,241)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81818d is the less saturated color, while #121dfc is the most saturated one.

#81818d
```
#81818d rgb(129,129,141)
```
#787996
```
#787996 rgb(120,121,150)
```
#6e71a0
```
#6e71a0 rgb(110,113,160)
```
#6568a9
```
#6568a9 rgb(101,104,169)
```
#5c60b2
```
#5c60b2 rgb(92,96,178)
```
#5358bb
```
#5358bb rgb(83,88,187)
```
#4a4fc4
```
#4a4fc4 rgb(74,79,196)
```
#4047ce
```
#4047ce rgb(64,71,206)
```
#373fd7
```
#373fd7 rgb(55,63,215)
```
#2e36e0
```
#2e36e0 rgb(46,54,224)
```
#252ee9
```
#252ee9 rgb(37,46,233)
```
#1b25f3
```
#1b25f3 rgb(27,37,243)
```
#121dfc
```
#121dfc rgb(18,29,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#666677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#496dba Protanopia 1% of men
#3d70b2 Deuteranopia 1% of men
#4f757e Tritanopia 0.001% of the population

Trichromacy

#5068b7 Protanomaly 1% of men, 0.01% of women
#486ab2 Deuteranomaly 6% of men, 0.4% of women
#546d91 Tritanomaly 0.01% of the population

#5c60b2 hex color

#5c60b2 Color Information

#5c60b2 Color Conversion

Color Schemes with #5c60b2

Alternatives to #5c60b2

#5c60b2 Preview

Shades and Tints of #5c60b2

Tones of #5c60b2

Color Blindness Simulator