#5336a1 hex color

In a RGB color space, hex #5336a1 is composed of 32.5% red, 21.2% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 66.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 256.3 degrees, a saturation of 49.8% and a lightness of 42.2%. #5336a1 color hex could be obtained by blending #a66cff with #000043. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 21
- B 63
RGB color chart
- C 48
- M 66
- Y 0
- K 37
CMYK color chart

● #5336a1 color description : Dark moderate violet.

The hexadecimal color #5336a1 has RGB values of R:83, G:54, B:161 and CMYK values of C:0.48, M:0.66, Y:0, K:0.37. Its decimal value is 5453473.

Hex triplet	5336a1	`#5336a1`
RGB Decimal	83, 54, 161	`rgb(83,54,161)`
RGB Percent	32.5, 21.2, 63.1	`rgb(32.5%,21.2%,63.1%)`
CMYK	48, 66, 0, 37
HSL	256.3°, 49.8, 42.2	`hsl(256.3,49.8%,42.2%)`
HSV (or HSB)	256.3°, 66.5, 63.1
Web Safe	663399	`#663399`

CIE-LAB	31.921, 39.433, -53.7
XYZ	11.318, 7.05, 34.481
xyY	0.214, 0.133, 7.05
CIE-LCH	31.921, 66.623, 306.291
CIE-LUV	31.921, 3.098, -74.94
Hunter-Lab	26.553, 29.621, -58.406
Binary	01010011, 00110110, 10100001

#5336a1
```
#5336a1 rgb(83,54,161)
```
#84a136
```
#84a136 rgb(132,161,54)
```

Complementary Color

#364fa1
```
#364fa1 rgb(54,79,161)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#8936a1
```
#8936a1 rgb(137,54,161)
```

Analogous Color

#4fa136
```
#4fa136 rgb(79,161,54)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#a18936
```
#a18936 rgb(161,137,54)
```

Split Complementary Color

#36a153
```
#36a153 rgb(54,161,83)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#a15336
```
#a15336 rgb(161,83,54)
```

Triadic Color

#3684a1
```
#3684a1 rgb(54,132,161)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#a15336
```
#a15336 rgb(161,83,54)
```
#84a136
```
#84a136 rgb(132,161,54)
```

Tetradic Color

#352368
```
#352368 rgb(53,35,104)
```
#3f297b
```
#3f297b rgb(63,41,123)
```
#49308e
```
#49308e rgb(73,48,142)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#5d3cb4
```
#5d3cb4 rgb(93,60,180)
```
#6948c2
```
#6948c2 rgb(105,72,194)
```
#795bc8
```
#795bc8 rgb(121,91,200)
```

Monochromatic Color

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

#3836a1
```
#3836a1 rgb(56,54,161)
```
#4136a1
```
#4136a1 rgb(65,54,161)
```
#4a36a1
```
#4a36a1 rgb(74,54,161)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#5c36a1
```
#5c36a1 rgb(92,54,161)
```
#6536a1
```
#6536a1 rgb(101,54,161)
```
#6e36a1
```
#6e36a1 rgb(110,54,161)
```

Similar Colors

Text with hexadecimal color #5336a1

This text has a font color of #5336a1.

<span style="color:#5336a1;">Text here</span>

#5336a1 background color

This paragraph has a background color of #5336a1.

<p style="background-color:#5336a1;">Content here</p>

#5336a1 border color

This element has a border color of #5336a1.

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

CSS codes

.text {color:#5336a1;}

.background {background-color:#5336a1;}

.border {border:1px solid #5336a1;}

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, #07050e is the darkest color, while #fffeff is the lightest one.

#07050e
```
#07050e rgb(7,5,14)
```
#0f0a1d
```
#0f0a1d rgb(15,10,29)
```
#160f2b
```
#160f2b rgb(22,15,43)
```
#1e143a
```
#1e143a rgb(30,20,58)
```
#261849
```
#261849 rgb(38,24,73)
```
#2d1d58
```
#2d1d58 rgb(45,29,88)
```
#352266
```
#352266 rgb(53,34,102)
```
#3c2775
```
#3c2775 rgb(60,39,117)
```
#442c84
```
#442c84 rgb(68,44,132)
```
#4b3192
```
#4b3192 rgb(75,49,146)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#5b3bb0
```
#5b3bb0 rgb(91,59,176)
```
#6240be
```
#6240be rgb(98,64,190)
```

Shade Color Variation

#6e4ec4
```
#6e4ec4 rgb(110,78,196)
```
#7a5dc9
```
#7a5dc9 rgb(122,93,201)
```
#866cce
```
#866cce rgb(134,108,206)
```
#927ad2
```
#927ad2 rgb(146,122,210)
```
#9e89d7
```
#9e89d7 rgb(158,137,215)
```
#aa98dc
```
#aa98dc rgb(170,152,220)
```
#b6a6e1
```
#b6a6e1 rgb(182,166,225)
```
#c2b5e6
```
#c2b5e6 rgb(194,181,230)
```
#cec4eb
```
#cec4eb rgb(206,196,235)
```
#dad2f0
```
#dad2f0 rgb(218,210,240)
```
#e6e1f5
```
#e6e1f5 rgb(230,225,245)
```
#f2f0fa
```
#f2f0fa rgb(242,240,250)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a686f is the less saturated color, while #3c04d3 is the most saturated one.

#6a686f
```
#6a686f rgb(106,104,111)
```
#665f78
```
#665f78 rgb(102,95,120)
```
#625780
```
#625780 rgb(98,87,128)
```
#5e4f88
```
#5e4f88 rgb(94,79,136)
```
#5b4790
```
#5b4790 rgb(91,71,144)
```
#573e99
```
#573e99 rgb(87,62,153)
```
#5336a1
```
#5336a1 rgb(83,54,161)
```
#4f2ea9
```
#4f2ea9 rgb(79,46,169)
```
#4b25b2
```
#4b25b2 rgb(75,37,178)
```
#481dba
```
#481dba rgb(72,29,186)
```
#4415c2
```
#4415c2 rgb(68,21,194)
```
#400dca
```
#400dca rgb(64,13,202)
```
#3c04d3
```
#3c04d3 rgb(60,4,211)
```

Tone Color Variation

Below, you can see how #5336a1 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

#4b4b4b Achromatopsia 0.005% of the population
#4d475c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0051a0 Protanopia 1% of men
#00568c Deuteranopia 1% of men
#42575e Tritanopia 0.001% of the population

Trichromacy

#1e47a0 Protanomaly 1% of men, 0.01% of women
#1e4a94 Deuteranomaly 6% of men, 0.4% of women
#484b76 Tritanomaly 0.01% of the population

#5336a1 hex color

#5336a1 Color Information

#5336a1 Color Conversion

Color Schemes with #5336a1

Alternatives to #5336a1

#5336a1 Preview

Shades and Tints of #5336a1

Tones of #5336a1

Color Blindness Simulator