#531ab4 hex color

In a RGB color space, hex #531ab4 is composed of 32.5% red, 10.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 85.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 262.2 degrees, a saturation of 74.8% and a lightness of 40.4%. #531ab4 color hex could be obtained by blending #a634ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 10
- B 71
RGB color chart
- C 54
- M 86
- Y 0
- K 29
CMYK color chart

● #531ab4 color description : Strong violet.

The hexadecimal color #531ab4 has RGB values of R:83, G:26, B:180 and CMYK values of C:0.54, M:0.86, Y:0, K:0.29. Its decimal value is 5446324.

Hex triplet	531ab4	`#531ab4`
RGB Decimal	83, 26, 180	`rgb(83,26,180)`
RGB Percent	32.5, 10.2, 70.6	`rgb(32.5%,10.2%,70.6%)`
CMYK	54, 86, 0, 29
HSL	262.2°, 74.8, 40.4	`hsl(262.2,74.8%,40.4%)`
HSV (or HSB)	262.2°, 85.6, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	29.089, 57.685, -69.752
XYZ	12.173, 5.873, 43.67
xyY	0.197, 0.095, 5.873
CIE-LCH	29.089, 90.514, 309.591
CIE-LUV	29.089, 4.804, -90.682
Hunter-Lab	24.234, 47.256, -89.877
Binary	01010011, 00011010, 10110100

#531ab4
```
#531ab4 rgb(83,26,180)
```
#7bb41a
```
#7bb41a rgb(123,180,26)
```

Complementary Color

#1a2eb4
```
#1a2eb4 rgb(26,46,180)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#a01ab4
```
#a01ab4 rgb(160,26,180)
```

Analogous Color

#2eb41a
```
#2eb41a rgb(46,180,26)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#b4a01a
```
#b4a01a rgb(180,160,26)
```

Split Complementary Color

#1ab453
```
#1ab453 rgb(26,180,83)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#b4531a
```
#b4531a rgb(180,83,26)
```

Triadic Color

#1a7bb4
```
#1a7bb4 rgb(26,123,180)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#b4531a
```
#b4531a rgb(180,83,26)
```
#7bb41a
```
#7bb41a rgb(123,180,26)
```

Tetradic Color

#341071
```
#341071 rgb(52,16,113)
```
#3e1487
```
#3e1487 rgb(62,20,135)
```
#49179e
```
#49179e rgb(73,23,158)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#5d1dca
```
#5d1dca rgb(93,29,202)
```
#6822df
```
#6822df rgb(104,34,223)
```
#7738e2
```
#7738e2 rgb(119,56,226)
```

Monochromatic Color

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

#2d1ab4
```
#2d1ab4 rgb(45,26,180)
```
#391ab4
```
#391ab4 rgb(57,26,180)
```
#461ab4
```
#461ab4 rgb(70,26,180)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#601ab4
```
#601ab4 rgb(96,26,180)
```
#6d1ab4
```
#6d1ab4 rgb(109,26,180)
```
#7a1ab4
```
#7a1ab4 rgb(122,26,180)
```

Similar Colors

Text with hexadecimal color #531ab4

This text has a font color of #531ab4.

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

#531ab4 background color

This paragraph has a background color of #531ab4.

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

#531ab4 border color

This element has a border color of #531ab4.

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

CSS codes

.text {color:#531ab4;}

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

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

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

#040109
```
#040109 rgb(4,1,9)
```
#0c041a
```
#0c041a rgb(12,4,26)
```
#14062b
```
#14062b rgb(20,6,43)
```
#1c093c
```
#1c093c rgb(28,9,60)
```
#240b4d
```
#240b4d rgb(36,11,77)
```
#2b0e5e
```
#2b0e5e rgb(43,14,94)
```
#33106f
```
#33106f rgb(51,16,111)
```
#3b1381
```
#3b1381 rgb(59,19,129)
```
#431592
```
#431592 rgb(67,21,146)
```
#4b18a3
```
#4b18a3 rgb(75,24,163)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#5b1cc5
```
#5b1cc5 rgb(91,28,197)
```
#631fd6
```
#631fd6 rgb(99,31,214)
```

Shade Color Variation

#6d29e0
```
#6d29e0 rgb(109,41,224)
```
#783ae3
```
#783ae3 rgb(120,58,227)
```
#844be5
```
#844be5 rgb(132,75,229)
```
#905ce7
```
#905ce7 rgb(144,92,231)
```
#9b6dea
```
#9b6dea rgb(155,109,234)
```
#a77eec
```
#a77eec rgb(167,126,236)
```
#b390ef
```
#b390ef rgb(179,144,239)
```
#bfa1f1
```
#bfa1f1 rgb(191,161,241)
```
#cab2f4
```
#cab2f4 rgb(202,178,244)
```
#d6c3f6
```
#d6c3f6 rgb(214,195,246)
```
#e2d4f9
```
#e2d4f9 rgb(226,212,249)
```
#ede5fb
```
#ede5fb rgb(237,229,251)
```
#f9f6fe
```
#f9f6fe rgb(249,246,254)
```

Tint Color Variation

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

#66616d
```
#66616d rgb(102,97,109)
```
#635975
```
#635975 rgb(99,89,117)
```
#61517d
```
#61517d rgb(97,81,125)
```
#5f4a84
```
#5f4a84 rgb(95,74,132)
```
#5d428c
```
#5d428c rgb(93,66,140)
```
#5b3a94
```
#5b3a94 rgb(91,58,148)
```
#59329c
```
#59329c rgb(89,50,156)
```
#572aa4
```
#572aa4 rgb(87,42,164)
```
#5522ac
```
#5522ac rgb(85,34,172)
```
#531ab4
```
#531ab4 rgb(83,26,180)
```
#5112bc
```
#5112bc rgb(81,18,188)
```
#4f0ac4
```
#4f0ac4 rgb(79,10,196)
```
#4d02cc
```
#4d02cc rgb(77,2,204)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#413655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#325359 Tritanopia 0.001% of the population

Trichromacy

#1e399f Protanomaly 1% of men, 0.01% of women
#1e3c93 Deuteranomaly 6% of men, 0.4% of women
#3e3e7a Tritanomaly 0.01% of the population

#531ab4 hex color

#531ab4 Color Information

#531ab4 Color Conversion

Color Schemes with #531ab4

Alternatives to #531ab4

#531ab4 Preview

Shades and Tints of #531ab4

Tones of #531ab4

Color Blindness Simulator