#5a36c4 hex color

In a RGB color space, hex #5a36c4 is composed of 35.3% red, 21.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 72.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 255.2 degrees, a saturation of 56.8% and a lightness of 49%. #5a36c4 color hex could be obtained by blending #b46cff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 21
- B 77
RGB color chart
- C 54
- M 72
- Y 0
- K 23
CMYK color chart

● #5a36c4 color description : Moderate violet.

The hexadecimal color #5a36c4 has RGB values of R:90, G:54, B:196 and CMYK values of C:0.54, M:0.72, Y:0, K:0.23. Its decimal value is 5912260.

Hex triplet	5a36c4	`#5a36c4`
RGB Decimal	90, 54, 196	`rgb(90,54,196)`
RGB Percent	35.3, 21.2, 76.9	`rgb(35.3%,21.2%,76.9%)`
CMYK	54, 72, 0, 23
HSL	255.2°, 56.8, 49	`hsl(255.2,56.8%,49%)`
HSV (or HSB)	255.2°, 72.4, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.591, 50.783, -68.479
XYZ	15.498, 8.797, 53.103
xyY	0.2, 0.114, 8.797
CIE-LCH	35.591, 85.254, 306.56
CIE-LUV	35.591, 1.961, -97.274
Hunter-Lab	29.66, 41.363, -85.39
Binary	01011010, 00110110, 11000100

#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#a0c436
```
#a0c436 rgb(160,196,54)
```

Complementary Color

#3659c4
```
#3659c4 rgb(54,89,196)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#a136c4
```
#a136c4 rgb(161,54,196)
```

Analogous Color

#59c436
```
#59c436 rgb(89,196,54)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#c4a136
```
#c4a136 rgb(196,161,54)
```

Split Complementary Color

#36c45a
```
#36c45a rgb(54,196,90)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#c45a36
```
#c45a36 rgb(196,90,54)
```

Triadic Color

#36a0c4
```
#36a0c4 rgb(54,160,196)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#c45a36
```
#c45a36 rgb(196,90,54)
```
#a0c436
```
#a0c436 rgb(160,196,54)
```

Tetradic Color

#3e2588
```
#3e2588 rgb(62,37,136)
```
#482b9c
```
#482b9c rgb(72,43,156)
```
#5130b0
```
#5130b0 rgb(81,48,176)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#6947cc
```
#6947cc rgb(105,71,204)
```
#795bd2
```
#795bd2 rgb(121,91,210)
```
#8a6fd7
```
#8a6fd7 rgb(138,111,215)
```

Monochromatic Color

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

#3736c4
```
#3736c4 rgb(55,54,196)
```
#4236c4
```
#4236c4 rgb(66,54,196)
```
#4e36c4
```
#4e36c4 rgb(78,54,196)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#6636c4
```
#6636c4 rgb(102,54,196)
```
#7236c4
```
#7236c4 rgb(114,54,196)
```
#7e36c4
```
#7e36c4 rgb(126,54,196)
```

Similar Colors

Text with hexadecimal color #5a36c4

This text has a font color of #5a36c4.

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

#5a36c4 background color

This paragraph has a background color of #5a36c4.

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

#5a36c4 border color

This element has a border color of #5a36c4.

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

CSS codes

.text {color:#5a36c4;}

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

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

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, #05030b is the darkest color, while #fcfbfe is the lightest one.

#05030b
```
#05030b rgb(5,3,11)
```
#0c071b
```
#0c071b rgb(12,7,27)
```
#130c2a
```
#130c2a rgb(19,12,42)
```
#1a103a
```
#1a103a rgb(26,16,58)
```
#221449
```
#221449 rgb(34,20,73)
```
#291858
```
#291858 rgb(41,24,88)
```
#301d68
```
#301d68 rgb(48,29,104)
```
#372177
```
#372177 rgb(55,33,119)
```
#3e2586
```
#3e2586 rgb(62,37,134)
```
#452996
```
#452996 rgb(69,41,150)
```
#4c2ea5
```
#4c2ea5 rgb(76,46,165)
```
#5332b5
```
#5332b5 rgb(83,50,181)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```

Shade Color Variation

#6543cb
```
#6543cb rgb(101,67,203)
```
#7252cf
```
#7252cf rgb(114,82,207)
```
#7e61d4
```
#7e61d4 rgb(126,97,212)
```
#8b71d8
```
#8b71d8 rgb(139,113,216)
```
#9780dc
```
#9780dc rgb(151,128,220)
```
#a48fe0
```
#a48fe0 rgb(164,143,224)
```
#b09fe4
```
#b09fe4 rgb(176,159,228)
```
#bdaee9
```
#bdaee9 rgb(189,174,233)
```
#cabeed
```
#cabeed rgb(202,190,237)
```
#d6cdf1
```
#d6cdf1 rgb(214,205,241)
```
#e3dcf5
```
#e3dcf5 rgb(227,220,245)
```
#efecfa
```
#efecfa rgb(239,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7981 is the less saturated color, while #4206f4 is the most saturated one.

#7b7981
```
#7b7981 rgb(123,121,129)
```
#76708a
```
#76708a rgb(118,112,138)
```
#726694
```
#726694 rgb(114,102,148)
```
#6d5c9e
```
#6d5c9e rgb(109,92,158)
```
#6853a7
```
#6853a7 rgb(104,83,167)
```
#6349b1
```
#6349b1 rgb(99,73,177)
```
#5f40ba
```
#5f40ba rgb(95,64,186)
```
#5a36c4
```
#5a36c4 rgb(90,54,196)
```
#552cce
```
#552cce rgb(85,44,206)
```
#5123d7
```
#5123d7 rgb(81,35,215)
```
#4c19e1
```
#4c19e1 rgb(76,25,225)
```
#4710ea
```
#4710ea rgb(71,16,234)
```
#4206f4
```
#4206f4 rgb(66,6,244)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#534c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#38626a Tritanopia 0.001% of the population

Trichromacy

#204cb6 Protanomaly 1% of men, 0.01% of women
#2050a8 Deuteranomaly 6% of men, 0.4% of women
#44528a Tritanomaly 0.01% of the population

#5a36c4 hex color

#5a36c4 Color Information

#5a36c4 Color Conversion

Color Schemes with #5a36c4

Alternatives to #5a36c4

#5a36c4 Preview

Shades and Tints of #5a36c4

Tones of #5a36c4

Color Blindness Simulator