#5b4178 hex color

In a RGB color space, hex #5b4178 is composed of 35.7% red, 25.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 45.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 268.4 degrees, a saturation of 29.7% and a lightness of 36.3%. #5b4178 color hex could be obtained by blending #b682f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 25
- B 47
RGB color chart
- C 24
- M 46
- Y 0
- K 53
CMYK color chart

● #5b4178 color description : Dark moderate violet.

The hexadecimal color #5b4178 has RGB values of R:91, G:65, B:120 and CMYK values of C:0.24, M:0.46, Y:0, K:0.53. Its decimal value is 5980536.

Hex triplet	5b4178	`#5b4178`
RGB Decimal	91, 65, 120	`rgb(91,65,120)`
RGB Percent	35.7, 25.5, 47.1	`rgb(35.7%,25.5%,47.1%)`
CMYK	24, 46, 0, 53
HSL	268.4°, 29.7, 36.3	`hsl(268.4,29.7%,36.3%)`
HSV (or HSB)	268.4°, 45.8, 47.1
Web Safe	663366	`#663366`

CIE-LAB	32.615, 23.26, -27.32
XYZ	9.594, 7.361, 18.684
xyY	0.269, 0.207, 7.361
CIE-LCH	32.615, 35.88, 310.411
CIE-LUV	32.615, 8.539, -39.029
Hunter-Lab	27.131, 15.644, -21.838
Binary	01011011, 01000001, 01111000

#5b4178
```
#5b4178 rgb(91,65,120)
```
#5e7841
```
#5e7841 rgb(94,120,65)
```

Complementary Color

#414278
```
#414278 rgb(65,66,120)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#774178
```
#774178 rgb(119,65,120)
```

Analogous Color

#427841
```
#427841 rgb(66,120,65)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#787741
```
#787741 rgb(120,119,65)
```

Split Complementary Color

#41785b
```
#41785b rgb(65,120,91)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#785b41
```
#785b41 rgb(120,91,65)
```

Triadic Color

#415e78
```
#415e78 rgb(65,94,120)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#785b41
```
#785b41 rgb(120,91,65)
```
#5e7841
```
#5e7841 rgb(94,120,65)
```

Tetradic Color

#352646
```
#352646 rgb(53,38,70)
```
#422f57
```
#422f57 rgb(66,47,87)
```
#4e3867
```
#4e3867 rgb(78,56,103)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#684a89
```
#684a89 rgb(104,74,137)
```
#745399
```
#745399 rgb(116,83,153)
```
#815ea8
```
#815ea8 rgb(129,94,168)
```

Monochromatic Color

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

#4d4178
```
#4d4178 rgb(77,65,120)
```
#524178
```
#524178 rgb(82,65,120)
```
#564178
```
#564178 rgb(86,65,120)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#604178
```
#604178 rgb(96,65,120)
```
#644178
```
#644178 rgb(100,65,120)
```
#694178
```
#694178 rgb(105,65,120)
```

Similar Colors

Text with hexadecimal color #5b4178

This text has a font color of #5b4178.

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

#5b4178 background color

This paragraph has a background color of #5b4178.

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

#5b4178 border color

This element has a border color of #5b4178.

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

CSS codes

.text {color:#5b4178;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a12
```
#0e0a12 rgb(14,10,18)
```
#17111f
```
#17111f rgb(23,17,31)
```
#21182c
```
#21182c rgb(33,24,44)
```
#2b1f38
```
#2b1f38 rgb(43,31,56)
```
#342545
```
#342545 rgb(52,37,69)
```
#3e2c52
```
#3e2c52 rgb(62,44,82)
```
#48335f
```
#48335f rgb(72,51,95)
```
#513a6b
```
#513a6b rgb(81,58,107)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#654885
```
#654885 rgb(101,72,133)
```
#6e4f91
```
#6e4f91 rgb(110,79,145)
```
#78569e
```
#78569e rgb(120,86,158)
```

Shade Color Variation

#825fa8
```
#825fa8 rgb(130,95,168)
```
#8c6caf
```
#8c6caf rgb(140,108,175)
```
#9679b6
```
#9679b6 rgb(150,121,182)
```
#a085bd
```
#a085bd rgb(160,133,189)
```
#aa92c4
```
#aa92c4 rgb(170,146,196)
```
#b49fcb
```
#b49fcb rgb(180,159,203)
```
#beabd2
```
#beabd2 rgb(190,171,210)
```
#c7b8d9
```
#c7b8d9 rgb(199,184,217)
```
#d1c5e0
```
#d1c5e0 rgb(209,197,224)
```
#dbd2e6
```
#dbd2e6 rgb(219,210,230)
```
#e5deed
```
#e5deed rgb(229,222,237)
```
#efebf4
```
#efebf4 rgb(239,235,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#5c5663
```
#5c5663 rgb(92,86,99)
```
#5c4f6a
```
#5c4f6a rgb(92,79,106)
```
#5b4871
```
#5b4871 rgb(91,72,113)
```
#5b4178
```
#5b4178 rgb(91,65,120)
```
#5b3a7f
```
#5b3a7f rgb(91,58,127)
```
#5a3386
```
#5a3386 rgb(90,51,134)
```
#5a2c8d
```
#5a2c8d rgb(90,44,141)
```
#592594
```
#592594 rgb(89,37,148)
```
#591d9c
```
#591d9c rgb(89,29,156)
```
#5916a3
```
#5916a3 rgb(89,22,163)
```
#580faa
```
#580faa rgb(88,15,170)
```
#5808b1
```
#5808b1 rgb(88,8,177)
```
#5801b8
```
#5801b8 rgb(88,1,184)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#514c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#405486 Protanopia 1% of men
#44557b Deuteranopia 1% of men
#5b5359 Tritanopia 0.001% of the population

Trichromacy

#4a4d81 Protanomaly 1% of men, 0.01% of women
#4c4e7a Deuteranomaly 6% of men, 0.4% of women
#5b4c64 Tritanomaly 0.01% of the population

#5b4178 hex color

#5b4178 Color Information

#5b4178 Color Conversion

Color Schemes with #5b4178

Alternatives to #5b4178

#5b4178 Preview

Shades and Tints of #5b4178

Tones of #5b4178

Color Blindness Simulator