#5502ec hex color

In a RGB color space, hex #5502ec is composed of 33.3% red, 0.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 99.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 261.3 degrees, a saturation of 98.3% and a lightness of 46.7%. #5502ec color hex could be obtained by blending #aa04ff with #0000d9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 1
- B 93
RGB color chart
- C 64
- M 99
- Y 0
- K 7
CMYK color chart

● #5502ec color description : Vivid violet.

The hexadecimal color #5502ec has RGB values of R:85, G:2, B:236 and CMYK values of C:0.64, M:0.99, Y:0, K:0.07. Its decimal value is 5571308.

Hex triplet	5502ec	`#5502ec`
RGB Decimal	85, 2, 236	`rgb(85,2,236)`
RGB Percent	33.3, 0.8, 92.5	`rgb(33.3%,0.8%,92.5%)`
CMYK	64, 99, 0, 7
HSL	261.3°, 98.3, 46.7	`hsl(261.3,98.3%,46.7%)`
HSV (or HSB)	261.3°, 99.2, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.046, 76.155, -94.114
XYZ	18.906, 8.03, 79.906
xyY	0.177, 0.075, 8.03
CIE-LCH	34.046, 121.066, 308.979
CIE-LUV	34.046, 0.731, -122.901
Hunter-Lab	28.337, 69.497, -147.35
Binary	01010101, 00000010, 11101100

#5502ec
```
#5502ec rgb(85,2,236)
```
#99ec02
```
#99ec02 rgb(153,236,2)
```

Complementary Color

#0224ec
```
#0224ec rgb(2,36,236)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#ca02ec
```
#ca02ec rgb(202,2,236)
```

Analogous Color

#24ec02
```
#24ec02 rgb(36,236,2)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#ecca02
```
#ecca02 rgb(236,202,2)
```

Split Complementary Color

#02ec55
```
#02ec55 rgb(2,236,85)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#ec5502
```
#ec5502 rgb(236,85,2)
```

Triadic Color

#0299ec
```
#0299ec rgb(2,153,236)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#ec5502
```
#ec5502 rgb(236,85,2)
```
#99ec02
```
#99ec02 rgb(153,236,2)
```

Tetradic Color

#3a01a0
```
#3a01a0 rgb(58,1,160)
```
#4302b9
```
#4302b9 rgb(67,2,185)
```
#4c02d3
```
#4c02d3 rgb(76,2,211)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#610bfd
```
#610bfd rgb(97,11,253)
```
#7124fd
```
#7124fd rgb(113,36,253)
```
#813dfd
```
#813dfd rgb(129,61,253)
```

Monochromatic Color

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

#1a02ec
```
#1a02ec rgb(26,2,236)
```
#2e02ec
```
#2e02ec rgb(46,2,236)
```
#4202ec
```
#4202ec rgb(66,2,236)
```
#5502ec
```
#5502ec rgb(85,2,236)
```
#6902ec
```
#6902ec rgb(105,2,236)
```
#7c02ec
```
#7c02ec rgb(124,2,236)
```
#9002ec
```
#9002ec rgb(144,2,236)
```

Similar Colors

Text with hexadecimal color #5502ec

This text has a font color of #5502ec.

<span style="color:#5502ec;">Text here</span>

#5502ec background color

This paragraph has a background color of #5502ec.

<p style="background-color:#5502ec;">Content here</p>

#5502ec border color

This element has a border color of #5502ec.

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

CSS codes

.text {color:#5502ec;}

.background {background-color:#5502ec;}

.border {border:1px solid #5502ec;}

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

#010003
```
#010003 rgb(1,0,3)
```
#080016
```
#080016 rgb(8,0,22)
```
#0f0029
```
#0f0029 rgb(15,0,41)
```
#16013d
```
#16013d rgb(22,1,61)
```
#1d0150
```
#1d0150 rgb(29,1,80)
```
#240164
```
#240164 rgb(36,1,100)
```
#2b0177
```
#2b0177 rgb(43,1,119)
```
#32018b
```
#32018b rgb(50,1,139)
```
#39019e
```
#39019e rgb(57,1,158)
```
#4002b2
```
#4002b2 rgb(64,2,178)
```
#4702c5
```
#4702c5 rgb(71,2,197)
```
#4e02d9
```
#4e02d9 rgb(78,2,217)
```
#5502ec
```
#5502ec rgb(85,2,236)
```

Shade Color Variation

#5d05fd
```
#5d05fd rgb(93,5,253)
```
#6918fd
```
#6918fd rgb(105,24,253)
```
#762cfd
```
#762cfd rgb(118,44,253)
```
#833ffd
```
#833ffd rgb(131,63,253)
```
#8f53fe
```
#8f53fe rgb(143,83,254)
```
#9c66fe
```
#9c66fe rgb(156,102,254)
```
#a879fe
```
#a879fe rgb(168,121,254)
```
#b58dfe
```
#b58dfe rgb(181,141,254)
```
#c2a0fe
```
#c2a0fe rgb(194,160,254)
```
#ceb4fe
```
#ceb4fe rgb(206,180,254)
```
#dbc7ff
```
#dbc7ff rgb(219,199,255)
```
#e7dbff
```
#e7dbff rgb(231,219,255)
```
#f4eeff
```
#f4eeff rgb(244,238,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75707e is the less saturated color, while #5502ec is the most saturated one.

#75707e
```
#75707e rgb(117,112,126)
```
#726787
```
#726787 rgb(114,103,135)
```
#705e90
```
#705e90 rgb(112,94,144)
```
#6d549a
```
#6d549a rgb(109,84,154)
```
#6a4ba3
```
#6a4ba3 rgb(106,75,163)
```
#6842ac
```
#6842ac rgb(104,66,172)
```
#6539b5
```
#6539b5 rgb(101,57,181)
```
#6230be
```
#6230be rgb(98,48,190)
```
#6027c7
```
#6027c7 rgb(96,39,199)
```
#5d1dd1
```
#5d1dd1 rgb(93,29,209)
```
#5a14da
```
#5a14da rgb(90,20,218)
```
#580be3
```
#580be3 rgb(88,11,227)
```
#5502ec
```
#5502ec rgb(85,2,236)
```

Tone Color Variation

Below, you can see how #5502ec 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
#3b2b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1e37c0 Protanomaly 1% of men, 0.01% of women
#1e3bb2 Deuteranomaly 6% of men, 0.4% of women
#1e3f97 Tritanomaly 0.01% of the population

#5502ec hex color

#5502ec Color Information

#5502ec Color Conversion

Color Schemes with #5502ec

Alternatives to #5502ec

#5502ec Preview

Shades and Tints of #5502ec

Tones of #5502ec

Color Blindness Simulator