#5523b4 hex color

In a RGB color space, hex #5523b4 is composed of 33.3% red, 13.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 80.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 260.7 degrees, a saturation of 67.4% and a lightness of 42.2%. #5523b4 color hex could be obtained by blending #aa46ff with #000069. Closest websafe color is: #6633cc.

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

● #5523b4 color description : Strong violet.

The hexadecimal color #5523b4 has RGB values of R:85, G:35, B:180 and CMYK values of C:0.53, M:0.81, Y:0, K:0.29. Its decimal value is 5579700.

Hex triplet	5523b4	`#5523b4`
RGB Decimal	85, 35, 180	`rgb(85,35,180)`
RGB Percent	33.3, 13.7, 70.6	`rgb(33.3%,13.7%,70.6%)`
CMYK	53, 81, 0, 29
HSL	260.7°, 67.4, 42.2	`hsl(260.7,67.4%,42.2%)`
HSV (or HSB)	260.7°, 80.6, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	30.469, 54.543, -67.471
XYZ	12.584, 6.428, 43.755
xyY	0.2, 0.102, 6.428
CIE-LCH	30.469, 86.759, 308.952
CIE-LUV	30.469, 4.616, -90.13
Hunter-Lab	25.354, 44.225, -84.572
Binary	01010101, 00100011, 10110100

#5523b4
```
#5523b4 rgb(85,35,180)
```
#82b423
```
#82b423 rgb(130,180,35)
```

Complementary Color

#233ab4
```
#233ab4 rgb(35,58,180)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#9e23b4
```
#9e23b4 rgb(158,35,180)
```

Analogous Color

#3ab423
```
#3ab423 rgb(58,180,35)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#b49e23
```
#b49e23 rgb(180,158,35)
```

Split Complementary Color

#23b455
```
#23b455 rgb(35,180,85)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#b45523
```
#b45523 rgb(180,85,35)
```

Triadic Color

#2382b4
```
#2382b4 rgb(35,130,180)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#82b423
```
#82b423 rgb(130,180,35)
```

Tetradic Color

#371774
```
#371774 rgb(55,23,116)
```
#411b89
```
#411b89 rgb(65,27,137)
```
#4b1f9f
```
#4b1f9f rgb(75,31,159)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#5f27c9
```
#5f27c9 rgb(95,39,201)
```
#6b33d7
```
#6b33d7 rgb(107,51,215)
```
#7b48db
```
#7b48db rgb(123,72,219)
```

Monochromatic Color

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

#3123b4
```
#3123b4 rgb(49,35,180)
```
#3d23b4
```
#3d23b4 rgb(61,35,180)
```
#4923b4
```
#4923b4 rgb(73,35,180)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#6123b4
```
#6123b4 rgb(97,35,180)
```
#6d23b4
```
#6d23b4 rgb(109,35,180)
```
#7923b4
```
#7923b4 rgb(121,35,180)
```

Similar Colors

Text with hexadecimal color #5523b4

This text has a font color of #5523b4.

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

#5523b4 background color

This paragraph has a background color of #5523b4.

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

#5523b4 border color

This element has a border color of #5523b4.

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

CSS codes

.text {color:#5523b4;}

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

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

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

#070310
```
#070310 rgb(7,3,16)
```
#0f0620
```
#0f0620 rgb(15,6,32)
```
#170931
```
#170931 rgb(23,9,49)
```
#1f0d41
```
#1f0d41 rgb(31,13,65)
```
#261051
```
#261051 rgb(38,16,81)
```
#2e1362
```
#2e1362 rgb(46,19,98)
```
#361672
```
#361672 rgb(54,22,114)
```
#3e1983
```
#3e1983 rgb(62,25,131)
```
#451d93
```
#451d93 rgb(69,29,147)
```
#4d20a4
```
#4d20a4 rgb(77,32,164)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#5d26c4
```
#5d26c4 rgb(93,38,196)
```
#6529d5
```
#6529d5 rgb(101,41,213)
```

Shade Color Variation

#7039d9
```
#7039d9 rgb(112,57,217)
```
#7c4adc
```
#7c4adc rgb(124,74,220)
```
#885adf
```
#885adf rgb(136,90,223)
```
#946be2
```
#946be2 rgb(148,107,226)
```
#a07be5
```
#a07be5 rgb(160,123,229)
```
#ac8be9
```
#ac8be9 rgb(172,139,233)
```
#b79cec
```
#b79cec rgb(183,156,236)
```
#c3acef
```
#c3acef rgb(195,172,239)
```
#cfbdf2
```
#cfbdf2 rgb(207,189,242)
```
#dbcdf5
```
#dbcdf5 rgb(219,205,245)
```
#e7def8
```
#e7def8 rgb(231,222,248)
```
#f3eefc
```
#f3eefc rgb(243,238,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6a6572
```
#6a6572 rgb(106,101,114)
```
#675d7a
```
#675d7a rgb(103,93,122)
```
#645582
```
#645582 rgb(100,85,130)
```
#624c8b
```
#624c8b rgb(98,76,139)
```
#5f4493
```
#5f4493 rgb(95,68,147)
```
#5d3c9b
```
#5d3c9b rgb(93,60,155)
```
#5a34a3
```
#5a34a3 rgb(90,52,163)
```
#582bac
```
#582bac rgb(88,43,172)
```
#5523b4
```
#5523b4 rgb(85,35,180)
```
#521bbc
```
#521bbc rgb(82,27,188)
```
#5012c5
```
#5012c5 rgb(80,18,197)
```
#4d0acd
```
#4d0acd rgb(77,10,205)
```
#4b02d5
```
#4b02d5 rgb(75,2,213)
```

Tone Color Variation

Below, you can see how #5523b4 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
#463c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005385 Deuteranopia 1% of men
#37555c Tritanopia 0.001% of the population

Trichromacy

#1e3ea3 Protanomaly 1% of men, 0.01% of women
#1e4196 Deuteranomaly 6% of men, 0.4% of women
#42437c Tritanomaly 0.01% of the population

#5523b4 hex color

#5523b4 Color Information

#5523b4 Color Conversion

Color Schemes with #5523b4

Alternatives to #5523b4

#5523b4 Preview

Shades and Tints of #5523b4

Tones of #5523b4

Color Blindness Simulator