#531aa4 hex color

In a RGB color space, hex #531aa4 is composed of 32.5% red, 10.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 84.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 264.8 degrees, a saturation of 72.6% and a lightness of 37.3%. #531aa4 color hex could be obtained by blending #a634ff with #000049. Closest websafe color is: #663399.

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

● #531aa4 color description : Dark violet.

The hexadecimal color #531aa4 has RGB values of R:83, G:26, B:164 and CMYK values of C:0.49, M:0.84, Y:0, K:0.36. Its decimal value is 5446308.

Hex triplet	531aa4	`#531aa4`
RGB Decimal	83, 26, 164	`rgb(83,26,164)`
RGB Percent	32.5, 10.2, 64.3	`rgb(32.5%,10.2%,64.3%)`
CMYK	49, 84, 0, 36
HSL	264.8°, 72.6, 37.3	`hsl(264.8,72.6%,37.3%)`
HSV (or HSB)	264.8°, 84.1, 64.3
Web Safe	663399	`#663399`

CIE-LAB	27.458, 53.63, -62.822
XYZ	10.636, 5.258, 35.574
xyY	0.207, 0.102, 5.258
CIE-LCH	27.458, 82.6, 310.487
CIE-LUV	27.458, 6.773, -81.091
Hunter-Lab	22.93, 42.67, -75.932
Binary	01010011, 00011010, 10100100

#531aa4
```
#531aa4 rgb(83,26,164)
```
#6ba41a
```
#6ba41a rgb(107,164,26)
```

Complementary Color

#1a26a4
```
#1a26a4 rgb(26,38,164)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#981aa4
```
#981aa4 rgb(152,26,164)
```

Analogous Color

#26a41a
```
#26a41a rgb(38,164,26)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#a4981a
```
#a4981a rgb(164,152,26)
```

Split Complementary Color

#1aa453
```
#1aa453 rgb(26,164,83)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#a4531a
```
#a4531a rgb(164,83,26)
```

Triadic Color

#1a6ba4
```
#1a6ba4 rgb(26,107,164)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#a4531a
```
#a4531a rgb(164,83,26)
```
#6ba41a
```
#6ba41a rgb(107,164,26)
```

Tetradic Color

#321062
```
#321062 rgb(50,16,98)
```
#3d1378
```
#3d1378 rgb(61,19,120)
```
#48178e
```
#48178e rgb(72,23,142)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#5e1dba
```
#5e1dba rgb(94,29,186)
```
#6921d0
```
#6921d0 rgb(105,33,208)
```
#762dde
```
#762dde rgb(118,45,222)
```

Monochromatic Color

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

#301aa4
```
#301aa4 rgb(48,26,164)
```
#3c1aa4
```
#3c1aa4 rgb(60,26,164)
```
#471aa4
```
#471aa4 rgb(71,26,164)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#5e1aa4
```
#5e1aa4 rgb(94,26,164)
```
#6a1aa4
```
#6a1aa4 rgb(106,26,164)
```
#761aa4
```
#761aa4 rgb(118,26,164)
```

Similar Colors

Text with hexadecimal color #531aa4

This text has a font color of #531aa4.

<span style="color:#531aa4;">Text here</span>

#531aa4 background color

This paragraph has a background color of #531aa4.

<p style="background-color:#531aa4;">Content here</p>

#531aa4 border color

This element has a border color of #531aa4.

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

CSS codes

.text {color:#531aa4;}

.background {background-color:#531aa4;}

.border {border:1px solid #531aa4;}

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

#06020c
```
#06020c rgb(6,2,12)
```
#0e051d
```
#0e051d rgb(14,5,29)
```
#17072d
```
#17072d rgb(23,7,45)
```
#200a3e
```
#200a3e rgb(32,10,62)
```
#280d4f
```
#280d4f rgb(40,13,79)
```
#310f60
```
#310f60 rgb(49,15,96)
```
#391271
```
#391271 rgb(57,18,113)
```
#421582
```
#421582 rgb(66,21,130)
```
#4a1793
```
#4a1793 rgb(74,23,147)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#5c1db5
```
#5c1db5 rgb(92,29,181)
```
#641fc6
```
#641fc6 rgb(100,31,198)
```
#6d22d7
```
#6d22d7 rgb(109,34,215)
```

Shade Color Variation

#772fde
```
#772fde rgb(119,47,222)
```
#823fe1
```
#823fe1 rgb(130,63,225)
```
#8d50e3
```
#8d50e3 rgb(141,80,227)
```
#9861e6
```
#9861e6 rgb(152,97,230)
```
#a372e9
```
#a372e9 rgb(163,114,233)
```
#ae83eb
```
#ae83eb rgb(174,131,235)
```
#b994ee
```
#b994ee rgb(185,148,238)
```
#c4a5f1
```
#c4a5f1 rgb(196,165,241)
```
#cfb6f3
```
#cfb6f3 rgb(207,182,243)
```
#dac7f6
```
#dac7f6 rgb(218,199,246)
```
#e5d8f9
```
#e5d8f9 rgb(229,216,249)
```
#f0e9fb
```
#f0e9fb rgb(240,233,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5c62 is the less saturated color, while #4f04ba is the most saturated one.

#5e5c62
```
#5e5c62 rgb(94,92,98)
```
#5d546a
```
#5d546a rgb(93,84,106)
```
#5c4d71
```
#5c4d71 rgb(92,77,113)
```
#5b4678
```
#5b4678 rgb(91,70,120)
```
#593f7f
```
#593f7f rgb(89,63,127)
```
#583787
```
#583787 rgb(88,55,135)
```
#57308e
```
#57308e rgb(87,48,142)
```
#562995
```
#562995 rgb(86,41,149)
```
#54219d
```
#54219d rgb(84,33,157)
```
#531aa4
```
#531aa4 rgb(83,26,164)
```
#5213ab
```
#5213ab rgb(82,19,171)
```
#500bb3
```
#500bb3 rgb(80,11,179)
```
#4f04ba
```
#4f04ba rgb(79,4,186)
```

Tone Color Variation

Below, you can see how #531aa4 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

#3b3b3b Achromatopsia 0.005% of the population
#403450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7b Deuteranopia 1% of men
#3d4d52 Tritanopia 0.001% of the population

Trichromacy

#1e3795 Protanomaly 1% of men, 0.01% of women
#1e3a89 Deuteranomaly 6% of men, 0.4% of women
#453a70 Tritanomaly 0.01% of the population

#531aa4 hex color

#531aa4 Color Information

#531aa4 Color Conversion

Color Schemes with #531aa4

Alternatives to #531aa4

#531aa4 Preview

Shades and Tints of #531aa4

Tones of #531aa4

Color Blindness Simulator