#5108a2 hex color

In a RGB color space, hex #5108a2 is composed of 31.8% red, 3.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 95.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 268.4 degrees, a saturation of 90.6% and a lightness of 33.3%. #5108a2 color hex could be obtained by blending #a210ff with #000045. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 32
- G 3
- B 64
RGB color chart
- C 50
- M 95
- Y 0
- K 36
CMYK color chart

● #5108a2 color description : Dark violet.

The hexadecimal color #5108a2 has RGB values of R:81, G:8, B:162 and CMYK values of C:0.5, M:0.95, Y:0, K:0.36. Its decimal value is 5310626.

Hex triplet	5108a2	`#5108a2`
RGB Decimal	81, 8, 162	`rgb(81,8,162)`
RGB Percent	31.8, 3.1, 63.5	`rgb(31.8%,3.1%,63.5%)`
CMYK	50, 95, 0, 36
HSL	268.4°, 90.6, 33.3	`hsl(268.4,90.6%,33.3%)`
HSV (or HSB)	268.4°, 95.1, 63.5
Web Safe	660099	`#660099`

CIE-LAB	25.356, 57.788, -65.082
XYZ	10.001, 4.532, 34.528
xyY	0.204, 0.092, 4.532
CIE-LCH	25.356, 87.035, 311.603
CIE-LUV	25.356, 7.413, -80.332
Hunter-Lab	21.287, 46.605, -81.267
Binary	01010001, 00001000, 10100010

#5108a2
```
#5108a2 rgb(81,8,162)
```
#59a208
```
#59a208 rgb(89,162,8)
```

Complementary Color

#080ca2
```
#080ca2 rgb(8,12,162)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#9e08a2
```
#9e08a2 rgb(158,8,162)
```

Analogous Color

#0ca208
```
#0ca208 rgb(12,162,8)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#a29e08
```
#a29e08 rgb(162,158,8)
```

Split Complementary Color

#08a251
```
#08a251 rgb(8,162,81)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#a25108
```
#a25108 rgb(162,81,8)
```

Triadic Color

#0859a2
```
#0859a2 rgb(8,89,162)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#a25108
```
#a25108 rgb(162,81,8)
```
#59a208
```
#59a208 rgb(89,162,8)
```

Tetradic Color

#2d0459
```
#2d0459 rgb(45,4,89)
```
#390671
```
#390671 rgb(57,6,113)
```
#45078a
```
#45078a rgb(69,7,138)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#5d09ba
```
#5d09ba rgb(93,9,186)
```
#690ad3
```
#690ad3 rgb(105,10,211)
```
#750ceb
```
#750ceb rgb(117,12,235)
```

Monochromatic Color

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

#2b08a2
```
#2b08a2 rgb(43,8,162)
```
#3708a2
```
#3708a2 rgb(55,8,162)
```
#4408a2
```
#4408a2 rgb(68,8,162)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#5e08a2
```
#5e08a2 rgb(94,8,162)
```
#6b08a2
```
#6b08a2 rgb(107,8,162)
```
#7808a2
```
#7808a2 rgb(120,8,162)
```

Similar Colors

Text with hexadecimal color #5108a2

This text has a font color of #5108a2.

<span style="color:#5108a2;">Text here</span>

#5108a2 background color

This paragraph has a background color of #5108a2.

<p style="background-color:#5108a2;">Content here</p>

#5108a2 border color

This element has a border color of #5108a2.

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

CSS codes

.text {color:#5108a2;}

.background {background-color:#5108a2;}

.border {border:1px solid #5108a2;}

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, #06010c is the darkest color, while #fcf9ff is the lightest one.

#06010c
```
#06010c rgb(6,1,12)
```
#10021f
```
#10021f rgb(16,2,31)
```
#190232
```
#190232 rgb(25,2,50)
```
#220345
```
#220345 rgb(34,3,69)
```
#2c0457
```
#2c0457 rgb(44,4,87)
```
#35056a
```
#35056a rgb(53,5,106)
```
#3e067d
```
#3e067d rgb(62,6,125)
```
#48078f
```
#48078f rgb(72,7,143)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#5a09b5
```
#5a09b5 rgb(90,9,181)
```
#640ac7
```
#640ac7 rgb(100,10,199)
```
#6d0bda
```
#6d0bda rgb(109,11,218)
```
#760ced
```
#760ced rgb(118,12,237)
```

Shade Color Variation

#8018f4
```
#8018f4 rgb(128,24,244)
```
#8b2bf5
```
#8b2bf5 rgb(139,43,245)
```
#953ef5
```
#953ef5 rgb(149,62,245)
```
#9f51f6
```
#9f51f6 rgb(159,81,246)
```
#a963f7
```
#a963f7 rgb(169,99,247)
```
#b476f8
```
#b476f8 rgb(180,118,248)
```
#be89f9
```
#be89f9 rgb(190,137,249)
```
#c89bfa
```
#c89bfa rgb(200,155,250)
```
#d3aefb
```
#d3aefb rgb(211,174,251)
```
#ddc1fc
```
#ddc1fc rgb(221,193,252)
```
#e7d3fd
```
#e7d3fd rgb(231,211,253)
```
#f1e6fe
```
#f1e6fe rgb(241,230,254)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55505a is the less saturated color, while #5101a9 is the most saturated one.

#55505a
```
#55505a rgb(85,80,90)
```
#544961
```
#544961 rgb(84,73,97)
```
#544367
```
#544367 rgb(84,67,103)
```
#543c6e
```
#543c6e rgb(84,60,110)
```
#533674
```
#533674 rgb(83,54,116)
```
#532f7b
```
#532f7b rgb(83,47,123)
```
#532981
```
#532981 rgb(83,41,129)
```
#522288
```
#522288 rgb(82,34,136)
```
#521c8e
```
#521c8e rgb(82,28,142)
```
#521595
```
#521595 rgb(82,21,149)
```
#510f9b
```
#510f9b rgb(81,15,155)
```
#5108a2
```
#5108a2 rgb(81,8,162)
```
#5101a9
```
#5101a9 rgb(81,1,169)
```

Tone Color Variation

Below, you can see how #5108a2 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
#362746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#3a484d Tritanopia 0.001% of the population

Trichromacy

#1d2e8f Protanomaly 1% of men, 0.01% of women
#1d3084 Deuteranomaly 6% of men, 0.4% of women
#42316c Tritanomaly 0.01% of the population

#5108a2 hex color

#5108a2 Color Information

#5108a2 Color Conversion

Color Schemes with #5108a2

Alternatives to #5108a2

#5108a2 Preview

Shades and Tints of #5108a2

Tones of #5108a2

Color Blindness Simulator