#5100a2 hex color

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

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

● #5100a2 color description : Dark violet.

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

Hex triplet	5100a2	`#5100a2`
RGB Decimal	81, 0, 162	`rgb(81,0,162)`
RGB Percent	31.8, 0, 63.5	`rgb(31.8%,0%,63.5%)`
CMYK	50, 100, 0, 36
HSL	270°, 100, 31.8	`hsl(270,100%,31.8%)`
HSV (or HSB)	270°, 100, 63.5
Web Safe	660099	`#660099`

CIE-LAB	24.821, 59.41, -65.966
XYZ	9.914, 4.358, 34.499
xyY	0.203, 0.089, 4.358
CIE-LCH	24.821, 88.775, 312.007
CIE-LUV	24.821, 7.735, -80.331
Hunter-Lab	20.876, 48.237, -83.37
Binary	01010001, 00000000, 10100010

#5100a2
```
#5100a2 rgb(81,0,162)
```
#51a200
```
#51a200 rgb(81,162,0)
```

Complementary Color

#0000a2
```
#0000a2 rgb(0,0,162)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#a200a2
```
#a200a2 rgb(162,0,162)
```

Analogous Color

#00a200
```
#00a200 rgb(0,162,0)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#a2a200
```
#a2a200 rgb(162,162,0)
```

Split Complementary Color

#00a251
```
#00a251 rgb(0,162,81)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#a25100
```
#a25100 rgb(162,81,0)
```

Triadic Color

#0051a2
```
#0051a2 rgb(0,81,162)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#a25100
```
#a25100 rgb(162,81,0)
```
#51a200
```
#51a200 rgb(81,162,0)
```

Tetradic Color

#2b0056
```
#2b0056 rgb(43,0,86)
```
#38006f
```
#38006f rgb(56,0,111)
```
#440089
```
#440089 rgb(68,0,137)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#5e00bc
```
#5e00bc rgb(94,0,188)
```
#6b00d5
```
#6b00d5 rgb(107,0,213)
```
#7700ef
```
#7700ef rgb(119,0,239)
```

Monochromatic Color

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

#2900a2
```
#2900a2 rgb(41,0,162)
```
#3600a2
```
#3600a2 rgb(54,0,162)
```
#4400a2
```
#4400a2 rgb(68,0,162)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#5f00a2
```
#5f00a2 rgb(95,0,162)
```
#6c00a2
```
#6c00a2 rgb(108,0,162)
```
#7a00a2
```
#7a00a2 rgb(122,0,162)
```

Similar Colors

Text with hexadecimal color #5100a2

This text has a font color of #5100a2.

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

#5100a2 background color

This paragraph has a background color of #5100a2.

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

#5100a2 border color

This element has a border color of #5100a2.

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

CSS codes

.text {color:#5100a2;}

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

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

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 #f8f0ff is the lightest one.

#030005
```
#030005 rgb(3,0,5)
```
#0c0019
```
#0c0019 rgb(12,0,25)
```
#16002c
```
#16002c rgb(22,0,44)
```
#200040
```
#200040 rgb(32,0,64)
```
#2a0054
```
#2a0054 rgb(42,0,84)
```
#340067
```
#340067 rgb(52,0,103)
```
#3d007b
```
#3d007b rgb(61,0,123)
```
#47008e
```
#47008e rgb(71,0,142)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```
#5b00b6
```
#5b00b6 rgb(91,0,182)
```
#6500c9
```
#6500c9 rgb(101,0,201)
```
#6e00dd
```
#6e00dd rgb(110,0,221)
```
#7800f0
```
#7800f0 rgb(120,0,240)
```

Shade Color Variation

#8205ff
```
#8205ff rgb(130,5,255)
```
#8c19ff
```
#8c19ff rgb(140,25,255)
```
#962cff
```
#962cff rgb(150,44,255)
```
#9f40ff
```
#9f40ff rgb(159,64,255)
```
#a954ff
```
#a954ff rgb(169,84,255)
```
#b367ff
```
#b367ff rgb(179,103,255)
```
#bd7bff
```
#bd7bff rgb(189,123,255)
```
#c78eff
```
#c78eff rgb(199,142,255)
```
#d1a2ff
```
#d1a2ff rgb(209,162,255)
```
#dab6ff
```
#dab6ff rgb(218,182,255)
```
#e4c9ff
```
#e4c9ff rgb(228,201,255)
```
#eeddff
```
#eeddff rgb(238,221,255)
```
#f8f0ff
```
#f8f0ff rgb(248,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514b57 is the less saturated color, while #5100a2 is the most saturated one.

#514b57
```
#514b57 rgb(81,75,87)
```
#51455d
```
#51455d rgb(81,69,93)
```
#513e64
```
#513e64 rgb(81,62,100)
```
#51386a
```
#51386a rgb(81,56,106)
```
#513270
```
#513270 rgb(81,50,112)
```
#512c76
```
#512c76 rgb(81,44,118)
```
#51257d
```
#51257d rgb(81,37,125)
```
#511f83
```
#511f83 rgb(81,31,131)
```
#511989
```
#511989 rgb(81,25,137)
```
#51138f
```
#51138f rgb(81,19,143)
```
#510c96
```
#510c96 rgb(81,12,150)
```
#51069c
```
#51069c rgb(81,6,156)
```
#5100a2
```
#5100a2 rgb(81,0,162)
```

Tone Color Variation

Below, you can see how #5100a2 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

#2b2b2b Achromatopsia 0.005% of the population
#332243 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#39474c Tritanopia 0.001% of the population

Trichromacy

#1d2a8d Protanomaly 1% of men, 0.01% of women
#1d2d83 Deuteranomaly 6% of men, 0.4% of women
#422d6b Tritanomaly 0.01% of the population

#5100a2 hex color

#5100a2 Color Information

#5100a2 Color Conversion

Color Schemes with #5100a2

Alternatives to #5100a2

#5100a2 Preview

Shades and Tints of #5100a2

Tones of #5100a2

Color Blindness Simulator