#5532b4 hex color

In a RGB color space, hex #5532b4 is composed of 33.3% red, 19.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 72.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 256.2 degrees, a saturation of 56.5% and a lightness of 45.1%. #5532b4 color hex could be obtained by blending #aa64ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 20
- B 71
RGB color chart
- C 53
- M 72
- Y 0
- K 29
CMYK color chart

● #5532b4 color description : Moderate violet.

The hexadecimal color #5532b4 has RGB values of R:85, G:50, B:180 and CMYK values of C:0.53, M:0.72, Y:0, K:0.29. Its decimal value is 5583540.

Hex triplet	5532b4	`#5532b4`
RGB Decimal	85, 50, 180	`rgb(85,50,180)`
RGB Percent	33.3, 19.6, 70.6	`rgb(33.3%,19.6%,70.6%)`
CMYK	53, 72, 0, 29
HSL	256.2°, 56.5, 45.1	`hsl(256.2,56.5%,45.1%)`
HSV (or HSB)	256.2°, 72.2, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.935, 47.501, -63.419
XYZ	13.124, 7.508, 43.935
xyY	0.203, 0.116, 7.508
CIE-LCH	32.935, 79.236, 306.833
CIE-LUV	32.935, 2.565, -88.193
Hunter-Lab	27.4, 37.546, -75.891
Binary	01010101, 00110010, 10110100

#5532b4
```
#5532b4 rgb(85,50,180)
```
#91b432
```
#91b432 rgb(145,180,50)
```

Complementary Color

#3250b4
```
#3250b4 rgb(50,80,180)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#9632b4
```
#9632b4 rgb(150,50,180)
```

Analogous Color

#50b432
```
#50b432 rgb(80,180,50)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#b49632
```
#b49632 rgb(180,150,50)
```

Split Complementary Color

#32b455
```
#32b455 rgb(50,180,85)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#b45532
```
#b45532 rgb(180,85,50)
```

Triadic Color

#3291b4
```
#3291b4 rgb(50,145,180)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#b45532
```
#b45532 rgb(180,85,50)
```
#91b432
```
#91b432 rgb(145,180,50)
```

Tetradic Color

#392178
```
#392178 rgb(57,33,120)
```
#42278c
```
#42278c rgb(66,39,140)
```
#4c2ca0
```
#4c2ca0 rgb(76,44,160)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#5f38c8
```
#5f38c8 rgb(95,56,200)
```
#6f4ccd
```
#6f4ccd rgb(111,76,205)
```
#7f60d3
```
#7f60d3 rgb(127,96,211)
```

Monochromatic Color

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

#3532b4
```
#3532b4 rgb(53,50,180)
```
#3f32b4
```
#3f32b4 rgb(63,50,180)
```
#4a32b4
```
#4a32b4 rgb(74,50,180)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#6032b4
```
#6032b4 rgb(96,50,180)
```
#6b32b4
```
#6b32b4 rgb(107,50,180)
```
#7632b4
```
#7632b4 rgb(118,50,180)
```

Similar Colors

Text with hexadecimal color #5532b4

This text has a font color of #5532b4.

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

#5532b4 background color

This paragraph has a background color of #5532b4.

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

#5532b4 border color

This element has a border color of #5532b4.

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

CSS codes

.text {color:#5532b4;}

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

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

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

#05030b
```
#05030b rgb(5,3,11)
```
#0d071a
```
#0d071a rgb(13,7,26)
```
#140c2a
```
#140c2a rgb(20,12,42)
```
#1b1039
```
#1b1039 rgb(27,16,57)
```
#221449
```
#221449 rgb(34,20,73)
```
#2a1858
```
#2a1858 rgb(42,24,88)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#382177
```
#382177 rgb(56,33,119)
```
#3f2586
```
#3f2586 rgb(63,37,134)
```
#472995
```
#472995 rgb(71,41,149)
```
#4e2ea5
```
#4e2ea5 rgb(78,46,165)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#5c36c3
```
#5c36c3 rgb(92,54,195)
```

Shade Color Variation

#6743cb
```
#6743cb rgb(103,67,203)
```
#7452cf
```
#7452cf rgb(116,82,207)
```
#8061d3
```
#8061d3 rgb(128,97,211)
```
#8c71d7
```
#8c71d7 rgb(140,113,215)
```
#9980dc
```
#9980dc rgb(153,128,220)
```
#a58fe0
```
#a58fe0 rgb(165,143,224)
```
#b19fe4
```
#b19fe4 rgb(177,159,228)
```
#beaee9
```
#beaee9 rgb(190,174,233)
```
#cabded
```
#cabded rgb(202,189,237)
```
#d7cdf1
```
#d7cdf1 rgb(215,205,241)
```
#e3dcf5
```
#e3dcf5 rgb(227,220,245)
```
#efebfa
```
#efebfa rgb(239,235,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#727076
```
#727076 rgb(114,112,118)
```
#6d677f
```
#6d677f rgb(109,103,127)
```
#695e88
```
#695e88 rgb(105,94,136)
```
#655591
```
#655591 rgb(101,85,145)
```
#614d99
```
#614d99 rgb(97,77,153)
```
#5d44a2
```
#5d44a2 rgb(93,68,162)
```
#593bab
```
#593bab rgb(89,59,171)
```
#5532b4
```
#5532b4 rgb(85,50,180)
```
#5129bd
```
#5129bd rgb(81,41,189)
```
#4d20c6
```
#4d20c6 rgb(77,32,198)
```
#4917cf
```
#4917cf rgb(73,23,207)
```
#450fd7
```
#450fd7 rgb(69,15,215)
```
#4106e0
```
#4106e0 rgb(65,6,224)
```

Tone Color Variation

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

#0054a4 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#395b62 Tritanopia 0.001% of the population

Trichromacy

#1e47a9 Protanomaly 1% of men, 0.01% of women
#1e4a9c Deuteranomaly 6% of men, 0.4% of women
#434c80 Tritanomaly 0.01% of the population

#5532b4 hex color

#5532b4 Color Information

#5532b4 Color Conversion

Color Schemes with #5532b4

Alternatives to #5532b4

#5532b4 Preview

Shades and Tints of #5532b4

Tones of #5532b4

Color Blindness Simulator