#503a86 hex color

In a RGB color space, hex #503a86 is composed of 31.4% red, 22.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 56.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 257.4 degrees, a saturation of 39.6% and a lightness of 37.6%. #503a86 color hex could be obtained by blending #a074ff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 23
- B 53
RGB color chart
- C 40
- M 57
- Y 0
- K 47
CMYK color chart

● #503a86 color description : Dark moderate violet.

The hexadecimal color #503a86 has RGB values of R:80, G:58, B:134 and CMYK values of C:0.4, M:0.57, Y:0, K:0.47. Its decimal value is 5257862.

Hex triplet	503a86	`#503a86`
RGB Decimal	80, 58, 134	`rgb(80,58,134)`
RGB Percent	31.4, 22.7, 52.5	`rgb(31.4%,22.7%,52.5%)`
CMYK	40, 57, 0, 47
HSL	257.4°, 39.6, 37.6	`hsl(257.4,39.6%,37.6%)`
HSV (or HSB)	257.4°, 56.7, 52.5
Web Safe	663399	`#663399`

CIE-LAB	30.527, 28.388, -39.438
XYZ	9.124, 6.453, 23.318
xyY	0.235, 0.166, 6.453
CIE-LCH	30.527, 48.592, 305.746
CIE-LUV	30.527, 3.838, -54.813
Hunter-Lab	25.402, 19.657, -36.643
Binary	01010000, 00111010, 10000110

#503a86
```
#503a86 rgb(80,58,134)
```
#70863a
```
#70863a rgb(112,134,58)
```

Complementary Color

#3a4a86
```
#3a4a86 rgb(58,74,134)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#763a86
```
#763a86 rgb(118,58,134)
```

Analogous Color

#4a863a
```
#4a863a rgb(74,134,58)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#86763a
```
#86763a rgb(134,118,58)
```

Split Complementary Color

#3a8650
```
#3a8650 rgb(58,134,80)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#86503a
```
#86503a rgb(134,80,58)
```

Triadic Color

#3a7086
```
#3a7086 rgb(58,112,134)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#86503a
```
#86503a rgb(134,80,58)
```
#70863a
```
#70863a rgb(112,134,58)
```

Tetradic Color

#302351
```
#302351 rgb(48,35,81)
```
#3b2b62
```
#3b2b62 rgb(59,43,98)
```
#453274
```
#453274 rgb(69,50,116)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#5b4298
```
#5b4298 rgb(91,66,152)
```
#6549aa
```
#6549aa rgb(101,73,170)
```
#7256b6
```
#7256b6 rgb(114,86,182)
```

Monochromatic Color

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

#3d3a86
```
#3d3a86 rgb(61,58,134)
```
#433a86
```
#433a86 rgb(67,58,134)
```
#4a3a86
```
#4a3a86 rgb(74,58,134)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#563a86
```
#563a86 rgb(86,58,134)
```
#5d3a86
```
#5d3a86 rgb(93,58,134)
```
#633a86
```
#633a86 rgb(99,58,134)
```

Similar Colors

Text with hexadecimal color #503a86

This text has a font color of #503a86.

<span style="color:#503a86;">Text here</span>

#503a86 background color

This paragraph has a background color of #503a86.

<p style="background-color:#503a86;">Content here</p>

#503a86 border color

This element has a border color of #503a86.

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

CSS codes

.text {color:#503a86;}

.background {background-color:#503a86;}

.border {border:1px solid #503a86;}

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, #06050b is the darkest color, while #fdfcfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0f0b18
```
#0f0b18 rgb(15,11,24)
```
#171126
```
#171126 rgb(23,17,38)
```
#1f1634
```
#1f1634 rgb(31,22,52)
```
#271c42
```
#271c42 rgb(39,28,66)
```
#2f224f
```
#2f224f rgb(47,34,79)
```
#37285d
```
#37285d rgb(55,40,93)
```
#402e6b
```
#402e6b rgb(64,46,107)
```
#483478
```
#483478 rgb(72,52,120)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#584094
```
#584094 rgb(88,64,148)
```
#6046a1
```
#6046a1 rgb(96,70,161)
```
#694caf
```
#694caf rgb(105,76,175)
```

Shade Color Variation

#7358b7
```
#7358b7 rgb(115,88,183)
```
#7f66bd
```
#7f66bd rgb(127,102,189)
```
#8a73c2
```
#8a73c2 rgb(138,115,194)
```
#9681c8
```
#9681c8 rgb(150,129,200)
```
#a18fce
```
#a18fce rgb(161,143,206)
```
#ac9cd4
```
#ac9cd4 rgb(172,156,212)
```
#b8aada
```
#b8aada rgb(184,170,218)
```
#c3b8e0
```
#c3b8e0 rgb(195,184,224)
```
#cfc5e6
```
#cfc5e6 rgb(207,197,230)
```
#dad3ec
```
#dad3ec rgb(218,211,236)
```
#e6e1f2
```
#e6e1f2 rgb(230,225,242)
```
#f1eef8
```
#f1eef8 rgb(241,238,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f61 is the less saturated color, while #3a06ba is the most saturated one.

#605f61
```
#605f61 rgb(96,95,97)
```
#5c5868
```
#5c5868 rgb(92,88,104)
```
#595070
```
#595070 rgb(89,80,112)
```
#564977
```
#564977 rgb(86,73,119)
```
#53417f
```
#53417f rgb(83,65,127)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#4d338d
```
#4d338d rgb(77,51,141)
```
#4a2b95
```
#4a2b95 rgb(74,43,149)
```
#47249c
```
#47249c rgb(71,36,156)
```
#441ca4
```
#441ca4 rgb(68,28,164)
```
#4015ab
```
#4015ab rgb(64,21,171)
```
#3d0eb2
```
#3d0eb2 rgb(61,14,178)
```
#3a06ba
```
#3a06ba rgb(58,6,186)
```

Tone Color Variation

Below, you can see how #503a86 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

#494949 Achromatopsia 0.005% of the population
#4a4655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f4f95 Protanopia 1% of men
#1e5286 Deuteranopia 1% of men
#4a5258 Tritanopia 0.001% of the population

Trichromacy

#314790 Protanomaly 1% of men, 0.01% of women
#304986 Deuteranomaly 6% of men, 0.4% of women
#4c4969 Tritanomaly 0.01% of the population

#503a86 hex color

#503a86 Color Information

#503a86 Color Conversion

Color Schemes with #503a86

Alternatives to #503a86

#503a86 Preview

Shades and Tints of #503a86

Tones of #503a86

Color Blindness Simulator