#5523e0 hex color

In a RGB color space, hex #5523e0 is composed of 33.3% red, 13.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 84.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 255.9 degrees, a saturation of 75.3% and a lightness of 50.8%. #5523e0 color hex could be obtained by blending #aa46ff with #0000c1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 14
- B 88
RGB color chart
- C 62
- M 84
- Y 0
- K 12
CMYK color chart

● #5523e0 color description : Bright violet.

The hexadecimal color #5523e0 has RGB values of R:85, G:35, B:224 and CMYK values of C:0.62, M:0.84, Y:0, K:0.12. Its decimal value is 5579744.

Hex triplet	5523e0	`#5523e0`
RGB Decimal	85, 35, 224	`rgb(85,35,224)`
RGB Percent	33.3, 13.7, 87.8	`rgb(33.3%,13.7%,87.8%)`
CMYK	62, 84, 0, 12
HSL	255.9°, 75.3, 50.8	`hsl(255.9,75.3%,50.8%)`
HSV (or HSB)	255.9°, 84.4, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.032, 66.094, -85.626
XYZ	17.799, 8.515, 71.222
xyY	0.182, 0.087, 8.515
CIE-LCH	35.032, 108.168, 307.664
CIE-LUV	35.032, 0.173, -116.127
Hunter-Lab	29.18, 57.819, -124.291
Binary	01010101, 00100011, 11100000

#5523e0
```
#5523e0 rgb(85,35,224)
```
#aee023
```
#aee023 rgb(174,224,35)
```

Complementary Color

#2350e0
```
#2350e0 rgb(35,80,224)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#b423e0
```
#b423e0 rgb(180,35,224)
```

Analogous Color

#50e023
```
#50e023 rgb(80,224,35)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#e0b423
```
#e0b423 rgb(224,180,35)
```

Split Complementary Color

#23e055
```
#23e055 rgb(35,224,85)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#e05523
```
#e05523 rgb(224,85,35)
```

Triadic Color

#23aee0
```
#23aee0 rgb(35,174,224)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#e05523
```
#e05523 rgb(224,85,35)
```
#aee023
```
#aee023 rgb(174,224,35)
```

Tetradic Color

#3b17a0
```
#3b17a0 rgb(59,23,160)
```
#431ab6
```
#431ab6 rgb(67,26,182)
```
#4b1dcd
```
#4b1dcd rgb(75,29,205)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#6639e3
```
#6639e3 rgb(102,57,227)
```
#7850e6
```
#7850e6 rgb(120,80,230)
```
#8966e9
```
#8966e9 rgb(137,102,233)
```

Monochromatic Color

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

#2623e0
```
#2623e0 rgb(38,35,224)
```
#3523e0
```
#3523e0 rgb(53,35,224)
```
#4523e0
```
#4523e0 rgb(69,35,224)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#6523e0
```
#6523e0 rgb(101,35,224)
```
#7523e0
```
#7523e0 rgb(117,35,224)
```
#8423e0
```
#8423e0 rgb(132,35,224)
```

Similar Colors

Text with hexadecimal color #5523e0

This text has a font color of #5523e0.

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

#5523e0 background color

This paragraph has a background color of #5523e0.

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

#5523e0 border color

This element has a border color of #5523e0.

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

CSS codes

.text {color:#5523e0;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#080315
```
#080315 rgb(8,3,21)
```
#0e0526
```
#0e0526 rgb(14,5,38)
```
#140837
```
#140837 rgb(20,8,55)
```
#1b0a48
```
#1b0a48 rgb(27,10,72)
```
#210d59
```
#210d59 rgb(33,13,89)
```
#270f6b
```
#270f6b rgb(39,15,107)
```
#2e117c
```
#2e117c rgb(46,17,124)
```
#34148d
```
#34148d rgb(52,20,141)
```
#3a169e
```
#3a169e rgb(58,22,158)
```
#4119af
```
#4119af rgb(65,25,175)
```
#471bc1
```
#471bc1 rgb(71,27,193)
```
#4d1ed2
```
#4d1ed2 rgb(77,30,210)
```

Shade Color Variation

#5523e0
```
#5523e0 rgb(85,35,224)
```
#6234e2
```
#6234e2 rgb(98,52,226)
```
#7045e5
```
#7045e5 rgb(112,69,229)
```
#7d57e7
```
#7d57e7 rgb(125,87,231)
```
#8a68ea
```
#8a68ea rgb(138,104,234)
```
#9779ec
```
#9779ec rgb(151,121,236)
```
#a58aef
```
#a58aef rgb(165,138,239)
```
#b29bf1
```
#b29bf1 rgb(178,155,241)
```
#bfadf3
```
#bfadf3 rgb(191,173,243)
```
#cdbef6
```
#cdbef6 rgb(205,190,246)
```
#dacff8
```
#dacff8 rgb(218,207,248)
```
#e7e0fb
```
#e7e0fb rgb(231,224,251)
```
#f4f1fd
```
#f4f1fd rgb(244,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7a89 is the less saturated color, while #4706fd is the most saturated one.

#7e7a89
```
#7e7a89 rgb(126,122,137)
```
#797093
```
#797093 rgb(121,112,147)
```
#75679c
```
#75679c rgb(117,103,156)
```
#705da6
```
#705da6 rgb(112,93,166)
```
#6c53b0
```
#6c53b0 rgb(108,83,176)
```
#674ab9
```
#674ab9 rgb(103,74,185)
```
#6340c3
```
#6340c3 rgb(99,64,195)
```
#5e36cd
```
#5e36cd rgb(94,54,205)
```
#5a2dd6
```
#5a2dd6 rgb(90,45,214)
```
#5523e0
```
#5523e0 rgb(85,35,224)
```
#5019ea
```
#5019ea rgb(80,25,234)
```
#4c10f3
```
#4c10f3 rgb(76,16,243)
```
#4706fd
```
#4706fd rgb(71,6,253)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1e45bf Protanomaly 1% of men, 0.01% of women
#1e48b0 Deuteranomaly 6% of men, 0.4% of women
#1e4c95 Tritanomaly 0.01% of the population

#5523e0 hex color

#5523e0 Color Information

#5523e0 Color Conversion

Color Schemes with #5523e0

Alternatives to #5523e0

#5523e0 Preview

Shades and Tints of #5523e0

Tones of #5523e0

Color Blindness Simulator