#5301a2 hex color

In a RGB color space, hex #5301a2 is composed of 32.5% red, 0.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 99.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 270.6 degrees, a saturation of 98.8% and a lightness of 32%. #5301a2 color hex could be obtained by blending #a602ff with #000045. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 0
- B 64
RGB color chart
- C 49
- M 99
- Y 0
- K 36
CMYK color chart

● #5301a2 color description : Dark violet.

The hexadecimal color #5301a2 has RGB values of R:83, G:1, B:162 and CMYK values of C:0.49, M:0.99, Y:0, K:0.36. Its decimal value is 5439906.

Hex triplet	5301a2	`#5301a2`
RGB Decimal	83, 1, 162	`rgb(83,1,162)`
RGB Percent	32.5, 0.4, 63.5	`rgb(32.5%,0.4%,63.5%)`
CMYK	49, 99, 0, 36
HSL	270.6°, 98.8, 32	`hsl(270.6,98.8%,32%)`
HSV (or HSB)	270.6°, 99.4, 63.5
Web Safe	660099	`#660099`

CIE-LAB	25.166, 59.377, -65.387
XYZ	10.099, 4.469, 34.511
xyY	0.206, 0.091, 4.469
CIE-LCH	25.166, 88.324, 312.242
CIE-LUV	25.166, 8.421, -80.383
Hunter-Lab	21.141, 48.271, -81.989
Binary	01010011, 00000001, 10100010

#5301a2
```
#5301a2 rgb(83,1,162)
```
#50a201
```
#50a201 rgb(80,162,1)
```

Complementary Color

#0301a2
```
#0301a2 rgb(3,1,162)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#a201a1
```
#a201a1 rgb(162,1,161)
```

Analogous Color

#01a202
```
#01a202 rgb(1,162,2)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#a1a201
```
#a1a201 rgb(161,162,1)
```

Split Complementary Color

#01a253
```
#01a253 rgb(1,162,83)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#a25301
```
#a25301 rgb(162,83,1)
```

Triadic Color

#0150a2
```
#0150a2 rgb(1,80,162)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#a25301
```
#a25301 rgb(162,83,1)
```
#50a201
```
#50a201 rgb(80,162,1)
```

Tetradic Color

#2c0156
```
#2c0156 rgb(44,1,86)
```
#39016f
```
#39016f rgb(57,1,111)
```
#460189
```
#460189 rgb(70,1,137)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#6001bb
```
#6001bb rgb(96,1,187)
```
#6d01d5
```
#6d01d5 rgb(109,1,213)
```
#7a01ee
```
#7a01ee rgb(122,1,238)
```

Monochromatic Color

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

#2b01a2
```
#2b01a2 rgb(43,1,162)
```
#3801a2
```
#3801a2 rgb(56,1,162)
```
#4601a2
```
#4601a2 rgb(70,1,162)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#6001a2
```
#6001a2 rgb(96,1,162)
```
#6e01a2
```
#6e01a2 rgb(110,1,162)
```
#7b01a2
```
#7b01a2 rgb(123,1,162)
```

Similar Colors

Text with hexadecimal color #5301a2

This text has a font color of #5301a2.

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

#5301a2 background color

This paragraph has a background color of #5301a2.

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

#5301a2 border color

This element has a border color of #5301a2.

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

CSS codes

.text {color:#5301a2;}

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

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0d001a
```
#0d001a rgb(13,0,26)
```
#17002d
```
#17002d rgb(23,0,45)
```
#210041
```
#210041 rgb(33,0,65)
```
#2b0154
```
#2b0154 rgb(43,1,84)
```
#350168
```
#350168 rgb(53,1,104)
```
#3f017b
```
#3f017b rgb(63,1,123)
```
#49018f
```
#49018f rgb(73,1,143)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```
#5d01b5
```
#5d01b5 rgb(93,1,181)
```
#6701c9
```
#6701c9 rgb(103,1,201)
```
#7101dc
```
#7101dc rgb(113,1,220)
```
#7b01f0
```
#7b01f0 rgb(123,1,240)
```

Shade Color Variation

#8508fd
```
#8508fd rgb(133,8,253)
```
#8e1bfe
```
#8e1bfe rgb(142,27,254)
```
#982ffe
```
#982ffe rgb(152,47,254)
```
#a242fe
```
#a242fe rgb(162,66,254)
```
#ab56fe
```
#ab56fe rgb(171,86,254)
```
#b569fe
```
#b569fe rgb(181,105,254)
```
#bf7dfe
```
#bf7dfe rgb(191,125,254)
```
#c890fe
```
#c890fe rgb(200,144,254)
```
#d2a4fe
```
#d2a4fe rgb(210,164,254)
```
#dbb7ff
```
#dbb7ff rgb(219,183,255)
```
#e5cbff
```
#e5cbff rgb(229,203,255)
```
#efdeff
```
#efdeff rgb(239,222,255)
```
#f8f2ff
```
#f8f2ff rgb(248,242,255)
```

Tint Color Variation

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

#524c57
```
#524c57 rgb(82,76,87)
```
#52465d
```
#52465d rgb(82,70,93)
```
#524063
```
#524063 rgb(82,64,99)
```
#52396a
```
#52396a rgb(82,57,106)
```
#523370
```
#523370 rgb(82,51,112)
```
#522d76
```
#522d76 rgb(82,45,118)
```
#52277c
```
#52277c rgb(82,39,124)
```
#522083
```
#522083 rgb(82,32,131)
```
#531a89
```
#531a89 rgb(83,26,137)
```
#53148f
```
#53148f rgb(83,20,143)
```
#530e95
```
#530e95 rgb(83,14,149)
```
#53079c
```
#53079c rgb(83,7,156)
```
#5301a2
```
#5301a2 rgb(83,1,162)
```

Tone Color Variation

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

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#3d474c Tritanopia 0.001% of the population

Trichromacy

#1e2b8e Protanomaly 1% of men, 0.01% of women
#1e2e83 Deuteranomaly 6% of men, 0.4% of women
#452d6b Tritanomaly 0.01% of the population

#5301a2 hex color

#5301a2 Color Information

#5301a2 Color Conversion

Color Schemes with #5301a2

Alternatives to #5301a2

#5301a2 Preview

Shades and Tints of #5301a2

Tones of #5301a2

Color Blindness Simulator