#5523b2 hex color

In a RGB color space, hex #5523b2 is composed of 33.3% red, 13.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 80.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 261 degrees, a saturation of 67.1% and a lightness of 41.8%. #5523b2 color hex could be obtained by blending #aa46ff with #000065. Closest websafe color is: #663399.

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

● #5523b2 color description : Dark violet.

The hexadecimal color #5523b2 has RGB values of R:85, G:35, B:178 and CMYK values of C:0.52, M:0.8, Y:0, K:0.3. Its decimal value is 5579698.

Hex triplet	5523b2	`#5523b2`
RGB Decimal	85, 35, 178	`rgb(85,35,178)`
RGB Percent	33.3, 13.7, 69.8	`rgb(33.3%,13.7%,69.8%)`
CMYK	52, 80, 0, 30
HSL	261°, 67.1, 41.8	`hsl(261,67.1%,41.8%)`
HSV (or HSB)	261°, 80.3, 69.8
Web Safe	663399	`#663399`

CIE-LAB	30.273, 54.014, -66.6
XYZ	12.382, 6.348, 42.69
xyY	0.202, 0.103, 6.348
CIE-LCH	30.273, 85.75, 309.042
CIE-LUV	30.273, 4.849, -88.912
Hunter-Lab	25.194, 43.634, -82.827
Binary	01010101, 00100011, 10110010

#5523b2
```
#5523b2 rgb(85,35,178)
```
#80b223
```
#80b223 rgb(128,178,35)
```

Complementary Color

#2339b2
```
#2339b2 rgb(35,57,178)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#9d23b2
```
#9d23b2 rgb(157,35,178)
```

Analogous Color

#39b223
```
#39b223 rgb(57,178,35)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#b29d23
```
#b29d23 rgb(178,157,35)
```

Split Complementary Color

#23b255
```
#23b255 rgb(35,178,85)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#b25523
```
#b25523 rgb(178,85,35)
```

Triadic Color

#2380b2
```
#2380b2 rgb(35,128,178)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#b25523
```
#b25523 rgb(178,85,35)
```
#80b223
```
#80b223 rgb(128,178,35)
```

Tetradic Color

#361672
```
#361672 rgb(54,22,114)
```
#411b87
```
#411b87 rgb(65,27,135)
```
#4b1f9d
```
#4b1f9d rgb(75,31,157)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#5f27c7
```
#5f27c7 rgb(95,39,199)
```
#6b31d7
```
#6b31d7 rgb(107,49,215)
```
#7a47db
```
#7a47db rgb(122,71,219)
```

Monochromatic Color

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

#3123b2
```
#3123b2 rgb(49,35,178)
```
#3d23b2
```
#3d23b2 rgb(61,35,178)
```
#4923b2
```
#4923b2 rgb(73,35,178)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#6123b2
```
#6123b2 rgb(97,35,178)
```
#6d23b2
```
#6d23b2 rgb(109,35,178)
```
#7923b2
```
#7923b2 rgb(121,35,178)
```

Similar Colors

Text with hexadecimal color #5523b2

This text has a font color of #5523b2.

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

#5523b2 background color

This paragraph has a background color of #5523b2.

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

#5523b2 border color

This element has a border color of #5523b2.

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

CSS codes

.text {color:#5523b2;}

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

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

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, #07030e is the darkest color, while #fdfdff is the lightest one.

#07030e
```
#07030e rgb(7,3,14)
```
#0f061e
```
#0f061e rgb(15,6,30)
```
#16092f
```
#16092f rgb(22,9,47)
```
#1e0c3f
```
#1e0c3f rgb(30,12,63)
```
#261050
```
#261050 rgb(38,16,80)
```
#2e1360
```
#2e1360 rgb(46,19,96)
```
#361670
```
#361670 rgb(54,22,112)
```
#3e1981
```
#3e1981 rgb(62,25,129)
```
#451d91
```
#451d91 rgb(69,29,145)
```
#4d20a2
```
#4d20a2 rgb(77,32,162)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#5d26c2
```
#5d26c2 rgb(93,38,194)
```
#6529d3
```
#6529d3 rgb(101,41,211)
```

Shade Color Variation

#7038d8
```
#7038d8 rgb(112,56,216)
```
#7c48db
```
#7c48db rgb(124,72,219)
```
#8759de
```
#8759de rgb(135,89,222)
```
#9369e2
```
#9369e2 rgb(147,105,226)
```
#9f7ae5
```
#9f7ae5 rgb(159,122,229)
```
#ab8ae8
```
#ab8ae8 rgb(171,138,232)
```
#b79aeb
```
#b79aeb rgb(183,154,235)
```
#c2abee
```
#c2abee rgb(194,171,238)
```
#cebbf2
```
#cebbf2 rgb(206,187,242)
```
#daccf5
```
#daccf5 rgb(218,204,245)
```
#e6dcf8
```
#e6dcf8 rgb(230,220,248)
```
#f2ecfb
```
#f2ecfb rgb(242,236,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#696570
```
#696570 rgb(105,101,112)
```
#665c79
```
#665c79 rgb(102,92,121)
```
#645481
```
#645481 rgb(100,84,129)
```
#614c89
```
#614c89 rgb(97,76,137)
```
#5f4491
```
#5f4491 rgb(95,68,145)
```
#5c3c99
```
#5c3c99 rgb(92,60,153)
```
#5a33a2
```
#5a33a2 rgb(90,51,162)
```
#572baa
```
#572baa rgb(87,43,170)
```
#5523b2
```
#5523b2 rgb(85,35,178)
```
#531bba
```
#531bba rgb(83,27,186)
```
#5013c2
```
#5013c2 rgb(80,19,194)
```
#4e0acb
```
#4e0acb rgb(78,10,203)
```
#4b02d3
```
#4b02d3 rgb(75,2,211)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#463c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#39555b Tritanopia 0.001% of the population

Trichromacy

#1e3ea1 Protanomaly 1% of men, 0.01% of women
#1e4195 Deuteranomaly 6% of men, 0.4% of women
#43427a Tritanomaly 0.01% of the population

#5523b2 hex color

#5523b2 Color Information

#5523b2 Color Conversion

Color Schemes with #5523b2

Alternatives to #5523b2

#5523b2 Preview

Shades and Tints of #5523b2

Tones of #5523b2

Color Blindness Simulator