#5b307d hex color

In a RGB color space, hex #5b307d is composed of 35.7% red, 18.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 61.6% magenta, 0% yellow and 51% black. It has a hue angle of 273.5 degrees, a saturation of 44.5% and a lightness of 33.9%. #5b307d color hex could be obtained by blending #b660fa with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 19
- B 49
RGB color chart
- C 27
- M 62
- Y 0
- K 51
CMYK color chart

● #5b307d color description : Dark moderate violet.

The hexadecimal color #5b307d has RGB values of R:91, G:48, B:125 and CMYK values of C:0.27, M:0.62, Y:0, K:0.51. Its decimal value is 5976189.

Hex triplet	5b307d	`#5b307d`
RGB Decimal	91, 48, 125	`rgb(91,48,125)`
RGB Percent	35.7, 18.8, 49	`rgb(35.7%,18.8%,49%)`
CMYK	27, 62, 0, 51
HSL	273.5°, 44.5, 33.9	`hsl(273.5,44.5%,33.9%)`
HSV (or HSB)	273.5°, 61.6, 49
Web Safe	663366	`#663366`

CIE-LAB	28.951, 34.753, -36.275
XYZ	9.072, 5.819, 20.046
xyY	0.26, 0.167, 5.819
CIE-LCH	28.951, 50.236, 313.772
CIE-LUV	28.951, 12.816, -50.316
Hunter-Lab	24.122, 24.92, -32.385
Binary	01011011, 00110000, 01111101

#5b307d
```
#5b307d rgb(91,48,125)
```
#527d30
```
#527d30 rgb(82,125,48)
```

Complementary Color

#35307d
```
#35307d rgb(53,48,125)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#7d3079
```
#7d3079 rgb(125,48,121)
```

Analogous Color

#307d35
```
#307d35 rgb(48,125,53)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#797d30
```
#797d30 rgb(121,125,48)
```

Split Complementary Color

#307d5b
```
#307d5b rgb(48,125,91)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#7d5b30
```
#7d5b30 rgb(125,91,48)
```

Triadic Color

#30527d
```
#30527d rgb(48,82,125)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#7d5b30
```
#7d5b30 rgb(125,91,48)
```
#527d30
```
#527d30 rgb(82,125,48)
```

Tetradic Color

#331b46
```
#331b46 rgb(51,27,70)
```
#402258
```
#402258 rgb(64,34,88)
```
#4e296b
```
#4e296b rgb(78,41,107)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#68378f
```
#68378f rgb(104,55,143)
```
#763ea2
```
#763ea2 rgb(118,62,162)
```
#8345b4
```
#8345b4 rgb(131,69,180)
```

Monochromatic Color

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

#48307d
```
#48307d rgb(72,48,125)
```
#4e307d
```
#4e307d rgb(78,48,125)
```
#55307d
```
#55307d rgb(85,48,125)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#61307d
```
#61307d rgb(97,48,125)
```
#68307d
```
#68307d rgb(104,48,125)
```
#6e307d
```
#6e307d rgb(110,48,125)
```

Similar Colors

Text with hexadecimal color #5b307d

This text has a font color of #5b307d.

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

#5b307d background color

This paragraph has a background color of #5b307d.

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

#5b307d border color

This element has a border color of #5b307d.

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

CSS codes

.text {color:#5b307d;}

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

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

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, #08040c is the darkest color, while #fdfcfe is the lightest one.

#08040c
```
#08040c rgb(8,4,12)
```
#130a1a
```
#130a1a rgb(19,10,26)
```
#1d0f28
```
#1d0f28 rgb(29,15,40)
```
#271536
```
#271536 rgb(39,21,54)
```
#321a44
```
#321a44 rgb(50,26,68)
```
#3c2052
```
#3c2052 rgb(60,32,82)
```
#462561
```
#462561 rgb(70,37,97)
```
#512b6f
```
#512b6f rgb(81,43,111)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#65358b
```
#65358b rgb(101,53,139)
```
#703b99
```
#703b99 rgb(112,59,153)
```
#7a40a8
```
#7a40a8 rgb(122,64,168)
```
#8446b6
```
#8446b6 rgb(132,70,182)
```

Shade Color Variation

#8e52bd
```
#8e52bd rgb(142,82,189)
```
#9761c2
```
#9761c2 rgb(151,97,194)
```
#a06fc8
```
#a06fc8 rgb(160,111,200)
```
#aa7dcd
```
#aa7dcd rgb(170,125,205)
```
#b38bd2
```
#b38bd2 rgb(179,139,210)
```
#bc99d8
```
#bc99d8 rgb(188,153,216)
```
#c6a7dd
```
#c6a7dd rgb(198,167,221)
```
#cfb6e3
```
#cfb6e3 rgb(207,182,227)
```
#d8c4e8
```
#d8c4e8 rgb(216,196,232)
```
#e1d2ee
```
#e1d2ee rgb(225,210,238)
```
#ebe0f3
```
#ebe0f3 rgb(235,224,243)
```
#f4eef9
```
#f4eef9 rgb(244,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57515c is the less saturated color, while #6001ac is the most saturated one.

#57515c
```
#57515c rgb(87,81,92)
```
#584b62
```
#584b62 rgb(88,75,98)
```
#594469
```
#594469 rgb(89,68,105)
```
#593d70
```
#593d70 rgb(89,61,112)
```
#5a3776
```
#5a3776 rgb(90,55,118)
```
#5b307d
```
#5b307d rgb(91,48,125)
```
#5c2984
```
#5c2984 rgb(92,41,132)
```
#5d238a
```
#5d238a rgb(93,35,138)
```
#5d1c91
```
#5d1c91 rgb(93,28,145)
```
#5e1598
```
#5e1598 rgb(94,21,152)
```
#5f0f9e
```
#5f0f9e rgb(95,15,158)
```
#6008a5
```
#6008a5 rgb(96,8,165)
```
#6001ac
```
#6001ac rgb(96,1,172)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4a4251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#154b92 Protanopia 1% of men
#294e7c Deuteranopia 1% of men
#584a4f Tritanopia 0.001% of the population

Trichromacy

#2e418a Protanomaly 1% of men, 0.01% of women
#3b437c Deuteranomaly 6% of men, 0.4% of women
#59405f Tritanomaly 0.01% of the population

#5b307d hex color

#5b307d Color Information

#5b307d Color Conversion

Color Schemes with #5b307d

Alternatives to #5b307d

#5b307d Preview

Shades and Tints of #5b307d

Tones of #5b307d

Color Blindness Simulator