#5507e2 hex color

In a RGB color space, hex #5507e2 is composed of 33.3% red, 2.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 96.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 261.4 degrees, a saturation of 94% and a lightness of 45.7%. #5507e2 color hex could be obtained by blending #aa0eff with #0000c5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 3
- B 89
RGB color chart
- C 62
- M 97
- Y 0
- K 11
CMYK color chart

● #5507e2 color description : Vivid violet.

The hexadecimal color #5507e2 has RGB values of R:85, G:7, B:226 and CMYK values of C:0.62, M:0.97, Y:0, K:0.11. Its decimal value is 5572578.

Hex triplet	5507e2	`#5507e2`
RGB Decimal	85, 7, 226	`rgb(85,7,226)`
RGB Percent	33.3, 2.7, 88.6	`rgb(33.3%,2.7%,88.6%)`
CMYK	62, 97, 0, 11
HSL	261.4°, 94, 45.7	`hsl(261.4,94%,45.7%)`
HSV (or HSB)	261.4°, 96.9, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.079, 73.158, -90.014
XYZ	17.547, 7.574, 72.485
xyY	0.18, 0.078, 7.574
CIE-LCH	33.079, 115.994, 309.102
CIE-LUV	33.079, 1.506, -117.313
Hunter-Lab	27.52, 65.653, -136.897
Binary	01010101, 00000111, 11100010

#5507e2
```
#5507e2 rgb(85,7,226)
```
#94e207
```
#94e207 rgb(148,226,7)
```

Complementary Color

#0726e2
```
#0726e2 rgb(7,38,226)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#c307e2
```
#c307e2 rgb(195,7,226)
```

Analogous Color

#26e207
```
#26e207 rgb(38,226,7)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#e2c307
```
#e2c307 rgb(226,195,7)
```

Split Complementary Color

#07e255
```
#07e255 rgb(7,226,85)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#e25507
```
#e25507 rgb(226,85,7)
```

Triadic Color

#0794e2
```
#0794e2 rgb(7,148,226)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#e25507
```
#e25507 rgb(226,85,7)
```
#94e207
```
#94e207 rgb(148,226,7)
```

Tetradic Color

#390598
```
#390598 rgb(57,5,152)
```
#4205b1
```
#4205b1 rgb(66,5,177)
```
#4c06c9
```
#4c06c9 rgb(76,6,201)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#5f0bf7
```
#5f0bf7 rgb(95,11,247)
```
#6f24f8
```
#6f24f8 rgb(111,36,248)
```
#803df9
```
#803df9 rgb(128,61,249)
```

Monochromatic Color

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

#1e07e2
```
#1e07e2 rgb(30,7,226)
```
#3107e2
```
#3107e2 rgb(49,7,226)
```
#4307e2
```
#4307e2 rgb(67,7,226)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#6707e2
```
#6707e2 rgb(103,7,226)
```
#7a07e2
```
#7a07e2 rgb(122,7,226)
```
#8c07e2
```
#8c07e2 rgb(140,7,226)
```

Similar Colors

Text with hexadecimal color #5507e2

This text has a font color of #5507e2.

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

#5507e2 background color

This paragraph has a background color of #5507e2.

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

#5507e2 border color

This element has a border color of #5507e2.

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

CSS codes

.text {color:#5507e2;}

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

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

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

#060111
```
#060111 rgb(6,1,17)
```
#0d0124
```
#0d0124 rgb(13,1,36)
```
#150237
```
#150237 rgb(21,2,55)
```
#1c024a
```
#1c024a rgb(28,2,74)
```
#23035d
```
#23035d rgb(35,3,93)
```
#2a0370
```
#2a0370 rgb(42,3,112)
```
#310483
```
#310483 rgb(49,4,131)
```
#380596
```
#380596 rgb(56,5,150)
```
#4005a9
```
#4005a9 rgb(64,5,169)
```
#4706bc
```
#4706bc rgb(71,6,188)
```
#4e06cf
```
#4e06cf rgb(78,6,207)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```
#5c08f5
```
#5c08f5 rgb(92,8,245)
```

Shade Color Variation

#6818f8
```
#6818f8 rgb(104,24,248)
```
#742bf8
```
#742bf8 rgb(116,43,248)
```
#813ef9
```
#813ef9 rgb(129,62,249)
```
#8d51fa
```
#8d51fa rgb(141,81,250)
```
#9a64fa
```
#9a64fa rgb(154,100,250)
```
#a678fb
```
#a678fb rgb(166,120,251)
```
#b38bfb
```
#b38bfb rgb(179,139,251)
```
#bf9efc
```
#bf9efc rgb(191,158,252)
```
#ccb1fd
```
#ccb1fd rgb(204,177,253)
```
#d8c4fd
```
#d8c4fd rgb(216,196,253)
```
#e5d7fe
```
#e5d7fe rgb(229,215,254)
```
#f1eafe
```
#f1eafe rgb(241,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#747376
```
#747376 rgb(116,115,118)
```
#716a7f
```
#716a7f rgb(113,106,127)
```
#6f6188
```
#6f6188 rgb(111,97,136)
```
#6c5891
```
#6c5891 rgb(108,88,145)
```
#6a4f9a
```
#6a4f9a rgb(106,79,154)
```
#6746a3
```
#6746a3 rgb(103,70,163)
```
#643dac
```
#643dac rgb(100,61,172)
```
#6234b5
```
#6234b5 rgb(98,52,181)
```
#5f2bbe
```
#5f2bbe rgb(95,43,190)
```
#5d22c7
```
#5d22c7 rgb(93,34,199)
```
#5a19d0
```
#5a19d0 rgb(90,25,208)
```
#5810d9
```
#5810d9 rgb(88,16,217)
```
#5507e2
```
#5507e2 rgb(85,7,226)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3d2d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#1e38ba Protanomaly 1% of men, 0.01% of women
#1e3bac Deuteranomaly 6% of men, 0.4% of women
#1e3f92 Tritanomaly 0.01% of the population

#5507e2 hex color

#5507e2 Color Information

#5507e2 Color Conversion

Color Schemes with #5507e2

Alternatives to #5507e2

#5507e2 Preview

Shades and Tints of #5507e2

Tones of #5507e2

Color Blindness Simulator