#5c3686 hex color

In a RGB color space, hex #5c3686 is composed of 36.1% red, 21.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 59.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 268.5 degrees, a saturation of 42.6% and a lightness of 36.9%. #5c3686 color hex could be obtained by blending #b86cff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 36
- G 21
- B 53
RGB color chart
- C 31
- M 60
- Y 0
- K 47
CMYK color chart

● #5c3686 color description : Dark moderate violet.

The hexadecimal color #5c3686 has RGB values of R:92, G:54, B:134 and CMYK values of C:0.31, M:0.6, Y:0, K:0.47. Its decimal value is 6043270.

Hex triplet	5c3686	`#5c3686`
RGB Decimal	92, 54, 134	`rgb(92,54,134)`
RGB Percent	36.1, 21.2, 52.5	`rgb(36.1%,21.2%,52.5%)`
CMYK	31, 60, 0, 47
HSL	268.5°, 42.6, 36.9	`hsl(268.5,42.6%,36.9%)`
HSV (or HSB)	268.5°, 59.7, 52.5
Web Safe	663399	`#663399`

CIE-LAB	30.961, 33.901, -38.668
XYZ	10.035, 6.635, 23.305
xyY	0.251, 0.166, 6.635
CIE-LCH	30.961, 51.425, 311.242
CIE-LUV	30.961, 10.391, -54.585
Hunter-Lab	25.758, 24.464, -35.612
Binary	01011100, 00110110, 10000110

#5c3686
```
#5c3686 rgb(92,54,134)
```
#608636
```
#608636 rgb(96,134,54)
```

Complementary Color

#363886
```
#363886 rgb(54,56,134)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#843686
```
#843686 rgb(132,54,134)
```

Analogous Color

#388636
```
#388636 rgb(56,134,54)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#868436
```
#868436 rgb(134,132,54)
```

Split Complementary Color

#36865c
```
#36865c rgb(54,134,92)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#865c36
```
#865c36 rgb(134,92,54)
```

Triadic Color

#366086
```
#366086 rgb(54,96,134)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#865c36
```
#865c36 rgb(134,92,54)
```
#608636
```
#608636 rgb(96,134,54)
```

Tetradic Color

#37204f
```
#37204f rgb(55,32,79)
```
#432762
```
#432762 rgb(67,39,98)
```
#502f74
```
#502f74 rgb(80,47,116)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#683d98
```
#683d98 rgb(104,61,152)
```
#7545aa
```
#7545aa rgb(117,69,170)
```
#8250b8
```
#8250b8 rgb(130,80,184)
```

Monochromatic Color

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

#483686
```
#483686 rgb(72,54,134)
```
#4f3686
```
#4f3686 rgb(79,54,134)
```
#553686
```
#553686 rgb(85,54,134)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#633686
```
#633686 rgb(99,54,134)
```
#693686
```
#693686 rgb(105,54,134)
```
#703686
```
#703686 rgb(112,54,134)
```

Similar Colors

Text with hexadecimal color #5c3686

This text has a font color of #5c3686.

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

#5c3686 background color

This paragraph has a background color of #5c3686.

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

#5c3686 border color

This element has a border color of #5c3686.

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

CSS codes

.text {color:#5c3686;}

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

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

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, #060308 is the darkest color, while #fbf9fd is the lightest one.

#060308
```
#060308 rgb(6,3,8)
```
#0f0916
```
#0f0916 rgb(15,9,22)
```
#190f24
```
#190f24 rgb(25,15,36)
```
#221432
```
#221432 rgb(34,20,50)
```
#2c1a40
```
#2c1a40 rgb(44,26,64)
```
#361f4e
```
#361f4e rgb(54,31,78)
```
#3f255c
```
#3f255c rgb(63,37,92)
```
#492b6a
```
#492b6a rgb(73,43,106)
```
#523078
```
#523078 rgb(82,48,120)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#663c94
```
#663c94 rgb(102,60,148)
```
#6f41a2
```
#6f41a2 rgb(111,65,162)
```
#7947b0
```
#7947b0 rgb(121,71,176)
```

Shade Color Variation

#8351b9
```
#8351b9 rgb(131,81,185)
```
#8d5fbf
```
#8d5fbf rgb(141,95,191)
```
#976dc4
```
#976dc4 rgb(151,109,196)
```
#a17bca
```
#a17bca rgb(161,123,202)
```
#ab89d0
```
#ab89d0 rgb(171,137,208)
```
#b597d5
```
#b597d5 rgb(181,151,213)
```
#bfa5db
```
#bfa5db rgb(191,165,219)
```
#c9b3e0
```
#c9b3e0 rgb(201,179,224)
```
#d3c1e6
```
#d3c1e6 rgb(211,193,230)
```
#ddcfec
```
#ddcfec rgb(221,207,236)
```
#e7ddf1
```
#e7ddf1 rgb(231,221,241)
```
#f1ebf7
```
#f1ebf7 rgb(241,235,247)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5a62 is the less saturated color, while #5903b9 is the most saturated one.

#5e5a62
```
#5e5a62 rgb(94,90,98)
```
#5d5369
```
#5d5369 rgb(93,83,105)
```
#5d4c70
```
#5d4c70 rgb(93,76,112)
```
#5d4478
```
#5d4478 rgb(93,68,120)
```
#5c3d7f
```
#5c3d7f rgb(92,61,127)
```
#5c3686
```
#5c3686 rgb(92,54,134)
```
#5c2f8d
```
#5c2f8d rgb(92,47,141)
```
#5b2894
```
#5b2894 rgb(91,40,148)
```
#5b209c
```
#5b209c rgb(91,32,156)
```
#5b19a3
```
#5b19a3 rgb(91,25,163)
```
#5a12aa
```
#5a12aa rgb(90,18,170)
```
#5a0bb1
```
#5a0bb1 rgb(90,11,177)
```
#5903b9
```
#5903b9 rgb(89,3,185)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4e4656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#194f99 Protanopia 1% of men
#275385 Deuteranopia 1% of men
#585055 Tritanopia 0.001% of the population

Trichromacy

#314692 Protanomaly 1% of men, 0.01% of women
#3a4885 Deuteranomaly 6% of men, 0.4% of women
#594667 Tritanomaly 0.01% of the population

#5c3686 hex color

#5c3686 Color Information

#5c3686 Color Conversion

Color Schemes with #5c3686

Alternatives to #5c3686

#5c3686 Preview

Shades and Tints of #5c3686

Tones of #5c3686

Color Blindness Simulator