colorhexa.com

#5b3f75 hex color

In a RGB color space, hex #5b3f75 is composed of 35.7% red, 24.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 46.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 271.1 degrees, a saturation of 30% and a lightness of 35.3%. #5b3f75 color hex could be obtained by blending #b67eea with #000000. Closest websafe color is: #663366.

- R 36
- G 25
- B 46
RGB color chart
- C 22
- M 46
- Y 0
- K 54
CMYK color chart

● #5b3f75 color description : Dark moderate violet.

The hexadecimal color #5b3f75 has RGB values of R:91, G:63, B:117 and CMYK values of C:0.22, M:0.46, Y:0, K:0.54. Its decimal value is 5980021.

Hex triplet	5b3f75	`#5b3f75`
RGB Decimal	91, 63, 117	`rgb(91,63,117)`
RGB Percent	35.7, 24.7, 45.9	`rgb(35.7%,24.7%,45.9%)`
CMYK	22, 46, 0, 54
HSL	271.1°, 30, 35.3	`hsl(271.1,30%,35.3%)`
HSV (or HSB)	271.1°, 46.2, 45.9
Web Safe	663366	`#663366`

CIE-LAB	31.951, 23.733, -26.482
XYZ	9.302, 7.064, 17.702
xyY	0.273, 0.207, 7.064
CIE-LCH	31.951, 35.561, 311.867
CIE-LUV	31.951, 9.622, -37.692
Hunter-Lab	26.578, 15.965, -20.886
Binary	01011011, 00111111, 01110101

#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#59753f
```
#59753f rgb(89,117,63)
```

Complementary Color

#403f75
```
#403f75 rgb(64,63,117)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#753f74
```
#753f74 rgb(117,63,116)
```

Analogous Color

#3f7540
```
#3f7540 rgb(63,117,64)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#74753f
```
#74753f rgb(116,117,63)
```

Split Complementary Color

#3f755b
```
#3f755b rgb(63,117,91)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#755b3f
```
#755b3f rgb(117,91,63)
```

Triadic Color

#342443
```
#342443 rgb(52,36,67)
```
#412d54
```
#412d54 rgb(65,45,84)
```
#4e3664
```
#4e3664 rgb(78,54,100)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#684886
```
#684886 rgb(104,72,134)
```
#755196
```
#755196 rgb(117,81,150)
```
#825aa6
```
#825aa6 rgb(130,90,166)
```

Monochromatic Color

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

#4e3f75
```
#4e3f75 rgb(78,63,117)
```
#523f75
```
#523f75 rgb(82,63,117)
```
#573f75
```
#573f75 rgb(87,63,117)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#603f75
```
#603f75 rgb(96,63,117)
```
#643f75
```
#643f75 rgb(100,63,117)
```
#693f75
```
#693f75 rgb(105,63,117)
```

Similar Colors

Text with hexadecimal color #5b3f75

This text has a font color of #5b3f75.

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

#5b3f75 background color

This paragraph has a background color of #5b3f75.

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

#5b3f75 border color

This element has a border color of #5b3f75.

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

CSS codes

.text {color:#5b3f75;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c080f
```
#0c080f rgb(12,8,15)
```
#160f1c
```
#160f1c rgb(22,15,28)
```
#201629
```
#201629 rgb(32,22,41)
```
#291d35
```
#291d35 rgb(41,29,53)
```
#332442
```
#332442 rgb(51,36,66)
```
#3d2a4f
```
#3d2a4f rgb(61,42,79)
```
#47315c
```
#47315c rgb(71,49,92)
```
#513868
```
#513868 rgb(81,56,104)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#654682
```
#654682 rgb(101,70,130)
```
#6f4d8f
```
#6f4d8f rgb(111,77,143)
```
#79549b
```
#79549b rgb(121,84,155)
```

Shade Color Variation

#835ca7
```
#835ca7 rgb(131,92,167)
```
#8c68ae
```
#8c68ae rgb(140,104,174)
```
#9675b5
```
#9675b5 rgb(150,117,181)
```
#a082bc
```
#a082bc rgb(160,130,188)
```
#a98fc2
```
#a98fc2 rgb(169,143,194)
```
#b39bc9
```
#b39bc9 rgb(179,155,201)
```
#bda8d0
```
#bda8d0 rgb(189,168,208)
```
#c7b5d7
```
#c7b5d7 rgb(199,181,215)
```
#d0c2de
```
#d0c2de rgb(208,194,222)
```
#dacee5
```
#dacee5 rgb(218,206,229)
```
#e4dbec
```
#e4dbec rgb(228,219,236)
```
#ede8f2
```
#ede8f2 rgb(237,232,242)
```
#f7f5f9
```
#f7f5f9 rgb(247,245,249)
```

Tint Color Variation

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

#5a5460
```
#5a5460 rgb(90,84,96)
```
#5a4d67
```
#5a4d67 rgb(90,77,103)
```
#5b466e
```
#5b466e rgb(91,70,110)
```
#5b3f75
```
#5b3f75 rgb(91,63,117)
```
#5b387c
```
#5b387c rgb(91,56,124)
```
#5c3183
```
#5c3183 rgb(92,49,131)
```
#5c2a8a
```
#5c2a8a rgb(92,42,138)
```
#5c2391
```
#5c2391 rgb(92,35,145)
```
#5c1c98
```
#5c1c98 rgb(92,28,152)
```
#5d159f
```
#5d159f rgb(93,21,159)
```
#5d0fa5
```
#5d0fa5 rgb(93,15,165)
```
#5d08ac
```
#5d08ac rgb(93,8,172)
```
#5d01b3
```
#5d01b3 rgb(93,1,179)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#514b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5283 Protanopia 1% of men
#435478 Deuteranopia 1% of men
#5c5157 Tritanopia 0.001% of the population

Trichromacy

#494b7e Protanomaly 1% of men, 0.01% of women
#4c4c77 Deuteranomaly 6% of men, 0.4% of women
#5b4a62 Tritanomaly 0.01% of the population