#5502b4 hex color

In a RGB color space, hex #5502b4 is composed of 33.3% red, 0.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 98.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 268 degrees, a saturation of 97.8% and a lightness of 35.7%. #5502b4 color hex could be obtained by blending #aa04ff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 1
- B 71
RGB color chart
- C 53
- M 99
- Y 0
- K 29
CMYK color chart

● #5502b4 color description : Strong violet.

The hexadecimal color #5502b4 has RGB values of R:85, G:2, B:180 and CMYK values of C:0.53, M:0.99, Y:0, K:0.29. Its decimal value is 5571252.

Hex triplet	5502b4	`#5502b4`
RGB Decimal	85, 2, 180	`rgb(85,2,180)`
RGB Percent	33.3, 0.8, 70.6	`rgb(33.3%,0.8%,70.6%)`
CMYK	53, 99, 0, 29
HSL	268°, 97.8, 35.7	`hsl(268,97.8%,35.7%)`
HSV (or HSB)	268°, 98.9, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	27.49, 63.409, -72.388
XYZ	12.005, 5.27, 43.562
xyY	0.197, 0.087, 5.27
CIE-LCH	27.49, 96.233, 311.217
CIE-LUV	27.49, 6.689, -90.93
Hunter-Lab	22.956, 53.172, -96.441
Binary	01010101, 00000010, 10110100

#5502b4
```
#5502b4 rgb(85,2,180)
```
#61b402
```
#61b402 rgb(97,180,2)
```

Complementary Color

#0208b4
```
#0208b4 rgb(2,8,180)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#ae02b4
```
#ae02b4 rgb(174,2,180)
```

Analogous Color

#08b402
```
#08b402 rgb(8,180,2)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#b4ae02
```
#b4ae02 rgb(180,174,2)
```

Split Complementary Color

#02b455
```
#02b455 rgb(2,180,85)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#b45502
```
#b45502 rgb(180,85,2)
```

Triadic Color

#0261b4
```
#0261b4 rgb(2,97,180)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#b45502
```
#b45502 rgb(180,85,2)
```
#61b402
```
#61b402 rgb(97,180,2)
```

Tetradic Color

#310168
```
#310168 rgb(49,1,104)
```
#3d0182
```
#3d0182 rgb(61,1,130)
```
#49029b
```
#49029b rgb(73,2,155)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#6102cd
```
#6102cd rgb(97,2,205)
```
#6d03e6
```
#6d03e6 rgb(109,3,230)
```
#7906fc
```
#7906fc rgb(121,6,252)
```

Monochromatic Color

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

#2902b4
```
#2902b4 rgb(41,2,180)
```
#3702b4
```
#3702b4 rgb(55,2,180)
```
#4602b4
```
#4602b4 rgb(70,2,180)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#6402b4
```
#6402b4 rgb(100,2,180)
```
#7302b4
```
#7302b4 rgb(115,2,180)
```
#8202b4
```
#8202b4 rgb(130,2,180)
```

Similar Colors

Text with hexadecimal color #5502b4

This text has a font color of #5502b4.

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

#5502b4 background color

This paragraph has a background color of #5502b4.

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

#5502b4 border color

This element has a border color of #5502b4.

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

CSS codes

.text {color:#5502b4;}

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

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0c0019
```
#0c0019 rgb(12,0,25)
```
#15002c
```
#15002c rgb(21,0,44)
```
#1e0140
```
#1e0140 rgb(30,1,64)
```
#270153
```
#270153 rgb(39,1,83)
```
#300166
```
#300166 rgb(48,1,102)
```
#3a017a
```
#3a017a rgb(58,1,122)
```
#43028d
```
#43028d rgb(67,2,141)
```
#4c02a1
```
#4c02a1 rgb(76,2,161)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```
#5e02c7
```
#5e02c7 rgb(94,2,199)
```
#6702db
```
#6702db rgb(103,2,219)
```
#7003ee
```
#7003ee rgb(112,3,238)
```

Shade Color Variation

#7a08fc
```
#7a08fc rgb(122,8,252)
```
#841cfc
```
#841cfc rgb(132,28,252)
```
#8f2ffd
```
#8f2ffd rgb(143,47,253)
```
#9942fd
```
#9942fd rgb(153,66,253)
```
#a456fd
```
#a456fd rgb(164,86,253)
```
#ae69fd
```
#ae69fd rgb(174,105,253)
```
#b97dfe
```
#b97dfe rgb(185,125,254)
```
#c390fe
```
#c390fe rgb(195,144,254)
```
#cea3fe
```
#cea3fe rgb(206,163,254)
```
#d8b7fe
```
#d8b7fe rgb(216,183,254)
```
#e3cafe
```
#e3cafe rgb(227,202,254)
```
#eddeff
```
#eddeff rgb(237,222,255)
```
#f7f1ff
```
#f7f1ff rgb(247,241,255)
```

Tint Color Variation

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

#5b5660
```
#5b5660 rgb(91,86,96)
```
#5a4f67
```
#5a4f67 rgb(90,79,103)
```
#5a486e
```
#5a486e rgb(90,72,110)
```
#594175
```
#594175 rgb(89,65,117)
```
#593a7c
```
#593a7c rgb(89,58,124)
```
#583383
```
#583383 rgb(88,51,131)
```
#582c8a
```
#582c8a rgb(88,44,138)
```
#572591
```
#572591 rgb(87,37,145)
```
#571e98
```
#571e98 rgb(87,30,152)
```
#56179f
```
#56179f rgb(86,23,159)
```
#5610a6
```
#5610a6 rgb(86,16,166)
```
#5509ad
```
#5509ad rgb(85,9,173)
```
#5502b4
```
#5502b4 rgb(85,2,180)
```

Tone Color Variation

Below, you can see how #5502b4 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
#37264a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#344e54 Tritanopia 0.001% of the population

Trichromacy

#1e2f9b Protanomaly 1% of men, 0.01% of women
#1e318f Deuteranomaly 6% of men, 0.4% of women
#403277 Tritanomaly 0.01% of the population

#5502b4 hex color

#5502b4 Color Information

#5502b4 Color Conversion

Color Schemes with #5502b4

Alternatives to #5502b4

#5502b4 Preview

Shades and Tints of #5502b4

Tones of #5502b4

Color Blindness Simulator