#5502b2 hex color

In a RGB color space, hex #5502b2 is composed of 33.3% red, 0.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 98.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 268.3 degrees, a saturation of 97.8% and a lightness of 35.3%. #5502b2 color hex could be obtained by blending #aa04ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 1
- B 70
RGB color chart
- C 52
- M 99
- Y 0
- K 30
CMYK color chart

● #5502b2 color description : Dark violet.

The hexadecimal color #5502b2 has RGB values of R:85, G:2, B:178 and CMYK values of C:0.52, M:0.99, Y:0, K:0.3. Its decimal value is 5571250.

Hex triplet	5502b2	`#5502b2`
RGB Decimal	85, 2, 178	`rgb(85,2,178)`
RGB Percent	33.3, 0.8, 69.8	`rgb(33.3%,0.8%,69.8%)`
CMYK	52, 99, 0, 30
HSL	268.3°, 97.8, 35.3	`hsl(268.3,97.8%,35.3%)`
HSV (or HSB)	268.3°, 98.9, 69.8
Web Safe	660099	`#660099`

CIE-LAB	27.266, 62.956, -71.563
XYZ	11.803, 5.189, 42.497
xyY	0.198, 0.087, 5.189
CIE-LCH	27.266, 95.314, 311.339
CIE-LUV	27.266, 6.944, -89.769
Hunter-Lab	22.779, 52.622, -94.666
Binary	01010101, 00000010, 10110010

#5502b2
```
#5502b2 rgb(85,2,178)
```
#5fb202
```
#5fb202 rgb(95,178,2)
```

Complementary Color

#0207b2
```
#0207b2 rgb(2,7,178)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#ad02b2
```
#ad02b2 rgb(173,2,178)
```

Analogous Color

#07b202
```
#07b202 rgb(7,178,2)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#b2ad02
```
#b2ad02 rgb(178,173,2)
```

Split Complementary Color

#02b255
```
#02b255 rgb(2,178,85)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#b25502
```
#b25502 rgb(178,85,2)
```

Triadic Color

#025fb2
```
#025fb2 rgb(2,95,178)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#b25502
```
#b25502 rgb(178,85,2)
```
#5fb202
```
#5fb202 rgb(95,178,2)
```

Tetradic Color

#310166
```
#310166 rgb(49,1,102)
```
#3d0180
```
#3d0180 rgb(61,1,128)
```
#490299
```
#490299 rgb(73,2,153)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#6102cb
```
#6102cb rgb(97,2,203)
```
#6d03e4
```
#6d03e4 rgb(109,3,228)
```
#7904fc
```
#7904fc rgb(121,4,252)
```

Monochromatic Color

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

#2902b2
```
#2902b2 rgb(41,2,178)
```
#3802b2
```
#3802b2 rgb(56,2,178)
```
#4602b2
```
#4602b2 rgb(70,2,178)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#6402b2
```
#6402b2 rgb(100,2,178)
```
#7202b2
```
#7202b2 rgb(114,2,178)
```
#8102b2
```
#8102b2 rgb(129,2,178)
```

Similar Colors

Text with hexadecimal color #5502b2

This text has a font color of #5502b2.

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

#5502b2 background color

This paragraph has a background color of #5502b2.

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

#5502b2 border color

This element has a border color of #5502b2.

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

CSS codes

.text {color:#5502b2;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0017
```
#0b0017 rgb(11,0,23)
```
#14002a
```
#14002a rgb(20,0,42)
```
#1d013e
```
#1d013e rgb(29,1,62)
```
#270151
```
#270151 rgb(39,1,81)
```
#300164
```
#300164 rgb(48,1,100)
```
#390178
```
#390178 rgb(57,1,120)
```
#42028b
```
#42028b rgb(66,2,139)
```
#4c029f
```
#4c029f rgb(76,2,159)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```
#5e02c5
```
#5e02c5 rgb(94,2,197)
```
#6802d9
```
#6802d9 rgb(104,2,217)
```
#7103ec
```
#7103ec rgb(113,3,236)
```

Shade Color Variation

#7a06fc
```
#7a06fc rgb(122,6,252)
```
#851afc
```
#851afc rgb(133,26,252)
```
#8f2dfd
```
#8f2dfd rgb(143,45,253)
```
#9940fd
```
#9940fd rgb(153,64,253)
```
#a454fd
```
#a454fd rgb(164,84,253)
```
#ae67fd
```
#ae67fd rgb(174,103,253)
```
#b87bfe
```
#b87bfe rgb(184,123,254)
```
#c38efe
```
#c38efe rgb(195,142,254)
```
#cda1fe
```
#cda1fe rgb(205,161,254)
```
#d7b5fe
```
#d7b5fe rgb(215,181,254)
```
#e2c8fe
```
#e2c8fe rgb(226,200,254)
```
#ecdcff
```
#ecdcff rgb(236,220,255)
```
#f6efff
```
#f6efff rgb(246,239,255)
```

Tint Color Variation

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

#5a555f
```
#5a555f rgb(90,85,95)
```
#594e66
```
#594e66 rgb(89,78,102)
```
#59476d
```
#59476d rgb(89,71,109)
```
#594074
```
#594074 rgb(89,64,116)
```
#58397b
```
#58397b rgb(88,57,123)
```
#583282
```
#583282 rgb(88,50,130)
```
#572c88
```
#572c88 rgb(87,44,136)
```
#57258f
```
#57258f rgb(87,37,143)
```
#571e96
```
#571e96 rgb(87,30,150)
```
#56179d
```
#56179d rgb(86,23,157)
```
#5610a4
```
#5610a4 rgb(86,16,164)
```
#5509ab
```
#5509ab rgb(85,9,171)
```
#5502b2
```
#5502b2 rgb(85,2,178)
```

Tone Color Variation

Below, you can see how #5502b2 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

#2f2f2f Achromatopsia 0.005% of the population
#372649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#364e53 Tritanopia 0.001% of the population

Trichromacy

#1e2e99 Protanomaly 1% of men, 0.01% of women
#1e318e Deuteranomaly 6% of men, 0.4% of women
#413275 Tritanomaly 0.01% of the population

#5502b2 hex color

#5502b2 Color Information

#5502b2 Color Conversion

Color Schemes with #5502b2

Alternatives to #5502b2

#5502b2 Preview

Shades and Tints of #5502b2

Tones of #5502b2

Color Blindness Simulator