colorhexa.com

#5b308a hex color

In a RGB color space, hex #5b308a is composed of 35.7% red, 18.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 65.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 268.7 degrees, a saturation of 48.4% and a lightness of 36.5%. #5b308a color hex could be obtained by blending #b660ff with #000015. Closest websafe color is: #663399.

- R 36
- G 19
- B 54
RGB color chart
- C 34
- M 65
- Y 0
- K 46
CMYK color chart

● #5b308a color description : Dark moderate violet.

The hexadecimal color #5b308a has RGB values of R:91, G:48, B:138 and CMYK values of C:0.34, M:0.65, Y:0, K:0.46. Its decimal value is 5976202.

Hex triplet	5b308a	`#5b308a`
RGB Decimal	91, 48, 138	`rgb(91,48,138)`
RGB Percent	35.7, 18.8, 54.1	`rgb(35.7%,18.8%,54.1%)`
CMYK	34, 65, 0, 46
HSL	268.7°, 48.4, 36.5	`hsl(268.7,48.4%,36.5%)`
HSV (or HSB)	268.7°, 65.2, 54.1
Web Safe	663399	`#663399`

CIE-LAB	29.845, 38.104, -42.95
XYZ	9.958, 6.173, 24.71
xyY	0.244, 0.151, 6.173
CIE-LCH	29.845, 57.416, 311.579
CIE-LUV	29.845, 10.709, -59.707
Hunter-Lab	24.846, 28.062, -41.575
Binary	01011011, 00110000, 10001010

#5b308a
```
#5b308a rgb(91,48,138)
```
#5f8a30
```
#5f8a30 rgb(95,138,48)
```

Complementary Color

#30328a
```
#30328a rgb(48,50,138)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#88308a
```
#88308a rgb(136,48,138)
```

Analogous Color

#328a30
```
#328a30 rgb(50,138,48)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#8a8830
```
#8a8830 rgb(138,136,48)
```

Split Complementary Color

#308a5b
```
#308a5b rgb(48,138,91)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#8a5b30
```
#8a5b30 rgb(138,91,48)
```

Triadic Color

#361c51
```
#361c51 rgb(54,28,81)
```
#422364
```
#422364 rgb(66,35,100)
```
#4f2977
```
#4f2977 rgb(79,41,119)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#67379d
```
#67379d rgb(103,55,157)
```
#743db0
```
#743db0 rgb(116,61,176)
```
#8147bf
```
#8147bf rgb(129,71,191)
```

Monochromatic Color

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

#44308a
```
#44308a rgb(68,48,138)
```
#4c308a
```
#4c308a rgb(76,48,138)
```
#54308a
```
#54308a rgb(84,48,138)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#62308a
```
#62308a rgb(98,48,138)
```
#6a308a
```
#6a308a rgb(106,48,138)
```
#72308a
```
#72308a rgb(114,48,138)
```

Similar Colors

Text with hexadecimal color #5b308a

This text has a font color of #5b308a.

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

#5b308a background color

This paragraph has a background color of #5b308a.

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

#5b308a border color

This element has a border color of #5b308a.

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

CSS codes

.text {color:#5b308a;}

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

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

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

#050207
```
#050207 rgb(5,2,7)
```
#0e0816
```
#0e0816 rgb(14,8,22)
```
#180d24
```
#180d24 rgb(24,13,36)
```
#211233
```
#211233 rgb(33,18,51)
```
#2b1741
```
#2b1741 rgb(43,23,65)
```
#351c50
```
#351c50 rgb(53,28,80)
```
#3e215e
```
#3e215e rgb(62,33,94)
```
#48266d
```
#48266d rgb(72,38,109)
```
#512b7b
```
#512b7b rgb(81,43,123)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#653599
```
#653599 rgb(101,53,153)
```
#6e3aa7
```
#6e3aa7 rgb(110,58,167)
```
#783fb6
```
#783fb6 rgb(120,63,182)
```

Shade Color Variation

#8249c0
```
#8249c0 rgb(130,73,192)
```
#8c57c5
```
#8c57c5 rgb(140,87,197)
```
#9666ca
```
#9666ca rgb(150,102,202)
```
#a074cf
```
#a074cf rgb(160,116,207)
```
#aa83d4
```
#aa83d4 rgb(170,131,212)
```
#b492d9
```
#b492d9 rgb(180,146,217)
```
#bea0de
```
#bea0de rgb(190,160,222)
```
#c8afe3
```
#c8afe3 rgb(200,175,227)
```
#d2bde8
```
#d2bde8 rgb(210,189,232)
```
#dccced
```
#dccced rgb(220,204,237)
```
#e6daf2
```
#e6daf2 rgb(230,218,242)
```
#f0e9f7
```
#f0e9f7 rgb(240,233,247)
```
#faf7fc
```
#faf7fc rgb(250,247,252)
```

Tint Color Variation

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

#5d5b5f
```
#5d5b5f rgb(93,91,95)
```
#5d5466
```
#5d5466 rgb(93,84,102)
```
#5c4d6d
```
#5c4d6d rgb(92,77,109)
```
#5c4575
```
#5c4575 rgb(92,69,117)
```
#5c3e7c
```
#5c3e7c rgb(92,62,124)
```
#5b3783
```
#5b3783 rgb(91,55,131)
```
#5b308a
```
#5b308a rgb(91,48,138)
```
#5b2991
```
#5b2991 rgb(91,41,145)
```
#5a2298
```
#5a2298 rgb(90,34,152)
```
#5a1b9f
```
#5a1b9f rgb(90,27,159)
```
#5a13a7
```
#5a13a7 rgb(90,19,167)
```
#590cae
```
#590cae rgb(89,12,174)
```
#5905b5
```
#5905b5 rgb(89,5,181)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4b4254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005187 Deuteranopia 1% of men
#554d53 Tritanopia 0.001% of the population

Trichromacy

#214292 Protanomaly 1% of men, 0.01% of women
#214588 Deuteranomaly 6% of men, 0.4% of women
#574367 Tritanomaly 0.01% of the population