#503c83 hex color

In a RGB color space, hex #503c83 is composed of 31.4% red, 23.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 54.2% magenta, 0% yellow and 48.6% black. It has a hue angle of 256.9 degrees, a saturation of 37.2% and a lightness of 37.5%. #503c83 color hex could be obtained by blending #a078ff with #000007. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 24
- B 51
RGB color chart
- C 39
- M 54
- Y 0
- K 49
CMYK color chart

● #503c83 color description : Dark moderate violet.

The hexadecimal color #503c83 has RGB values of R:80, G:60, B:131 and CMYK values of C:0.39, M:0.54, Y:0, K:0.49. Its decimal value is 5258371.

Hex triplet	503c83	`#503c83`
RGB Decimal	80, 60, 131	`rgb(80,60,131)`
RGB Percent	31.4, 23.5, 51.4	`rgb(31.4%,23.5%,51.4%)`
CMYK	39, 54, 0, 49
HSL	256.9°, 37.2, 37.5	`hsl(256.9,37.2%,37.5%)`
HSV (or HSB)	256.9°, 54.2, 51.4
Web Safe	663399	`#663399`

CIE-LAB	30.821, 26.252, -37.104
XYZ	9.02, 6.576, 22.266
xyY	0.238, 0.174, 6.576
CIE-LCH	30.821, 45.451, 305.28
CIE-LUV	30.821, 3.598, -51.724
Hunter-Lab	25.643, 17.912, -33.53
Binary	01010000, 00111100, 10000011

#503c83
```
#503c83 rgb(80,60,131)
```
#6f833c
```
#6f833c rgb(111,131,60)
```

Complementary Color

#3c4c83
```
#3c4c83 rgb(60,76,131)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#743c83
```
#743c83 rgb(116,60,131)
```

Analogous Color

#4c833c
```
#4c833c rgb(76,131,60)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#83743c
```
#83743c rgb(131,116,60)
```

Split Complementary Color

#3c8350
```
#3c8350 rgb(60,131,80)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#83503c
```
#83503c rgb(131,80,60)
```

Triadic Color

#3c6f83
```
#3c6f83 rgb(60,111,131)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#83503c
```
#83503c rgb(131,80,60)
```
#6f833c
```
#6f833c rgb(111,131,60)
```

Tetradic Color

#30244f
```
#30244f rgb(48,36,79)
```
#3b2c60
```
#3b2c60 rgb(59,44,96)
```
#453472
```
#453472 rgb(69,52,114)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#5b4494
```
#5b4494 rgb(91,68,148)
```
#654ca6
```
#654ca6 rgb(101,76,166)
```
#7259b3
```
#7259b3 rgb(114,89,179)
```

Monochromatic Color

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

#3e3c83
```
#3e3c83 rgb(62,60,131)
```
#443c83
```
#443c83 rgb(68,60,131)
```
#4a3c83
```
#4a3c83 rgb(74,60,131)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#563c83
```
#563c83 rgb(86,60,131)
```
#5c3c83
```
#5c3c83 rgb(92,60,131)
```
#623c83
```
#623c83 rgb(98,60,131)
```

Similar Colors

Text with hexadecimal color #503c83

This text has a font color of #503c83.

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

#503c83 background color

This paragraph has a background color of #503c83.

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

#503c83 border color

This element has a border color of #503c83.

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

CSS codes

.text {color:#503c83;}

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

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

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

#06050a
```
#06050a rgb(6,5,10)
```
#0e0b17
```
#0e0b17 rgb(14,11,23)
```
#161125
```
#161125 rgb(22,17,37)
```
#1f1732
```
#1f1732 rgb(31,23,50)
```
#271d40
```
#271d40 rgb(39,29,64)
```
#2f234d
```
#2f234d rgb(47,35,77)
```
#372a5b
```
#372a5b rgb(55,42,91)
```
#403068
```
#403068 rgb(64,48,104)
```
#483676
```
#483676 rgb(72,54,118)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#584290
```
#584290 rgb(88,66,144)
```
#60489e
```
#60489e rgb(96,72,158)
```
#694eab
```
#694eab rgb(105,78,171)
```

Shade Color Variation

#735ab3
```
#735ab3 rgb(115,90,179)
```
#7f67ba
```
#7f67ba rgb(127,103,186)
```
#8a75c0
```
#8a75c0 rgb(138,117,192)
```
#9582c6
```
#9582c6 rgb(149,130,198)
```
#a190cc
```
#a190cc rgb(161,144,204)
```
#ac9dd2
```
#ac9dd2 rgb(172,157,210)
```
#b8abd8
```
#b8abd8 rgb(184,171,216)
```
#c3b8df
```
#c3b8df rgb(195,184,223)
```
#cec6e5
```
#cec6e5 rgb(206,198,229)
```
#dad3eb
```
#dad3eb rgb(218,211,235)
```
#e5e1f1
```
#e5e1f1 rgb(229,225,241)
```
#f1eef7
```
#f1eef7 rgb(241,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#5d5966
```
#5d5966 rgb(93,89,102)
```
#5a526d
```
#5a526d rgb(90,82,109)
```
#564b74
```
#564b74 rgb(86,75,116)
```
#53437c
```
#53437c rgb(83,67,124)
```
#503c83
```
#503c83 rgb(80,60,131)
```
#4d358a
```
#4d358a rgb(77,53,138)
```
#4a2d92
```
#4a2d92 rgb(74,45,146)
```
#462699
```
#462699 rgb(70,38,153)
```
#431fa0
```
#431fa0 rgb(67,31,160)
```
#4017a8
```
#4017a8 rgb(64,23,168)
```
#3d10af
```
#3d10af rgb(61,16,175)
```
#3a09b6
```
#3a09b6 rgb(58,9,182)
```
#3601be
```
#3601be rgb(54,1,190)
```

Tone Color Variation

Below, you can see how #503c83 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
#4b4755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#294f91 Protanopia 1% of men
#285284 Deuteranopia 1% of men
#4b5359 Tritanopia 0.001% of the population

Trichromacy

#37488c Protanomaly 1% of men, 0.01% of women
#374a84 Deuteranomaly 6% of men, 0.4% of women
#4d4a68 Tritanomaly 0.01% of the population

#503c83 hex color

#503c83 Color Information

#503c83 Color Conversion

Color Schemes with #503c83

Alternatives to #503c83

#503c83 Preview

Shades and Tints of #503c83

Tones of #503c83

Color Blindness Simulator