#5336a7 hex color

In a RGB color space, hex #5336a7 is composed of 32.5% red, 21.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 67.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 255.4 degrees, a saturation of 51.1% and a lightness of 43.3%. #5336a7 color hex could be obtained by blending #a66cff with #00004f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 21
- B 65
RGB color chart
- C 50
- M 68
- Y 0
- K 35
CMYK color chart

● #5336a7 color description : Dark moderate violet.

The hexadecimal color #5336a7 has RGB values of R:83, G:54, B:167 and CMYK values of C:0.5, M:0.68, Y:0, K:0.35. Its decimal value is 5453479.

Hex triplet	5336a7	`#5336a7`
RGB Decimal	83, 54, 167	`rgb(83,54,167)`
RGB Percent	32.5, 21.2, 65.5	`rgb(32.5%,21.2%,65.5%)`
CMYK	50, 68, 0, 35
HSL	255.4°, 51.1, 43.3	`hsl(255.4,51.1%,43.3%)`
HSV (or HSB)	255.4°, 67.7, 65.5
Web Safe	663399	`#663399`

CIE-LAB	32.407, 41.202, -56.524
XYZ	11.86, 7.267, 37.335
xyY	0.21, 0.129, 7.267
CIE-LCH	32.407, 69.947, 306.09
CIE-LUV	32.407, 2.478, -78.984
Hunter-Lab	26.958, 31.357, -63.243
Binary	01010011, 00110110, 10100111

#5336a7
```
#5336a7 rgb(83,54,167)
```
#8aa736
```
#8aa736 rgb(138,167,54)
```

Complementary Color

#3652a7
```
#3652a7 rgb(54,82,167)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#8c36a7
```
#8c36a7 rgb(140,54,167)
```

Analogous Color

#52a736
```
#52a736 rgb(82,167,54)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#a78c36
```
#a78c36 rgb(167,140,54)
```

Split Complementary Color

#36a753
```
#36a753 rgb(54,167,83)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#a75336
```
#a75336 rgb(167,83,54)
```

Triadic Color

#368aa7
```
#368aa7 rgb(54,138,167)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#a75336
```
#a75336 rgb(167,83,54)
```
#8aa736
```
#8aa736 rgb(138,167,54)
```

Tetradic Color

#36236d
```
#36236d rgb(54,35,109)
```
#402a80
```
#402a80 rgb(64,42,128)
```
#493094
```
#493094 rgb(73,48,148)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#5d3cba
```
#5d3cba rgb(93,60,186)
```
#6a4bc5
```
#6a4bc5 rgb(106,75,197)
```
#7a5ecb
```
#7a5ecb rgb(122,94,203)
```

Monochromatic Color

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

#3736a7
```
#3736a7 rgb(55,54,167)
```
#4036a7
```
#4036a7 rgb(64,54,167)
```
#4a36a7
```
#4a36a7 rgb(74,54,167)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#5c36a7
```
#5c36a7 rgb(92,54,167)
```
#6636a7
```
#6636a7 rgb(102,54,167)
```
#6f36a7
```
#6f36a7 rgb(111,54,167)
```

Similar Colors

Text with hexadecimal color #5336a7

This text has a font color of #5336a7.

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

#5336a7 background color

This paragraph has a background color of #5336a7.

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

#5336a7 border color

This element has a border color of #5336a7.

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

CSS codes

.text {color:#5336a7;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090613
```
#090613 rgb(9,6,19)
```
#110b22
```
#110b22 rgb(17,11,34)
```
#181030
```
#181030 rgb(24,16,48)
```
#1f143f
```
#1f143f rgb(31,20,63)
```
#27194e
```
#27194e rgb(39,25,78)
```
#2e1e5d
```
#2e1e5d rgb(46,30,93)
```
#36236c
```
#36236c rgb(54,35,108)
```
#3d287b
```
#3d287b rgb(61,40,123)
```
#442c89
```
#442c89 rgb(68,44,137)
```
#4c3198
```
#4c3198 rgb(76,49,152)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#5a3bb6
```
#5a3bb6 rgb(90,59,182)
```

Shade Color Variation

#6342c2
```
#6342c2 rgb(99,66,194)
```
#6f51c7
```
#6f51c7 rgb(111,81,199)
```
#7c60cc
```
#7c60cc rgb(124,96,204)
```
#886fd0
```
#886fd0 rgb(136,111,208)
```
#947ed5
```
#947ed5 rgb(148,126,213)
```
#a08cda
```
#a08cda rgb(160,140,218)
```
#ad9bdf
```
#ad9bdf rgb(173,155,223)
```
#b9aae4
```
#b9aae4 rgb(185,170,228)
```
#c5b9e8
```
#c5b9e8 rgb(197,185,232)
```
#d1c8ed
```
#d1c8ed rgb(209,200,237)
```
#ded6f2
```
#ded6f2 rgb(222,214,242)
```
#eae5f7
```
#eae5f7 rgb(234,229,247)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

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

#6c6974
```
#6c6974 rgb(108,105,116)
```
#68617d
```
#68617d rgb(104,97,125)
```
#645885
```
#645885 rgb(100,88,133)
```
#5f508e
```
#5f508e rgb(95,80,142)
```
#5b4796
```
#5b4796 rgb(91,71,150)
```
#573f9f
```
#573f9f rgb(87,63,159)
```
#5336a7
```
#5336a7 rgb(83,54,167)
```
#4f2eb0
```
#4f2eb0 rgb(79,46,176)
```
#4b25b8
```
#4b25b8 rgb(75,37,184)
```
#471dc1
```
#471dc1 rgb(71,29,193)
```
#4214c9
```
#4214c9 rgb(66,20,201)
```
#3e0cd2
```
#3e0cd2 rgb(62,12,210)
```
#3a03da
```
#3a03da rgb(58,3,218)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d485e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a2 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#3f5960 Tritanopia 0.001% of the population

Trichromacy

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

#5336a7 hex color

#5336a7 Color Information

#5336a7 Color Conversion

Color Schemes with #5336a7

Alternatives to #5336a7

#5336a7 Preview

Shades and Tints of #5336a7

Tones of #5336a7

Color Blindness Simulator