#5532b2 hex color

In a RGB color space, hex #5532b2 is composed of 33.3% red, 19.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 71.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 256.4 degrees, a saturation of 56.1% and a lightness of 44.7%. #5532b2 color hex could be obtained by blending #aa64ff with #000065. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 20
- B 70
RGB color chart
- C 52
- M 72
- Y 0
- K 30
CMYK color chart

● #5532b2 color description : Dark violet.

The hexadecimal color #5532b2 has RGB values of R:85, G:50, B:178 and CMYK values of C:0.52, M:0.72, Y:0, K:0.3. Its decimal value is 5583538.

Hex triplet	5532b2	`#5532b2`
RGB Decimal	85, 50, 178	`rgb(85,50,178)`
RGB Percent	33.3, 19.6, 69.8	`rgb(33.3%,19.6%,69.8%)`
CMYK	52, 72, 0, 30
HSL	256.4°, 56.1, 44.7	`hsl(256.4,56.1%,44.7%)`
HSV (or HSB)	256.4°, 71.9, 69.8
Web Safe	663399	`#663399`

CIE-LAB	32.759, 46.927, -62.519
XYZ	12.921, 7.427, 42.87
xyY	0.204, 0.117, 7.427
CIE-LCH	32.759, 78.171, 306.892
CIE-LUV	32.759, 2.771, -86.909
Hunter-Lab	27.252, 36.945, -74.193
Binary	01010101, 00110010, 10110010

#5532b2
```
#5532b2 rgb(85,50,178)
```
#8fb232
```
#8fb232 rgb(143,178,50)
```

Complementary Color

#324fb2
```
#324fb2 rgb(50,79,178)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#9532b2
```
#9532b2 rgb(149,50,178)
```

Analogous Color

#4fb232
```
#4fb232 rgb(79,178,50)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#b29532
```
#b29532 rgb(178,149,50)
```

Split Complementary Color

#32b255
```
#32b255 rgb(50,178,85)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#b25532
```
#b25532 rgb(178,85,50)
```

Triadic Color

#328fb2
```
#328fb2 rgb(50,143,178)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#b25532
```
#b25532 rgb(178,85,50)
```
#8fb232
```
#8fb232 rgb(143,178,50)
```

Tetradic Color

#382176
```
#382176 rgb(56,33,118)
```
#42278a
```
#42278a rgb(66,39,138)
```
#4b2c9e
```
#4b2c9e rgb(75,44,158)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#5f38c6
```
#5f38c6 rgb(95,56,198)
```
#6e4bcc
```
#6e4bcc rgb(110,75,204)
```
#7e5fd2
```
#7e5fd2 rgb(126,95,210)
```

Monochromatic Color

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

#3532b2
```
#3532b2 rgb(53,50,178)
```
#4032b2
```
#4032b2 rgb(64,50,178)
```
#4a32b2
```
#4a32b2 rgb(74,50,178)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#6032b2
```
#6032b2 rgb(96,50,178)
```
#6a32b2
```
#6a32b2 rgb(106,50,178)
```
#7532b2
```
#7532b2 rgb(117,50,178)
```

Similar Colors

Text with hexadecimal color #5532b2

This text has a font color of #5532b2.

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

#5532b2 background color

This paragraph has a background color of #5532b2.

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

#5532b2 border color

This element has a border color of #5532b2.

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

CSS codes

.text {color:#5532b2;}

.background {background-color:#5532b2;}

.border {border:1px solid #5532b2;}

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

#05030a
```
#05030a rgb(5,3,10)
```
#0c0719
```
#0c0719 rgb(12,7,25)
```
#130b28
```
#130b28 rgb(19,11,40)
```
#1a1037
```
#1a1037 rgb(26,16,55)
```
#221447
```
#221447 rgb(34,20,71)
```
#291856
```
#291856 rgb(41,24,86)
```
#301c65
```
#301c65 rgb(48,28,101)
```
#382175
```
#382175 rgb(56,33,117)
```
#3f2584
```
#3f2584 rgb(63,37,132)
```
#462993
```
#462993 rgb(70,41,147)
```
#4e2ea3
```
#4e2ea3 rgb(78,46,163)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#5c36c1
```
#5c36c1 rgb(92,54,193)
```

Shade Color Variation

#6741ca
```
#6741ca rgb(103,65,202)
```
#7351ce
```
#7351ce rgb(115,81,206)
```
#7f60d2
```
#7f60d2 rgb(127,96,210)
```
#8c6fd7
```
#8c6fd7 rgb(140,111,215)
```
#987fdb
```
#987fdb rgb(152,127,219)
```
#a48edf
```
#a48edf rgb(164,142,223)
```
#b19de4
```
#b19de4 rgb(177,157,228)
```
#bdade8
```
#bdade8 rgb(189,173,232)
```
#c9bcec
```
#c9bcec rgb(201,188,236)
```
#d5cbf0
```
#d5cbf0 rgb(213,203,240)
```
#e2dbf5
```
#e2dbf5 rgb(226,219,245)
```
#eeeaf9
```
#eeeaf9 rgb(238,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716f75 is the less saturated color, while #4106de is the most saturated one.

#716f75
```
#716f75 rgb(113,111,117)
```
#6d677d
```
#6d677d rgb(109,103,125)
```
#695e86
```
#695e86 rgb(105,94,134)
```
#65558f
```
#65558f rgb(101,85,143)
```
#614c98
```
#614c98 rgb(97,76,152)
```
#5d44a0
```
#5d44a0 rgb(93,68,160)
```
#593ba9
```
#593ba9 rgb(89,59,169)
```
#5532b2
```
#5532b2 rgb(85,50,178)
```
#5129bb
```
#5129bb rgb(81,41,187)
```
#4d20c4
```
#4d20c4 rgb(77,32,196)
```
#4918cc
```
#4918cc rgb(73,24,204)
```
#450fd5
```
#450fd5 rgb(69,15,213)
```
#4106de
```
#4106de rgb(65,6,222)
```

Tone Color Variation

Below, you can see how #5532b2 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
#4d4660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588e Deuteranopia 1% of men
#3b5b61 Tritanopia 0.001% of the population

Trichromacy

#1e47a8 Protanomaly 1% of men, 0.01% of women
#1e4a9b Deuteranomaly 6% of men, 0.4% of women
#444c7e Tritanomaly 0.01% of the population

#5532b2 hex color

#5532b2 Color Information

#5532b2 Color Conversion

Color Schemes with #5532b2

Alternatives to #5532b2

#5532b2 Preview

Shades and Tints of #5532b2

Tones of #5532b2

Color Blindness Simulator