#531ae3 hex color

In a RGB color space, hex #531ae3 is composed of 32.5% red, 10.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 88.5% magenta, 0% yellow and 11% black. It has a hue angle of 257 degrees, a saturation of 79.4% and a lightness of 49.6%. #531ae3 color hex could be obtained by blending #a634ff with #0000c7. Closest websafe color is: #6633cc.

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

● #531ae3 color description : Vivid violet.

The hexadecimal color #531ae3 has RGB values of R:83, G:26, B:227 and CMYK values of C:0.63, M:0.89, Y:0, K:0.11. Its decimal value is 5446371.

Hex triplet	531ae3	`#531ae3`
RGB Decimal	83, 26, 227	`rgb(83,26,227)`
RGB Percent	32.5, 10.2, 89	`rgb(32.5%,10.2%,89%)`
CMYK	63, 89, 0, 11
HSL	257°, 79.4, 49.6	`hsl(257,79.4%,49.6%)`
HSV (or HSB)	257°, 88.5, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.238, 69.517, -88.667
XYZ	17.799, 8.123, 73.299
xyY	0.179, 0.082, 8.123
CIE-LCH	34.238, 112.669, 308.097
CIE-LUV	34.238, 0.08, -117.95
Hunter-Lab	28.501, 61.598, -132.53
Binary	01010011, 00011010, 11100011

#531ae3
```
#531ae3 rgb(83,26,227)
```
#aae31a
```
#aae31a rgb(170,227,26)
```

Complementary Color

#1a45e3
```
#1a45e3 rgb(26,69,227)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#b81ae3
```
#b81ae3 rgb(184,26,227)
```

Analogous Color

#45e31a
```
#45e31a rgb(69,227,26)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#e3b81a
```
#e3b81a rgb(227,184,26)
```

Split Complementary Color

#1ae353
```
#1ae353 rgb(26,227,83)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#e3531a
```
#e3531a rgb(227,83,26)
```

Triadic Color

#1aaae3
```
#1aaae3 rgb(26,170,227)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#e3531a
```
#e3531a rgb(227,83,26)
```
#aae31a
```
#aae31a rgb(170,227,26)
```

Tetradic Color

#3a129e
```
#3a129e rgb(58,18,158)
```
#4215b5
```
#4215b5 rgb(66,21,181)
```
#4b17cc
```
#4b17cc rgb(75,23,204)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#632fe7
```
#632fe7 rgb(99,47,231)
```
#7546ea
```
#7546ea rgb(117,70,234)
```
#865dec
```
#865dec rgb(134,93,236)
```

Monochromatic Color

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

#211ae3
```
#211ae3 rgb(33,26,227)
```
#321ae3
```
#321ae3 rgb(50,26,227)
```
#421ae3
```
#421ae3 rgb(66,26,227)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#641ae3
```
#641ae3 rgb(100,26,227)
```
#751ae3
```
#751ae3 rgb(117,26,227)
```
#851ae3
```
#851ae3 rgb(133,26,227)
```

Similar Colors

Text with hexadecimal color #531ae3

This text has a font color of #531ae3.

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

#531ae3 background color

This paragraph has a background color of #531ae3.

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

#531ae3 border color

This element has a border color of #531ae3.

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

CSS codes

.text {color:#531ae3;}

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

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

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

#060210
```
#060210 rgb(6,2,16)
```
#0c0421
```
#0c0421 rgb(12,4,33)
```
#130633
```
#130633 rgb(19,6,51)
```
#190845
```
#190845 rgb(25,8,69)
```
#200a56
```
#200a56 rgb(32,10,86)
```
#260c68
```
#260c68 rgb(38,12,104)
```
#2c0e79
```
#2c0e79 rgb(44,14,121)
```
#33108b
```
#33108b rgb(51,16,139)
```
#39129d
```
#39129d rgb(57,18,157)
```
#4014ae
```
#4014ae rgb(64,20,174)
```
#4616c0
```
#4616c0 rgb(70,22,192)
```
#4d18d1
```
#4d18d1 rgb(77,24,209)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```

Shade Color Variation

#5f2ae7
```
#5f2ae7 rgb(95,42,231)
```
#6d3ce9
```
#6d3ce9 rgb(109,60,233)
```
#7a4deb
```
#7a4deb rgb(122,77,235)
```
#875fed
```
#875fed rgb(135,95,237)
```
#9470ef
```
#9470ef rgb(148,112,239)
```
#a182f1
```
#a182f1 rgb(161,130,241)
```
#af94f3
```
#af94f3 rgb(175,148,243)
```
#bca5f5
```
#bca5f5 rgb(188,165,245)
```
#c9b7f7
```
#c9b7f7 rgb(201,183,247)
```
#d6c8f9
```
#d6c8f9 rgb(214,200,249)
```
#e3dafb
```
#e3dafb rgb(227,218,251)
```
#f0ecfd
```
#f0ecfd rgb(240,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#7d7b82
```
#7d7b82 rgb(125,123,130)
```
#79728b
```
#79728b rgb(121,114,139)
```
#756895
```
#756895 rgb(117,104,149)
```
#705e9f
```
#705e9f rgb(112,94,159)
```
#6c54a9
```
#6c54a9 rgb(108,84,169)
```
#684bb2
```
#684bb2 rgb(104,75,178)
```
#6441bc
```
#6441bc rgb(100,65,188)
```
#6037c6
```
#6037c6 rgb(96,55,198)
```
#5b2dd0
```
#5b2dd0 rgb(91,45,208)
```
#5724d9
```
#5724d9 rgb(87,36,217)
```
#531ae3
```
#531ae3 rgb(83,26,227)
```
#4f10ed
```
#4f10ed rgb(79,16,237)
```
#4b07f6
```
#4b07f6 rgb(75,7,246)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1e40be Protanomaly 1% of men, 0.01% of women
#1e44af Deuteranomaly 6% of men, 0.4% of women
#1e4894 Tritanomaly 0.01% of the population

#531ae3 hex color

#531ae3 Color Information

#531ae3 Color Conversion

Color Schemes with #531ae3

Alternatives to #531ae3

#531ae3 Preview

Shades and Tints of #531ae3

Tones of #531ae3

Color Blindness Simulator