colorhexa.com

#5336a6 hex color

In a RGB color space, hex #5336a6 is composed of 32.5% red, 21.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 67.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 255.5 degrees, a saturation of 50.9% and a lightness of 43.1%. #5336a6 color hex could be obtained by blending #a66cff with #00004d. Closest websafe color is: #663399.

- R 33
- G 21
- B 65
RGB color chart
- C 50
- M 67
- Y 0
- K 35
CMYK color chart

● #5336a6 color description : Dark moderate violet.

The hexadecimal color #5336a6 has RGB values of R:83, G:54, B:166 and CMYK values of C:0.5, M:0.67, Y:0, K:0.35. Its decimal value is 5453478.

Hex triplet	5336a6	`#5336a6`
RGB Decimal	83, 54, 166	`rgb(83,54,166)`
RGB Percent	32.5, 21.2, 65.1	`rgb(32.5%,21.2%,65.1%)`
CMYK	50, 67, 0, 35
HSL	255.5°, 50.9, 43.1	`hsl(255.5,50.9%,43.1%)`
HSV (or HSB)	255.5°, 67.5, 65.1
Web Safe	663399	`#663399`

CIE-LAB	32.326, 40.907, -56.056
XYZ	11.768, 7.23, 36.85
xyY	0.211, 0.129, 7.23
CIE-LCH	32.326, 69.395, 306.12
CIE-LUV	32.326, 2.58, -78.314
Hunter-Lab	26.889, 31.065, -62.431
Binary	01010011, 00110110, 10100110

#5336a6
```
#5336a6 rgb(83,54,166)
```
#89a636
```
#89a636 rgb(137,166,54)
```

Complementary Color

#3651a6
```
#3651a6 rgb(54,81,166)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#8b36a6
```
#8b36a6 rgb(139,54,166)
```

Analogous Color

#51a636
```
#51a636 rgb(81,166,54)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#a68b36
```
#a68b36 rgb(166,139,54)
```

Split Complementary Color

#36a653
```
#36a653 rgb(54,166,83)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#a65336
```
#a65336 rgb(166,83,54)
```

Triadic Color

#3689a6
```
#3689a6 rgb(54,137,166)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#a65336
```
#a65336 rgb(166,83,54)
```
#89a636
```
#89a636 rgb(137,166,54)
```

Tetradic Color

#36236c
```
#36236c rgb(54,35,108)
```
#402980
```
#402980 rgb(64,41,128)
```
#493093
```
#493093 rgb(73,48,147)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#5d3cb9
```
#5d3cb9 rgb(93,60,185)
```
#6a4bc4
```
#6a4bc4 rgb(106,75,196)
```
#7a5ecb
```
#7a5ecb rgb(122,94,203)
```

Monochromatic Color

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

#3736a6
```
#3736a6 rgb(55,54,166)
```
#4036a6
```
#4036a6 rgb(64,54,166)
```
#4a36a6
```
#4a36a6 rgb(74,54,166)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#5c36a6
```
#5c36a6 rgb(92,54,166)
```
#6636a6
```
#6636a6 rgb(102,54,166)
```
#6f36a6
```
#6f36a6 rgb(111,54,166)
```

Similar Colors

Text with hexadecimal color #5336a6

This text has a font color of #5336a6.

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

#5336a6 background color

This paragraph has a background color of #5336a6.

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

#5336a6 border color

This element has a border color of #5336a6.

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

CSS codes

.text {color:#5336a6;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090612
```
#090612 rgb(9,6,18)
```
#100b21
```
#100b21 rgb(16,11,33)
```
#180f30
```
#180f30 rgb(24,15,48)
```
#1f143e
```
#1f143e rgb(31,20,62)
```
#27194d
```
#27194d rgb(39,25,77)
```
#2e1e5c
```
#2e1e5c rgb(46,30,92)
```
#35236b
```
#35236b rgb(53,35,107)
```
#3d287a
```
#3d287a rgb(61,40,122)
```
#442c88
```
#442c88 rgb(68,44,136)
```
#4c3197
```
#4c3197 rgb(76,49,151)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#5a3bb5
```
#5a3bb5 rgb(90,59,181)
```

Shade Color Variation

#6342c1
```
#6342c1 rgb(99,66,193)
```
#6f51c6
```
#6f51c6 rgb(111,81,198)
```
#7b5fcb
```
#7b5fcb rgb(123,95,203)
```
#876ed0
```
#876ed0 rgb(135,110,208)
```
#947dd5
```
#947dd5 rgb(148,125,213)
```
#a08cda
```
#a08cda rgb(160,140,218)
```
#ac9bde
```
#ac9bde rgb(172,155,222)
```
#b8a9e3
```
#b8a9e3 rgb(184,169,227)
```
#c5b8e8
```
#c5b8e8 rgb(197,184,232)
```
#d1c7ed
```
#d1c7ed rgb(209,199,237)
```
#ddd6f2
```
#ddd6f2 rgb(221,214,242)
```
#e9e5f6
```
#e9e5f6 rgb(233,229,246)
```
#f5f3fb
```
#f5f3fb rgb(245,243,251)
```

Tint Color Variation

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

#6b6973
```
#6b6973 rgb(107,105,115)
```
#67607c
```
#67607c rgb(103,96,124)
```
#635884
```
#635884 rgb(99,88,132)
```
#5f4f8d
```
#5f4f8d rgb(95,79,141)
```
#5b4795
```
#5b4795 rgb(91,71,149)
```
#573e9e
```
#573e9e rgb(87,62,158)
```
#5336a6
```
#5336a6 rgb(83,54,166)
```
#4f2eae
```
#4f2eae rgb(79,46,174)
```
#4b25b7
```
#4b25b7 rgb(75,37,183)
```
#471dbf
```
#471dbf rgb(71,29,191)
```
#4314c8
```
#4314c8 rgb(67,20,200)
```
#3f0cd0
```
#3f0cd0 rgb(63,12,208)
```
#3b03d9
```
#3b03d9 rgb(59,3,217)
```

Tone Color Variation

Below, you can see how #5336a6 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
#4d475d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#40595f Tritanopia 0.001% of the population

Trichromacy

#1e48a3 Protanomaly 1% of men, 0.01% of women
#1e4b96 Deuteranomaly 6% of men, 0.4% of women
#464c79 Tritanomaly 0.01% of the population