#5312a0 hex color

In a RGB color space, hex #5312a0 is composed of 32.5% red, 7.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 88.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 267.5 degrees, a saturation of 79.8% and a lightness of 34.9%. #5312a0 color hex could be obtained by blending #a624ff with #000041. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 7
- B 63
RGB color chart
- C 48
- M 89
- Y 0
- K 37
CMYK color chart

● #5312a0 color description : Dark violet.

The hexadecimal color #5312a0 has RGB values of R:83, G:18, B:160 and CMYK values of C:0.48, M:0.89, Y:0, K:0.37. Its decimal value is 5444256.

Hex triplet	5312a0	`#5312a0`
RGB Decimal	83, 18, 160	`rgb(83,18,160)`
RGB Percent	32.5, 7.1, 62.7	`rgb(32.5%,7.1%,62.7%)`
CMYK	48, 89, 0, 37
HSL	267.5°, 79.8, 34.9	`hsl(267.5,79.8%,34.9%)`
HSV (or HSB)	267.5°, 88.8, 62.7
Web Safe	660099	`#660099`

CIE-LAB	26.185, 55.21, -62.486
XYZ	10.128, 4.81, 33.651
xyY	0.208, 0.099, 4.81
CIE-LCH	26.185, 83.383, 311.462
CIE-LUV	26.185, 7.918, -79.004
Hunter-Lab	21.931, 44.052, -75.622
Binary	01010011, 00010010, 10100000

#5312a0
```
#5312a0 rgb(83,18,160)
```
#5fa012
```
#5fa012 rgb(95,160,18)
```

Complementary Color

#1218a0
```
#1218a0 rgb(18,24,160)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#9a12a0
```
#9a12a0 rgb(154,18,160)
```

Analogous Color

#18a012
```
#18a012 rgb(24,160,18)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#a09a12
```
#a09a12 rgb(160,154,18)
```

Split Complementary Color

#12a053
```
#12a053 rgb(18,160,83)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#a05312
```
#a05312 rgb(160,83,18)
```

Triadic Color

#125fa0
```
#125fa0 rgb(18,95,160)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#a05312
```
#a05312 rgb(160,83,18)
```
#5fa012
```
#5fa012 rgb(95,160,18)
```

Tetradic Color

#2f0a5b
```
#2f0a5b rgb(47,10,91)
```
#3b0d72
```
#3b0d72 rgb(59,13,114)
```
#470f89
```
#470f89 rgb(71,15,137)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#5f15b7
```
#5f15b7 rgb(95,21,183)
```
#6b17ce
```
#6b17ce rgb(107,23,206)
```
#771ae5
```
#771ae5 rgb(119,26,229)
```

Monochromatic Color

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

#2f12a0
```
#2f12a0 rgb(47,18,160)
```
#3b12a0
```
#3b12a0 rgb(59,18,160)
```
#4712a0
```
#4712a0 rgb(71,18,160)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#5f12a0
```
#5f12a0 rgb(95,18,160)
```
#6b12a0
```
#6b12a0 rgb(107,18,160)
```
#7712a0
```
#7712a0 rgb(119,18,160)
```

Similar Colors

Text with hexadecimal color #5312a0

This text has a font color of #5312a0.

<span style="color:#5312a0;">Text here</span>

#5312a0 background color

This paragraph has a background color of #5312a0.

<p style="background-color:#5312a0;">Content here</p>

#5312a0 border color

This element has a border color of #5312a0.

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

CSS codes

.text {color:#5312a0;}

.background {background-color:#5312a0;}

.border {border:1px solid #5312a0;}

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

#010001
```
#010001 rgb(1,0,1)
```
#0a0213
```
#0a0213 rgb(10,2,19)
```
#130425
```
#130425 rgb(19,4,37)
```
#1c0636
```
#1c0636 rgb(28,6,54)
```
#250848
```
#250848 rgb(37,8,72)
```
#2e0a59
```
#2e0a59 rgb(46,10,89)
```
#380c6b
```
#380c6b rgb(56,12,107)
```
#410e7d
```
#410e7d rgb(65,14,125)
```
#4a108e
```
#4a108e rgb(74,16,142)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#5c14b2
```
#5c14b2 rgb(92,20,178)
```
#6516c3
```
#6516c3 rgb(101,22,195)
```
#6e18d5
```
#6e18d5 rgb(110,24,213)
```

Shade Color Variation

#781be5
```
#781be5 rgb(120,27,229)
```
#822de7
```
#822de7 rgb(130,45,231)
```
#8d3ee9
```
#8d3ee9 rgb(141,62,233)
```
#9750eb
```
#9750eb rgb(151,80,235)
```
#a262ed
```
#a262ed rgb(162,98,237)
```
#ac73ef
```
#ac73ef rgb(172,115,239)
```
#b685f1
```
#b685f1 rgb(182,133,241)
```
#c197f3
```
#c197f3 rgb(193,151,243)
```
#cba8f5
```
#cba8f5 rgb(203,168,245)
```
#d6baf7
```
#d6baf7 rgb(214,186,247)
```
#e0cbf9
```
#e0cbf9 rgb(224,203,249)
```
#ebddfb
```
#ebddfb rgb(235,221,251)
```
#f5effd
```
#f5effd rgb(245,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59565c is the less saturated color, while #5204ae is the most saturated one.

#59565c
```
#59565c rgb(89,86,92)
```
#585062
```
#585062 rgb(88,80,98)
```
#584969
```
#584969 rgb(88,73,105)
```
#574270
```
#574270 rgb(87,66,112)
```
#563b77
```
#563b77 rgb(86,59,119)
```
#56347e
```
#56347e rgb(86,52,126)
```
#552d85
```
#552d85 rgb(85,45,133)
```
#55278b
```
#55278b rgb(85,39,139)
```
#542092
```
#542092 rgb(84,32,146)
```
#541999
```
#541999 rgb(84,25,153)
```
#5312a0
```
#5312a0 rgb(83,18,160)
```
#520ba7
```
#520ba7 rgb(82,11,167)
```
#5204ae
```
#5204ae rgb(82,4,174)
```

Tone Color Variation

Below, you can see how #5312a0 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
#3c2f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004687 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#3f494e Tritanopia 0.001% of the population

Trichromacy

#1e3390 Protanomaly 1% of men, 0.01% of women
#1e3585 Deuteranomaly 6% of men, 0.4% of women
#46356c Tritanomaly 0.01% of the population

#5312a0 hex color

#5312a0 Color Information

#5312a0 Color Conversion

Color Schemes with #5312a0

Alternatives to #5312a0

#5312a0 Preview

Shades and Tints of #5312a0

Tones of #5312a0

Color Blindness Simulator