#5523c5 hex color

In a RGB color space, hex #5523c5 is composed of 33.3% red, 13.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 82.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 258.5 degrees, a saturation of 69.8% and a lightness of 45.5%. #5523c5 color hex could be obtained by blending #aa46ff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 14
- B 77
RGB color chart
- C 57
- M 82
- Y 0
- K 23
CMYK color chart

● #5523c5 color description : Strong violet.

The hexadecimal color #5523c5 has RGB values of R:85, G:35, B:197 and CMYK values of C:0.57, M:0.82, Y:0, K:0.23. Its decimal value is 5579717.

Hex triplet	5523c5	`#5523c5`
RGB Decimal	85, 35, 197	`rgb(85,35,197)`
RGB Percent	33.3, 13.7, 77.3	`rgb(33.3%,13.7%,77.3%)`
CMYK	57, 82, 0, 23
HSL	258.5°, 69.8, 45.5	`hsl(258.5,69.8%,45.5%)`
HSV (or HSB)	258.5°, 82.2, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.178, 59.032, -74.698
XYZ	14.424, 7.164, 53.443
xyY	0.192, 0.095, 7.164
CIE-LCH	32.178, 95.208, 308.318
CIE-LUV	32.178, 2.758, -100.339
Hunter-Lab	26.766, 49.349, -99.647
Binary	01010101, 00100011, 11000101

#5523c5
```
#5523c5 rgb(85,35,197)
```
#93c523
```
#93c523 rgb(147,197,35)
```

Complementary Color

#2342c5
```
#2342c5 rgb(35,66,197)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#a623c5
```
#a623c5 rgb(166,35,197)
```

Analogous Color

#42c523
```
#42c523 rgb(66,197,35)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#c5a623
```
#c5a623 rgb(197,166,35)
```

Split Complementary Color

#23c555
```
#23c555 rgb(35,197,85)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#c55523
```
#c55523 rgb(197,85,35)
```

Triadic Color

#2393c5
```
#2393c5 rgb(35,147,197)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#c55523
```
#c55523 rgb(197,85,35)
```
#93c523
```
#93c523 rgb(147,197,35)
```

Tetradic Color

#391784
```
#391784 rgb(57,23,132)
```
#421b9a
```
#421b9a rgb(66,27,154)
```
#4c1faf
```
#4c1faf rgb(76,31,175)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#5f29d9
```
#5f29d9 rgb(95,41,217)
```
#6f3edd
```
#6f3edd rgb(111,62,221)
```
#7f54e1
```
#7f54e1 rgb(127,84,225)
```

Monochromatic Color

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

#2d23c5
```
#2d23c5 rgb(45,35,197)
```
#3a23c5
```
#3a23c5 rgb(58,35,197)
```
#4823c5
```
#4823c5 rgb(72,35,197)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#6323c5
```
#6323c5 rgb(99,35,197)
```
#7023c5
```
#7023c5 rgb(112,35,197)
```
#7e23c5
```
#7e23c5 rgb(126,35,197)
```

Similar Colors

Text with hexadecimal color #5523c5

This text has a font color of #5523c5.

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

#5523c5 background color

This paragraph has a background color of #5523c5.

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

#5523c5 border color

This element has a border color of #5523c5.

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

CSS codes

.text {color:#5523c5;}

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

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

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

#06020e
```
#06020e rgb(6,2,14)
```
#0d051e
```
#0d051e rgb(13,5,30)
```
#14082f
```
#14082f rgb(20,8,47)
```
#1c0b40
```
#1c0b40 rgb(28,11,64)
```
#230e50
```
#230e50 rgb(35,14,80)
```
#2a1161
```
#2a1161 rgb(42,17,97)
```
#311472
```
#311472 rgb(49,20,114)
```
#381782
```
#381782 rgb(56,23,130)
```
#3f1a93
```
#3f1a93 rgb(63,26,147)
```
#471da4
```
#471da4 rgb(71,29,164)
```
#4e20b4
```
#4e20b4 rgb(78,32,180)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#5c26d6
```
#5c26d6 rgb(92,38,214)
```

Shade Color Variation

#6834db
```
#6834db rgb(104,52,219)
```
#7445de
```
#7445de rgb(116,69,222)
```
#8156e1
```
#8156e1 rgb(129,86,225)
```
#8d66e4
```
#8d66e4 rgb(141,102,228)
```
#9977e7
```
#9977e7 rgb(153,119,231)
```
#a688ea
```
#a688ea rgb(166,136,234)
```
#b298ed
```
#b298ed rgb(178,152,237)
```
#bfa9f0
```
#bfa9f0 rgb(191,169,240)
```
#cbbaf3
```
#cbbaf3 rgb(203,186,243)
```
#d8caf6
```
#d8caf6 rgb(216,202,246)
```
#e4dbf9
```
#e4dbf9 rgb(228,219,249)
```
#f0ebfc
```
#f0ebfc rgb(240,235,252)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#747375
```
#747375 rgb(116,115,117)
```
#706a7e
```
#706a7e rgb(112,106,126)
```
#6d6187
```
#6d6187 rgb(109,97,135)
```
#69598f
```
#69598f rgb(105,89,143)
```
#665098
```
#665098 rgb(102,80,152)
```
#6347a1
```
#6347a1 rgb(99,71,161)
```
#5f3eaa
```
#5f3eaa rgb(95,62,170)
```
#5c35b3
```
#5c35b3 rgb(92,53,179)
```
#582cbc
```
#582cbc rgb(88,44,188)
```
#5523c5
```
#5523c5 rgb(85,35,197)
```
#521ace
```
#521ace rgb(82,26,206)
```
#4e11d7
```
#4e11d7 rgb(78,17,215)
```
#4b08e0
```
#4b08e0 rgb(75,8,224)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#473d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#265c62 Tritanopia 0.001% of the population

Trichromacy

#1e41ad Protanomaly 1% of men, 0.01% of women
#1e44a0 Deuteranomaly 6% of men, 0.4% of women
#374786 Tritanomaly 0.01% of the population

#5523c5 hex color

#5523c5 Color Information

#5523c5 Color Conversion

Color Schemes with #5523c5

Alternatives to #5523c5

#5523c5 Preview

Shades and Tints of #5523c5

Tones of #5523c5

Color Blindness Simulator