#5731a5 hex color

In a RGB color space, hex #5731a5 is composed of 34.1% red, 19.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 70.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 259.7 degrees, a saturation of 54.2% and a lightness of 42%. #5731a5 color hex could be obtained by blending #ae62ff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 19
- B 65
RGB color chart
- C 47
- M 70
- Y 0
- K 35
CMYK color chart

● #5731a5 color description : Dark violet.

The hexadecimal color #5731a5 has RGB values of R:87, G:49, B:165 and CMYK values of C:0.47, M:0.7, Y:0, K:0.35. Its decimal value is 5714341.

Hex triplet	5731a5	`#5731a5`
RGB Decimal	87, 49, 165	`rgb(87,49,165)`
RGB Percent	34.1, 19.2, 64.7	`rgb(34.1%,19.2%,64.7%)`
CMYK	47, 70, 0, 35
HSL	259.7°, 54.2, 42	`hsl(259.7,54.2%,42%)`
HSV (or HSB)	259.7°, 70.3, 64.7
Web Safe	663399	`#663399`

CIE-LAB	31.668, 44.099, -56.508
XYZ	11.819, 6.939, 36.312
xyY	0.215, 0.126, 6.939
CIE-LCH	31.668, 71.679, 307.969
CIE-LUV	31.668, 5.114, -78.456
Hunter-Lab	26.343, 33.988, -63.288
Binary	01010111, 00110001, 10100101

#5731a5
```
#5731a5 rgb(87,49,165)
```
#7fa531
```
#7fa531 rgb(127,165,49)
```

Complementary Color

#3145a5
```
#3145a5 rgb(49,69,165)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#9131a5
```
#9131a5 rgb(145,49,165)
```

Analogous Color

#45a531
```
#45a531 rgb(69,165,49)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#a59131
```
#a59131 rgb(165,145,49)
```

Split Complementary Color

#31a557
```
#31a557 rgb(49,165,87)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#a55731
```
#a55731 rgb(165,87,49)
```

Triadic Color

#317fa5
```
#317fa5 rgb(49,127,165)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#a55731
```
#a55731 rgb(165,87,49)
```
#7fa531
```
#7fa531 rgb(127,165,49)
```

Tetradic Color

#381f6a
```
#381f6a rgb(56,31,106)
```
#42257e
```
#42257e rgb(66,37,126)
```
#4d2b91
```
#4d2b91 rgb(77,43,145)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#6137b9
```
#6137b9 rgb(97,55,185)
```
#6e42c7
```
#6e42c7 rgb(110,66,199)
```
#7d56cd
```
#7d56cd rgb(125,86,205)
```

Monochromatic Color

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

#3a31a5
```
#3a31a5 rgb(58,49,165)
```
#4431a5
```
#4431a5 rgb(68,49,165)
```
#4d31a5
```
#4d31a5 rgb(77,49,165)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#6131a5
```
#6131a5 rgb(97,49,165)
```
#6a31a5
```
#6a31a5 rgb(106,49,165)
```
#7431a5
```
#7431a5 rgb(116,49,165)
```

Similar Colors

Text with hexadecimal color #5731a5

This text has a font color of #5731a5.

<span style="color:#5731a5;">Text here</span>

#5731a5 background color

This paragraph has a background color of #5731a5.

<p style="background-color:#5731a5;">Content here</p>

#5731a5 border color

This element has a border color of #5731a5.

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

CSS codes

.text {color:#5731a5;}

.background {background-color:#5731a5;}

.border {border:1px solid #5731a5;}

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, #07040e is the darkest color, while #fefeff is the lightest one.

#07040e
```
#07040e rgb(7,4,14)
```
#0f091d
```
#0f091d rgb(15,9,29)
```
#170d2c
```
#170d2c rgb(23,13,44)
```
#1f123b
```
#1f123b rgb(31,18,59)
```
#27164a
```
#27164a rgb(39,22,74)
```
#2f1b59
```
#2f1b59 rgb(47,27,89)
```
#371f69
```
#371f69 rgb(55,31,105)
```
#3f2478
```
#3f2478 rgb(63,36,120)
```
#472887
```
#472887 rgb(71,40,135)
```
#4f2d96
```
#4f2d96 rgb(79,45,150)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#5f35b4
```
#5f35b4 rgb(95,53,180)
```
#673ac3
```
#673ac3 rgb(103,58,195)
```

Shade Color Variation

#7248c9
```
#7248c9 rgb(114,72,201)
```
#7e57cd
```
#7e57cd rgb(126,87,205)
```
#8a66d2
```
#8a66d2 rgb(138,102,210)
```
#9576d6
```
#9576d6 rgb(149,118,214)
```
#a185db
```
#a185db rgb(161,133,219)
```
#ac94df
```
#ac94df rgb(172,148,223)
```
#b8a3e4
```
#b8a3e4 rgb(184,163,228)
```
#c4b2e8
```
#c4b2e8 rgb(196,178,232)
```
#cfc1ed
```
#cfc1ed rgb(207,193,237)
```
#dbd0f1
```
#dbd0f1 rgb(219,208,241)
```
#e7dff6
```
#e7dff6 rgb(231,223,246)
```
#f2effa
```
#f2effa rgb(242,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6b6b is the less saturated color, while #4908ce is the most saturated one.

#6b6b6b
```
#6b6b6b rgb(107,107,107)
```
#686274
```
#686274 rgb(104,98,116)
```
#655a7c
```
#655a7c rgb(101,90,124)
```
#625284
```
#625284 rgb(98,82,132)
```
#604a8c
```
#604a8c rgb(96,74,140)
```
#5d4195
```
#5d4195 rgb(93,65,149)
```
#5a399d
```
#5a399d rgb(90,57,157)
```
#5731a5
```
#5731a5 rgb(87,49,165)
```
#5429ad
```
#5429ad rgb(84,41,173)
```
#5121b5
```
#5121b5 rgb(81,33,181)
```
#4e18be
```
#4e18be rgb(78,24,190)
```
#4c10c6
```
#4c10c6 rgb(76,16,198)
```
#4908ce
```
#4908ce rgb(73,8,206)
```

Tone Color Variation

Below, you can see how #5731a5 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

#4a4a4a Achromatopsia 0.005% of the population
#4d455c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00558b Deuteranopia 1% of men
#45565c Tritanopia 0.001% of the population

Trichromacy

#1f45a1 Protanomaly 1% of men, 0.01% of women
#1f4894 Deuteranomaly 6% of men, 0.4% of women
#4c4877 Tritanomaly 0.01% of the population

#5731a5 hex color

#5731a5 Color Information

#5731a5 Color Conversion

Color Schemes with #5731a5

Alternatives to #5731a5

#5731a5 Preview

Shades and Tints of #5731a5

Tones of #5731a5

Color Blindness Simulator