colorhexa.com

#5523ee hex color

In a RGB color space, hex #5523ee is composed of 33.3% red, 13.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 85.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 254.8 degrees, a saturation of 85.7% and a lightness of 53.5%. #5523ee color hex could be obtained by blending #aa46ff with #0000dd. Closest websafe color is: #6633ff.

- R 33
- G 14
- B 93
RGB color chart
- C 64
- M 85
- Y 0
- K 7
CMYK color chart

● #5523ee color description : Vivid blue.

The hexadecimal color #5523ee has RGB values of R:85, G:35, B:238 and CMYK values of C:0.64, M:0.85, Y:0, K:0.07. Its decimal value is 5579758.

Hex triplet	5523ee	`#5523ee`
RGB Decimal	85, 35, 238	`rgb(85,35,238)`
RGB Percent	33.3, 13.7, 93.3	`rgb(33.3%,13.7%,93.3%)`
CMYK	64, 85, 0, 7
HSL	254.8°, 85.7, 53.5	`hsl(254.8,85.7%,53.5%)`
HSV (or HSB)	254.8°, 85.3, 93.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.566, 69.708, -91.063
XYZ	19.777, 9.306, 81.638
xyY	0.179, 0.084, 9.306
CIE-LCH	36.566, 114.681, 307.434
CIE-LUV	36.566, -1.027, -124.152
Hunter-Lab	30.505, 62.341, -137.319
Binary	01010101, 00100011, 11101110

#5523ee
```
#5523ee rgb(85,35,238)
```
#bcee23
```
#bcee23 rgb(188,238,35)
```

Complementary Color

#2357ee
```
#2357ee rgb(35,87,238)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#bb23ee
```
#bb23ee rgb(187,35,238)
```

Analogous Color

#57ee23
```
#57ee23 rgb(87,238,35)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#eebb23
```
#eebb23 rgb(238,187,35)
```

Split Complementary Color

#23ee55
```
#23ee55 rgb(35,238,85)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#ee5523
```
#ee5523 rgb(238,85,35)
```

Triadic Color

#23bcee
```
#23bcee rgb(35,188,238)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#ee5523
```
#ee5523 rgb(238,85,35)
```
#bcee23
```
#bcee23 rgb(188,238,35)
```

Tetradic Color

#380eb6
```
#380eb6 rgb(56,14,182)
```
#3f10ce
```
#3f10ce rgb(63,16,206)
```
#4612e6
```
#4612e6 rgb(70,18,230)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#673bf0
```
#673bf0 rgb(103,59,240)
```
#7a52f2
```
#7a52f2 rgb(122,82,242)
```
#8c6af3
```
#8c6af3 rgb(140,106,243)
```

Monochromatic Color

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

#2324ee
```
#2324ee rgb(35,36,238)
```
#3323ee
```
#3323ee rgb(51,35,238)
```
#4423ee
```
#4423ee rgb(68,35,238)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#6623ee
```
#6623ee rgb(102,35,238)
```
#7723ee
```
#7723ee rgb(119,35,238)
```
#8823ee
```
#8823ee rgb(136,35,238)
```

Similar Colors

Text with hexadecimal color #5523ee

This text has a font color of #5523ee.

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

#5523ee background color

This paragraph has a background color of #5523ee.

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

#5523ee border color

This element has a border color of #5523ee.

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

CSS codes

.text {color:#5523ee;}

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

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

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0323
```
#0b0323 rgb(11,3,35)
```
#100435
```
#100435 rgb(16,4,53)
```
#160647
```
#160647 rgb(22,6,71)
```
#1b075a
```
#1b075a rgb(27,7,90)
```
#21086c
```
#21086c rgb(33,8,108)
```
#260a7e
```
#260a7e rgb(38,10,126)
```
#2c0b90
```
#2c0b90 rgb(44,11,144)
```
#310da2
```
#310da2 rgb(49,13,162)
```
#370eb5
```
#370eb5 rgb(55,14,181)
```
#3d0fc7
```
#3d0fc7 rgb(61,15,199)
```
#4211d9
```
#4211d9 rgb(66,17,217)
```
#4812eb
```
#4812eb rgb(72,18,235)
```

Shade Color Variation

#5523ee
```
#5523ee rgb(85,35,238)
```
#6335ef
```
#6335ef rgb(99,53,239)
```
#7147f1
```
#7147f1 rgb(113,71,241)
```
#7f5af2
```
#7f5af2 rgb(127,90,242)
```
#8d6cf4
```
#8d6cf4 rgb(141,108,244)
```
#9b7ef5
```
#9b7ef5 rgb(155,126,245)
```
#a990f6
```
#a990f6 rgb(169,144,246)
```
#b7a2f8
```
#b7a2f8 rgb(183,162,248)
```
#c6b5f9
```
#c6b5f9 rgb(198,181,249)
```
#d4c7fb
```
#d4c7fb rgb(212,199,251)
```
#e2d9fc
```
#e2d9fc rgb(226,217,252)
```
#f0ebfd
```
#f0ebfd rgb(240,235,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88878a is the less saturated color, while #501af7 is the most saturated one.

#88878a
```
#88878a rgb(136,135,138)
```
#837e93
```
#837e93 rgb(131,126,147)
```
#7f759c
```
#7f759c rgb(127,117,156)
```
#7a6ca5
```
#7a6ca5 rgb(122,108,165)
```
#7563ae
```
#7563ae rgb(117,99,174)
```
#715ab7
```
#715ab7 rgb(113,90,183)
```
#6c51c0
```
#6c51c0 rgb(108,81,192)
```
#6847ca
```
#6847ca rgb(104,71,202)
```
#633ed3
```
#633ed3 rgb(99,62,211)
```
#5e35dc
```
#5e35dc rgb(94,53,220)
```
#5a2ce5
```
#5a2ce5 rgb(90,44,229)
```
#5523ee
```
#5523ee rgb(85,35,238)
```
#501af7
```
#501af7 rgb(80,26,247)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b416a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1e47c8 Protanomaly 1% of men, 0.01% of women
#1e4ab9 Deuteranomaly 6% of men, 0.4% of women
#1e4f9c Tritanomaly 0.01% of the population