#5102a5 hex color

In a RGB color space, hex #5102a5 is composed of 31.8% red, 0.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 98.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 269.1 degrees, a saturation of 97.6% and a lightness of 32.7%. #5102a5 color hex could be obtained by blending #a204ff with #00004b. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 32
- G 1
- B 65
RGB color chart
- C 51
- M 99
- Y 0
- K 35
CMYK color chart

● #5102a5 color description : Dark violet.

The hexadecimal color #5102a5 has RGB values of R:81, G:2, B:165 and CMYK values of C:0.51, M:0.99, Y:0, K:0.35. Its decimal value is 5309093.

Hex triplet	5102a5	`#5102a5`
RGB Decimal	81, 2, 165	`rgb(81,2,165)`
RGB Percent	31.8, 0.8, 64.7	`rgb(31.8%,0.8%,64.7%)`
CMYK	51, 99, 0, 35
HSL	269.1°, 97.6, 32.7	`hsl(269.1,97.6%,32.7%)`
HSV (or HSB)	269.1°, 98.8, 64.7
Web Safe	660099	`#660099`

CIE-LAB	25.288, 59.681, -67.017
XYZ	10.205, 4.509, 35.928
xyY	0.202, 0.089, 4.509
CIE-LCH	25.288, 89.739, 311.686
CIE-LUV	25.288, 7.256, -82.091
Hunter-Lab	21.235, 48.625, -85.449
Binary	01010001, 00000010, 10100101

#5102a5
```
#5102a5 rgb(81,2,165)
```
#56a502
```
#56a502 rgb(86,165,2)
```

Complementary Color

#0205a5
```
#0205a5 rgb(2,5,165)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#a302a5
```
#a302a5 rgb(163,2,165)
```

Analogous Color

#05a502
```
#05a502 rgb(5,165,2)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#a5a302
```
#a5a302 rgb(165,163,2)
```

Split Complementary Color

#02a551
```
#02a551 rgb(2,165,81)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#a55102
```
#a55102 rgb(165,81,2)
```

Triadic Color

#0256a5
```
#0256a5 rgb(2,86,165)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#a55102
```
#a55102 rgb(165,81,2)
```
#56a502
```
#56a502 rgb(86,165,2)
```

Tetradic Color

#2c0159
```
#2c0159 rgb(44,1,89)
```
#380173
```
#380173 rgb(56,1,115)
```
#45028c
```
#45028c rgb(69,2,140)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#5d02be
```
#5d02be rgb(93,2,190)
```
#6a03d7
```
#6a03d7 rgb(106,3,215)
```
#7603f1
```
#7603f1 rgb(118,3,241)
```

Monochromatic Color

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

#2802a5
```
#2802a5 rgb(40,2,165)
```
#3602a5
```
#3602a5 rgb(54,2,165)
```
#4302a5
```
#4302a5 rgb(67,2,165)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#5f02a5
```
#5f02a5 rgb(95,2,165)
```
#6c02a5
```
#6c02a5 rgb(108,2,165)
```
#7a02a5
```
#7a02a5 rgb(122,2,165)
```

Similar Colors

Text with hexadecimal color #5102a5

This text has a font color of #5102a5.

<span style="color:#5102a5;">Text here</span>

#5102a5 background color

This paragraph has a background color of #5102a5.

<p style="background-color:#5102a5;">Content here</p>

#5102a5 border color

This element has a border color of #5102a5.

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

CSS codes

.text {color:#5102a5;}

.background {background-color:#5102a5;}

.border {border:1px solid #5102a5;}

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, #05000a is the darkest color, while #faf6ff is the lightest one.

#05000a
```
#05000a rgb(5,0,10)
```
#0e001d
```
#0e001d rgb(14,0,29)
```
#180131
```
#180131 rgb(24,1,49)
```
#210144
```
#210144 rgb(33,1,68)
```
#2b0157
```
#2b0157 rgb(43,1,87)
```
#34016b
```
#34016b rgb(52,1,107)
```
#3e027e
```
#3e027e rgb(62,2,126)
```
#470292
```
#470292 rgb(71,2,146)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```
#5b02b8
```
#5b02b8 rgb(91,2,184)
```
#6402cc
```
#6402cc rgb(100,2,204)
```
#6e03df
```
#6e03df rgb(110,3,223)
```
#7703f3
```
#7703f3 rgb(119,3,243)
```

Shade Color Variation

#810dfc
```
#810dfc rgb(129,13,252)
```
#8b20fc
```
#8b20fc rgb(139,32,252)
```
#9534fd
```
#9534fd rgb(149,52,253)
```
#9f47fd
```
#9f47fd rgb(159,71,253)
```
#a95bfd
```
#a95bfd rgb(169,91,253)
```
#b36efd
```
#b36efd rgb(179,110,253)
```
#bd81fd
```
#bd81fd rgb(189,129,253)
```
#c895fe
```
#c895fe rgb(200,149,254)
```
#d2a8fe
```
#d2a8fe rgb(210,168,254)
```
#dcbbfe
```
#dcbbfe rgb(220,187,254)
```
#e6cffe
```
#e6cffe rgb(230,207,254)
```
#f0e2ff
```
#f0e2ff rgb(240,226,255)
```
#faf6ff
```
#faf6ff rgb(250,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #534f58 is the less saturated color, while #5102a5 is the most saturated one.

#534f58
```
#534f58 rgb(83,79,88)
```
#53495e
```
#53495e rgb(83,73,94)
```
#534265
```
#534265 rgb(83,66,101)
```
#533c6b
```
#533c6b rgb(83,60,107)
```
#533572
```
#533572 rgb(83,53,114)
```
#522f78
```
#522f78 rgb(82,47,120)
```
#52297e
```
#52297e rgb(82,41,126)
```
#522285
```
#522285 rgb(82,34,133)
```
#521c8b
```
#521c8b rgb(82,28,139)
```
#521592
```
#521592 rgb(82,21,146)
```
#510f98
```
#510f98 rgb(81,15,152)
```
#51089f
```
#51089f rgb(81,8,159)
```
#5102a5
```
#5102a5 rgb(81,2,165)
```

Tone Color Variation

Below, you can see how #5102a5 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

#2c2c2c Achromatopsia 0.005% of the population
#332444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#38484e Tritanopia 0.001% of the population

Trichromacy

#1d2c90 Protanomaly 1% of men, 0.01% of women
#1d2e85 Deuteranomaly 6% of men, 0.4% of women
#412f6d Tritanomaly 0.01% of the population

#5102a5 hex color

#5102a5 Color Information

#5102a5 Color Conversion

Color Schemes with #5102a5

Alternatives to #5102a5

#5102a5 Preview

Shades and Tints of #5102a5

Tones of #5102a5

Color Blindness Simulator