colorhexa.com

#5d36b2 hex color

In a RGB color space, hex #5d36b2 is composed of 36.5% red, 21.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 69.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 258.9 degrees, a saturation of 53.4% and a lightness of 45.5%. #5d36b2 color hex could be obtained by blending #ba6cff with #000065. Closest websafe color is: #663399.

- R 36
- G 21
- B 70
RGB color chart
- C 48
- M 70
- Y 0
- K 30
CMYK color chart

● #5d36b2 color description : Dark moderate violet.

The hexadecimal color #5d36b2 has RGB values of R:93, G:54, B:178 and CMYK values of C:0.48, M:0.7, Y:0, K:0.3. Its decimal value is 6108850.

Hex triplet	5d36b2	`#5d36b2`
RGB Decimal	93, 54, 178	`rgb(93,54,178)`
RGB Percent	36.5, 21.2, 69.8	`rgb(36.5%,21.2%,69.8%)`
CMYK	48, 70, 0, 30
HSL	258.9°, 53.4, 45.5	`hsl(258.9,53.4%,45.5%)`
HSV (or HSB)	258.9°, 69.7, 69.8
Web Safe	663399	`#663399`

CIE-LAB	34.354, 46.18, -59.877
XYZ	13.868, 8.18, 42.965
xyY	0.213, 0.126, 8.18
CIE-LCH	34.354, 75.617, 307.641
CIE-LUV	34.354, 4.968, -85.309
Hunter-Lab	28.6, 36.502, -69.05
Binary	01011101, 00110110, 10110010

#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#8bb236
```
#8bb236 rgb(139,178,54)
```

Complementary Color

#364db2
```
#364db2 rgb(54,77,178)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#9b36b2
```
#9b36b2 rgb(155,54,178)
```

Analogous Color

#4db236
```
#4db236 rgb(77,178,54)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#b29b36
```
#b29b36 rgb(178,155,54)
```

Split Complementary Color

#36b25d
```
#36b25d rgb(54,178,93)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#b25d36
```
#b25d36 rgb(178,93,54)
```

Triadic Color

#368bb2
```
#368bb2 rgb(54,139,178)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#b25d36
```
#b25d36 rgb(178,93,54)
```
#8bb236
```
#8bb236 rgb(139,178,54)
```

Tetradic Color

#3e2477
```
#3e2477 rgb(62,36,119)
```
#492a8b
```
#492a8b rgb(73,42,139)
```
#53309e
```
#53309e rgb(83,48,158)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#683dc4
```
#683dc4 rgb(104,61,196)
```
#7751ca
```
#7751ca rgb(119,81,202)
```
#8664d0
```
#8664d0 rgb(134,100,208)
```

Monochromatic Color

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

#3e36b2
```
#3e36b2 rgb(62,54,178)
```
#4836b2
```
#4836b2 rgb(72,54,178)
```
#5336b2
```
#5336b2 rgb(83,54,178)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#6736b2
```
#6736b2 rgb(103,54,178)
```
#7236b2
```
#7236b2 rgb(114,54,178)
```
#7c36b2
```
#7c36b2 rgb(124,54,178)
```

Similar Colors

Text with hexadecimal color #5d36b2

This text has a font color of #5d36b2.

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

#5d36b2 background color

This paragraph has a background color of #5d36b2.

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

#5d36b2 border color

This element has a border color of #5d36b2.

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

CSS codes

.text {color:#5d36b2;}

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

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

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

#07040c
```
#07040c rgb(7,4,12)
```
#0e081c
```
#0e081c rgb(14,8,28)
```
#160d2b
```
#160d2b rgb(22,13,43)
```
#1e113a
```
#1e113a rgb(30,17,58)
```
#261649
```
#261649 rgb(38,22,73)
```
#2e1b58
```
#2e1b58 rgb(46,27,88)
```
#361f67
```
#361f67 rgb(54,31,103)
```
#3e2476
```
#3e2476 rgb(62,36,118)
```
#452885
```
#452885 rgb(69,40,133)
```
#4d2d94
```
#4d2d94 rgb(77,45,148)
```
#5531a3
```
#5531a3 rgb(85,49,163)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#653bc1
```
#653bc1 rgb(101,59,193)
```

Shade Color Variation

#7048c7
```
#7048c7 rgb(112,72,199)
```
#7c57cc
```
#7c57cc rgb(124,87,204)
```
#8766d1
```
#8766d1 rgb(135,102,209)
```
#9375d5
```
#9375d5 rgb(147,117,213)
```
#9f84da
```
#9f84da rgb(159,132,218)
```
#ab93de
```
#ab93de rgb(171,147,222)
```
#b6a2e3
```
#b6a2e3 rgb(182,162,227)
```
#c2b1e7
```
#c2b1e7 rgb(194,177,231)
```
#cec0ec
```
#cec0ec rgb(206,192,236)
```
#dacff1
```
#dacff1 rgb(218,207,241)
```
#e5def5
```
#e5def5 rgb(229,222,245)
```
#f1edfa
```
#f1edfa rgb(241,237,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716c7c is the less saturated color, while #4900e8 is the most saturated one.

#716c7c
```
#716c7c rgb(113,108,124)
```
#6e6385
```
#6e6385 rgb(110,99,133)
```
#6a5a8e
```
#6a5a8e rgb(106,90,142)
```
#675197
```
#675197 rgb(103,81,151)
```
#6448a0
```
#6448a0 rgb(100,72,160)
```
#603fa9
```
#603fa9 rgb(96,63,169)
```
#5d36b2
```
#5d36b2 rgb(93,54,178)
```
#5a2dbb
```
#5a2dbb rgb(90,45,187)
```
#5624c4
```
#5624c4 rgb(86,36,196)
```
#531bcd
```
#531bcd rgb(83,27,205)
```
#5012d6
```
#5012d6 rgb(80,18,214)
```
#4c09df
```
#4c09df rgb(76,9,223)
```
#4900e8
```
#4900e8 rgb(73,0,232)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#534b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b95 Deuteranopia 1% of men
#495d63 Tritanopia 0.001% of the population

Trichromacy

#214bac Protanomaly 1% of men, 0.01% of women
#214e9f Deuteranomaly 6% of men, 0.4% of women
#504e80 Tritanomaly 0.01% of the population