colorhexa.com

#5508d2 hex color

In a RGB color space, hex #5508d2 is composed of 33.3% red, 3.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 96.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 262.9 degrees, a saturation of 92.7% and a lightness of 42.7%. #5508d2 color hex could be obtained by blending #aa10ff with #0000a5. Closest websafe color is: #6600cc.

- R 33
- G 3
- B 82
RGB color chart
- C 60
- M 96
- Y 0
- K 18
CMYK color chart

● #5508d2 color description : Strong violet.

The hexadecimal color #5508d2 has RGB values of R:85, G:8, B:210 and CMYK values of C:0.6, M:0.96, Y:0, K:0.18. Its decimal value is 5572818.

Hex triplet	5508d2	`#5508d2`
RGB Decimal	85, 8, 210	`rgb(85,8,210)`
RGB Percent	33.3, 3.1, 82.4	`rgb(33.3%,3.1%,82.4%)`
CMYK	60, 96, 0, 18
HSL	262.9°, 92.7, 42.7	`hsl(262.9,92.7%,42.7%)`
HSV (or HSB)	262.9°, 96.2, 82.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.249, 69.3, -83.823
XYZ	15.464, 6.758, 61.459
xyY	0.185, 0.081, 6.758
CIE-LCH	31.249, 108.761, 309.582
CIE-LUV	31.249, 3.055, -108.228
Hunter-Lab	25.996, 60.692, -121.977
Binary	01010101, 00001000, 11010010

#5508d2
```
#5508d2 rgb(85,8,210)
```
#85d208
```
#85d208 rgb(133,210,8)
```

Complementary Color

#0820d2
```
#0820d2 rgb(8,32,210)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```
#ba08d2
```
#ba08d2 rgb(186,8,210)
```

Analogous Color

#20d208
```
#20d208 rgb(32,210,8)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```
#d2ba08
```
#d2ba08 rgb(210,186,8)
```

Split Complementary Color

#370588
```
#370588 rgb(55,5,136)
```
#4106a1
```
#4106a1 rgb(65,6,161)
```
#4b07b9
```
#4b07b9 rgb(75,7,185)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```
#5f09eb
```
#5f09eb rgb(95,9,235)
```
#6c17f6
```
#6c17f6 rgb(108,23,246)
```
#7c2ff7
```
#7c2ff7 rgb(124,47,247)
```

Monochromatic Color

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

#2308d2
```
#2308d2 rgb(35,8,210)
```
#3308d2
```
#3308d2 rgb(51,8,210)
```
#4408d2
```
#4408d2 rgb(68,8,210)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```
#6608d2
```
#6608d2 rgb(102,8,210)
```
#7708d2
```
#7708d2 rgb(119,8,210)
```
#8808d2
```
#8808d2 rgb(136,8,210)
```

Similar Colors

Text with hexadecimal color #5508d2

This text has a font color of #5508d2.

<span style="color:#5508d2;">Text here</span>

#5508d2 background color

This paragraph has a background color of #5508d2.

<p style="background-color:#5508d2;">Content here</p>

#5508d2 border color

This element has a border color of #5508d2.

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

CSS codes

.text {color:#5508d2;}

.background {background-color:#5508d2;}

.border {border:1px solid #5508d2;}

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

#010002
```
#010002 rgb(1,0,2)
```
#090115
```
#090115 rgb(9,1,21)
```
#100228
```
#100228 rgb(16,2,40)
```
#18023b
```
#18023b rgb(24,2,59)
```
#1f034e
```
#1f034e rgb(31,3,78)
```
#270461
```
#270461 rgb(39,4,97)
```
#2f0474
```
#2f0474 rgb(47,4,116)
```
#360586
```
#360586 rgb(54,5,134)
```
#3e0699
```
#3e0699 rgb(62,6,153)
```
#4607ac
```
#4607ac rgb(70,7,172)
```
#4d07bf
```
#4d07bf rgb(77,7,191)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```
#5d09e5
```
#5d09e5 rgb(93,9,229)
```

Shade Color Variation

#650cf6
```
#650cf6 rgb(101,12,246)
```
#711ef6
```
#711ef6 rgb(113,30,246)
```
#7d31f7
```
#7d31f7 rgb(125,49,247)
```
#8944f8
```
#8944f8 rgb(137,68,248)
```
#9557f9
```
#9557f9 rgb(149,87,249)
```
#a16af9
```
#a16af9 rgb(161,106,249)
```
#ad7dfa
```
#ad7dfa rgb(173,125,250)
```
#b990fb
```
#b990fb rgb(185,144,251)
```
#c5a3fb
```
#c5a3fb rgb(197,163,251)
```
#d0b6fc
```
#d0b6fc rgb(208,182,252)
```
#dcc8fd
```
#dcc8fd rgb(220,200,253)
```
#e8dbfe
```
#e8dbfe rgb(232,219,254)
```
#f4eefe
```
#f4eefe rgb(244,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6d6d is the less saturated color, while #5508d2 is the most saturated one.

#6d6d6d
```
#6d6d6d rgb(109,109,109)
```
#6b6476
```
#6b6476 rgb(107,100,118)
```
#695c7e
```
#695c7e rgb(105,92,126)
```
#675387
```
#675387 rgb(103,83,135)
```
#654b8f
```
#654b8f rgb(101,75,143)
```
#634397
```
#634397 rgb(99,67,151)
```
#613aa0
```
#613aa0 rgb(97,58,160)
```
#5f32a8
```
#5f32a8 rgb(95,50,168)
```
#5d2ab0
```
#5d2ab0 rgb(93,42,176)
```
#5b21b9
```
#5b21b9 rgb(91,33,185)
```
#5919c1
```
#5919c1 rgb(89,25,193)
```
#5710ca
```
#5710ca rgb(87,16,202)
```
#5508d2
```
#5508d2 rgb(85,8,210)
```

Tone Color Variation

Below, you can see how #5508d2 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

#363636 Achromatopsia 0.005% of the population
#3c2d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1e36af Protanomaly 1% of men, 0.01% of women
#1e39a2 Deuteranomaly 6% of men, 0.4% of women
#1e3c8a Tritanomaly 0.01% of the population