#523396 hex color

In a RGB color space, hex #523396 is composed of 32.2% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 66% magenta, 0% yellow and 41.2% black. It has a hue angle of 258.8 degrees, a saturation of 49.3% and a lightness of 39.4%. #523396 color hex could be obtained by blending #a466ff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 20
- B 59
RGB color chart
- C 45
- M 66
- Y 0
- K 41
CMYK color chart

● #523396 color description : Dark moderate violet.

The hexadecimal color #523396 has RGB values of R:82, G:51, B:150 and CMYK values of C:0.45, M:0.66, Y:0, K:0.41. Its decimal value is 5387158.

Hex triplet	523396	`#523396`
RGB Decimal	82, 51, 150	`rgb(82,51,150)`
RGB Percent	32.2, 20, 58.8	`rgb(32.2%,20%,58.8%)`
CMYK	45, 66, 0, 41
HSL	258.8°, 49.3, 39.4	`hsl(258.8,49.3%,39.4%)`
HSV (or HSB)	258.8°, 66, 58.8
Web Safe	663399	`#663399`

CIE-LAB	30.311, 37.736, -49.633
XYZ	10.168, 6.363, 29.545
xyY	0.221, 0.138, 6.363
CIE-LCH	30.311, 62.35, 307.245
CIE-LUV	30.311, 4.542, -68.372
Hunter-Lab	25.226, 27.802, -51.784
Binary	01010010, 00110011, 10010110

#523396
```
#523396 rgb(82,51,150)
```
#779633
```
#779633 rgb(119,150,51)
```

Complementary Color

#334696
```
#334696 rgb(51,70,150)
```
#523396
```
#523396 rgb(82,51,150)
```
#843396
```
#843396 rgb(132,51,150)
```

Analogous Color

#469633
```
#469633 rgb(70,150,51)
```
#523396
```
#523396 rgb(82,51,150)
```
#968433
```
#968433 rgb(150,132,51)
```

Split Complementary Color

#339652
```
#339652 rgb(51,150,82)
```
#523396
```
#523396 rgb(82,51,150)
```
#965233
```
#965233 rgb(150,82,51)
```

Triadic Color

#337796
```
#337796 rgb(51,119,150)
```
#523396
```
#523396 rgb(82,51,150)
```
#965233
```
#965233 rgb(150,82,51)
```
#779633
```
#779633 rgb(119,150,51)
```

Tetradic Color

#33205d
```
#33205d rgb(51,32,93)
```
#3d2670
```
#3d2670 rgb(61,38,112)
```
#482d83
```
#482d83 rgb(72,45,131)
```
#523396
```
#523396 rgb(82,51,150)
```
#5c39a9
```
#5c39a9 rgb(92,57,169)
```
#6740bc
```
#6740bc rgb(103,64,188)
```
#7551c4
```
#7551c4 rgb(117,81,196)
```

Monochromatic Color

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

#393396
```
#393396 rgb(57,51,150)
```
#423396
```
#423396 rgb(66,51,150)
```
#4a3396
```
#4a3396 rgb(74,51,150)
```
#523396
```
#523396 rgb(82,51,150)
```
#5a3396
```
#5a3396 rgb(90,51,150)
```
#633396
```
#633396 rgb(99,51,150)
```
#6b3396
```
#6b3396 rgb(107,51,150)
```

Similar Colors

Text with hexadecimal color #523396

This text has a font color of #523396.

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

#523396 background color

This paragraph has a background color of #523396.

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

#523396 border color

This element has a border color of #523396.

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

CSS codes

.text {color:#523396;}

.background {background-color:#523396;}

.border {border:1px solid #523396;}

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)
```
#0a0612
```
#0a0612 rgb(10,6,18)
```
#120b21
```
#120b21 rgb(18,11,33)
```
#1a1030
```
#1a1030 rgb(26,16,48)
```
#22153e
```
#22153e rgb(34,21,62)
```
#2a1a4d
```
#2a1a4d rgb(42,26,77)
```
#321f5b
```
#321f5b rgb(50,31,91)
```
#3a246a
```
#3a246a rgb(58,36,106)
```
#422979
```
#422979 rgb(66,41,121)
```
#4a2e87
```
#4a2e87 rgb(74,46,135)
```
#523396
```
#523396 rgb(82,51,150)
```
#5a38a5
```
#5a38a5 rgb(90,56,165)
```
#623db3
```
#623db3 rgb(98,61,179)
```

Shade Color Variation

#6b44c0
```
#6b44c0 rgb(107,68,192)
```
#7753c5
```
#7753c5 rgb(119,83,197)
```
#8262c9
```
#8262c9 rgb(130,98,201)
```
#8e70ce
```
#8e70ce rgb(142,112,206)
```
#997fd3
```
#997fd3 rgb(153,127,211)
```
#a58ed8
```
#a58ed8 rgb(165,142,216)
```
#b19cdd
```
#b19cdd rgb(177,156,221)
```
#bcabe2
```
#bcabe2 rgb(188,171,226)
```
#c8b9e7
```
#c8b9e7 rgb(200,185,231)
```
#d3c8ec
```
#d3c8ec rgb(211,200,236)
```
#dfd7f1
```
#dfd7f1 rgb(223,215,241)
```
#ebe5f6
```
#ebe5f6 rgb(235,229,246)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636168 is the less saturated color, while #4105c4 is the most saturated one.

#636168
```
#636168 rgb(99,97,104)
```
#605a6f
```
#605a6f rgb(96,90,111)
```
#5e5277
```
#5e5277 rgb(94,82,119)
```
#5b4a7f
```
#5b4a7f rgb(91,74,127)
```
#584287
```
#584287 rgb(88,66,135)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#523396
```
#523396 rgb(82,51,150)
```
#4f2b9e
```
#4f2b9e rgb(79,43,158)
```
#4c24a5
```
#4c24a5 rgb(76,36,165)
```
#491cad
```
#491cad rgb(73,28,173)
```
#4614b5
```
#4614b5 rgb(70,20,181)
```
#440cbd
```
#440cbd rgb(68,12,189)
```
#4105c4
```
#4105c4 rgb(65,5,196)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a4458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005287 Deuteranopia 1% of men
#455258 Tritanopia 0.001% of the population

Trichromacy

#1d4498 Protanomaly 1% of men, 0.01% of women
#1d478c Deuteranomaly 6% of men, 0.4% of women
#4a476f Tritanomaly 0.01% of the population

#523396 hex color

#523396 Color Information

#523396 Color Conversion

Color Schemes with #523396

Alternatives to #523396

#523396 Preview

Shades and Tints of #523396

Tones of #523396

Color Blindness Simulator