#5c4678 hex color

In a RGB color space, hex #5c4678 is composed of 36.1% red, 27.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 41.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 266.4 degrees, a saturation of 26.3% and a lightness of 37.3%. #5c4678 color hex could be obtained by blending #b88cf0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 27
- B 47
RGB color chart
- C 23
- M 42
- Y 0
- K 53
CMYK color chart

● #5c4678 color description : Mostly desaturated dark violet.

The hexadecimal color #5c4678 has RGB values of R:92, G:70, B:120 and CMYK values of C:0.23, M:0.42, Y:0, K:0.53. Its decimal value is 6047352.

Hex triplet	5c4678	`#5c4678`
RGB Decimal	92, 70, 120	`rgb(92,70,120)`
RGB Percent	36.1, 27.5, 47.1	`rgb(36.1%,27.5%,47.1%)`
CMYK	23, 42, 0, 53
HSL	266.4°, 26.3, 37.3	`hsl(266.4,26.3%,37.3%)`
HSV (or HSB)	266.4°, 41.7, 47.1
Web Safe	663366	`#663366`

CIE-LAB	34.007, 20.442, -25.126
XYZ	9.993, 8.012, 18.788
xyY	0.272, 0.218, 8.012
CIE-LCH	34.007, 32.391, 309.131
CIE-LUV	34.007, 7.275, -36.155
Hunter-Lab	28.305, 13.487, -19.542
Binary	01011100, 01000110, 01111000

#5c4678
```
#5c4678 rgb(92,70,120)
```
#627846
```
#627846 rgb(98,120,70)
```

Complementary Color

#464978
```
#464978 rgb(70,73,120)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#754678
```
#754678 rgb(117,70,120)
```

Analogous Color

#497846
```
#497846 rgb(73,120,70)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#787546
```
#787546 rgb(120,117,70)
```

Split Complementary Color

#46785c
```
#46785c rgb(70,120,92)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#785c46
```
#785c46 rgb(120,92,70)
```

Triadic Color

#466278
```
#466278 rgb(70,98,120)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#785c46
```
#785c46 rgb(120,92,70)
```
#627846
```
#627846 rgb(98,120,70)
```

Tetradic Color

#372a48
```
#372a48 rgb(55,42,72)
```
#433358
```
#433358 rgb(67,51,88)
```
#503d68
```
#503d68 rgb(80,61,104)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#684f88
```
#684f88 rgb(104,79,136)
```
#755998
```
#755998 rgb(117,89,152)
```
#8165a5
```
#8165a5 rgb(129,101,165)
```

Monochromatic Color

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

#504678
```
#504678 rgb(80,70,120)
```
#544678
```
#544678 rgb(84,70,120)
```
#584678
```
#584678 rgb(88,70,120)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#604678
```
#604678 rgb(96,70,120)
```
#644678
```
#644678 rgb(100,70,120)
```
#694678
```
#694678 rgb(105,70,120)
```

Similar Colors

Text with hexadecimal color #5c4678

This text has a font color of #5c4678.

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

#5c4678 background color

This paragraph has a background color of #5c4678.

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

#5c4678 border color

This element has a border color of #5c4678.

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

CSS codes

.text {color:#5c4678;}

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

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

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

#070509
```
#070509 rgb(7,5,9)
```
#100c15
```
#100c15 rgb(16,12,21)
```
#1a1321
```
#1a1321 rgb(26,19,33)
```
#231b2e
```
#231b2e rgb(35,27,46)
```
#2d223a
```
#2d223a rgb(45,34,58)
```
#362946
```
#362946 rgb(54,41,70)
```
#403053
```
#403053 rgb(64,48,83)
```
#49385f
```
#49385f rgb(73,56,95)
```
#533f6c
```
#533f6c rgb(83,63,108)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#654d84
```
#654d84 rgb(101,77,132)
```
#6f5491
```
#6f5491 rgb(111,84,145)
```
#785c9d
```
#785c9d rgb(120,92,157)
```

Shade Color Variation

#8266a6
```
#8266a6 rgb(130,102,166)
```
#8d73ad
```
#8d73ad rgb(141,115,173)
```
#977fb4
```
#977fb4 rgb(151,127,180)
```
#a18cbc
```
#a18cbc rgb(161,140,188)
```
#ab98c3
```
#ab98c3 rgb(171,152,195)
```
#b5a4ca
```
#b5a4ca rgb(181,164,202)
```
#bfb1d1
```
#bfb1d1 rgb(191,177,209)
```
#c9bdd9
```
#c9bdd9 rgb(201,189,217)
```
#d3cae0
```
#d3cae0 rgb(211,202,224)
```
#ddd6e7
```
#ddd6e7 rgb(221,214,231)
```
#e8e2ee
```
#e8e2ee rgb(232,226,238)
```
#f2eff6
```
#f2eff6 rgb(242,239,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#5e5569
```
#5e5569 rgb(94,85,105)
```
#5d4d71
```
#5d4d71 rgb(93,77,113)
```
#5c4678
```
#5c4678 rgb(92,70,120)
```
#5b3f7f
```
#5b3f7f rgb(91,63,127)
```
#5a3787
```
#5a3787 rgb(90,55,135)
```
#59308e
```
#59308e rgb(89,48,142)
```
#582995
```
#582995 rgb(88,41,149)
```
#58219d
```
#58219d rgb(88,33,157)
```
#571aa4
```
#571aa4 rgb(87,26,164)
```
#5613ab
```
#5613ab rgb(86,19,171)
```
#550cb2
```
#550cb2 rgb(85,12,178)
```
#5404ba
```
#5404ba rgb(84,4,186)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#54505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#475784 Protanopia 1% of men
#4a587b Deuteranopia 1% of men
#5d575d Tritanopia 0.001% of the population

Trichromacy

#4e5180 Protanomaly 1% of men, 0.01% of women
#50517a Deuteranomaly 6% of men, 0.4% of women
#5c5067 Tritanomaly 0.01% of the population

#5c4678 hex color

#5c4678 Color Information

#5c4678 Color Conversion

Color Schemes with #5c4678

Alternatives to #5c4678

#5c4678 Preview

Shades and Tints of #5c4678

Tones of #5c4678

Color Blindness Simulator