colorhexa.com

#5503e2 hex color

In a RGB color space, hex #5503e2 is composed of 33.3% red, 1.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 98.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 262.1 degrees, a saturation of 97.4% and a lightness of 44.9%. #5503e2 color hex could be obtained by blending #aa06ff with #0000c5. Closest websafe color is: #6600cc.

- R 33
- G 1
- B 89
RGB color chart
- C 62
- M 99
- Y 0
- K 11
CMYK color chart

● #5503e2 color description : Vivid violet.

The hexadecimal color #5503e2 has RGB values of R:85, G:3, B:226 and CMYK values of C:0.62, M:0.99, Y:0, K:0.11. Its decimal value is 5571554.

Hex triplet	5503e2	`#5503e2`
RGB Decimal	85, 3, 226	`rgb(85,3,226)`
RGB Percent	33.3, 1.2, 88.6	`rgb(33.3%,1.2%,88.6%)`
CMYK	62, 99, 0, 11
HSL	262.1°, 97.4, 44.9	`hsl(262.1,97.4%,44.9%)`
HSV (or HSB)	262.1°, 98.7, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.89, 73.734, -90.327
XYZ	17.504, 7.487, 72.47
xyY	0.18, 0.077, 7.487
CIE-LCH	32.89, 116.601, 309.225
CIE-LUV	32.89, 1.628, -117.273
Hunter-Lab	27.362, 66.305, -137.88
Binary	01010101, 00000011, 11100010

#5503e2
```
#5503e2 rgb(85,3,226)
```
#90e203
```
#90e203 rgb(144,226,3)
```

Complementary Color

#0320e2
```
#0320e2 rgb(3,32,226)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```
#c503e2
```
#c503e2 rgb(197,3,226)
```

Analogous Color

#21e203
```
#21e203 rgb(33,226,3)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```
#e2c503
```
#e2c503 rgb(226,197,3)
```

Split Complementary Color

#390297
```
#390297 rgb(57,2,151)
```
#4202b0
```
#4202b0 rgb(66,2,176)
```
#4c03c9
```
#4c03c9 rgb(76,3,201)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```
#5e03fb
```
#5e03fb rgb(94,3,251)
```
#6e1cfc
```
#6e1cfc rgb(110,28,252)
```
#7e35fc
```
#7e35fc rgb(126,53,252)
```

Monochromatic Color

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

#1d03e2
```
#1d03e2 rgb(29,3,226)
```
#3003e2
```
#3003e2 rgb(48,3,226)
```
#4203e2
```
#4203e2 rgb(66,3,226)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```
#6803e2
```
#6803e2 rgb(104,3,226)
```
#7a03e2
```
#7a03e2 rgb(122,3,226)
```
#8d03e2
```
#8d03e2 rgb(141,3,226)
```

Similar Colors

Text with hexadecimal color #5503e2

This text has a font color of #5503e2.

<span style="color:#5503e2;">Text here</span>

#5503e2 background color

This paragraph has a background color of #5503e2.

<p style="background-color:#5503e2;">Content here</p>

#5503e2 border color

This element has a border color of #5503e2.

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

CSS codes

.text {color:#5503e2;}

.background {background-color:#5503e2;}

.border {border:1px solid #5503e2;}

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, #05000d is the darkest color, while #fbf9ff is the lightest one.

#05000d
```
#05000d rgb(5,0,13)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#130134
```
#130134 rgb(19,1,52)
```
#1b0147
```
#1b0147 rgb(27,1,71)
```
#22015a
```
#22015a rgb(34,1,90)
```
#29016e
```
#29016e rgb(41,1,110)
```
#310281
```
#310281 rgb(49,2,129)
```
#380295
```
#380295 rgb(56,2,149)
```
#3f02a8
```
#3f02a8 rgb(63,2,168)
```
#4602bb
```
#4602bb rgb(70,2,187)
```
#4e03cf
```
#4e03cf rgb(78,3,207)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```
#5c03f5
```
#5c03f5 rgb(92,3,245)
```

Shade Color Variation

#6710fc
```
#6710fc rgb(103,16,252)
```
#7324fc
```
#7324fc rgb(115,36,252)
```
#8037fc
```
#8037fc rgb(128,55,252)
```
#8c4afd
```
#8c4afd rgb(140,74,253)
```
#985efd
```
#985efd rgb(152,94,253)
```
#a571fd
```
#a571fd rgb(165,113,253)
```
#b185fd
```
#b185fd rgb(177,133,253)
```
#bd98fe
```
#bd98fe rgb(189,152,254)
```
#caabfe
```
#caabfe rgb(202,171,254)
```
#d6bffe
```
#d6bffe rgb(214,191,254)
```
#e2d2fe
```
#e2d2fe rgb(226,210,254)
```
#efe5ff
```
#efe5ff rgb(239,229,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716d78 is the less saturated color, while #5503e2 is the most saturated one.

#716d78
```
#716d78 rgb(113,109,120)
```
#6f6481
```
#6f6481 rgb(111,100,129)
```
#6c5b8a
```
#6c5b8a rgb(108,91,138)
```
#6a5293
```
#6a5293 rgb(106,82,147)
```
#68499c
```
#68499c rgb(104,73,156)
```
#6541a4
```
#6541a4 rgb(101,65,164)
```
#6338ad
```
#6338ad rgb(99,56,173)
```
#612fb6
```
#612fb6 rgb(97,47,182)
```
#5e26bf
```
#5e26bf rgb(94,38,191)
```
#5c1dc8
```
#5c1dc8 rgb(92,29,200)
```
#5a15d0
```
#5a15d0 rgb(90,21,208)
```
#570cd9
```
#570cd9 rgb(87,12,217)
```
#5503e2
```
#5503e2 rgb(85,3,226)
```

Tone Color Variation

Below, you can see how #5503e2 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

#353535 Achromatopsia 0.005% of the population
#3b2b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1e36ba Protanomaly 1% of men, 0.01% of women
#1e39ac Deuteranomaly 6% of men, 0.4% of women
#1e3d92 Tritanomaly 0.01% of the population