#503d86 hex color

In a RGB color space, hex #503d86 is composed of 31.4% red, 23.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 54.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 255.6 degrees, a saturation of 37.4% and a lightness of 38.2%. #503d86 color hex could be obtained by blending #a07aff with #00000d. Closest websafe color is: #663399.

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

● #503d86 color description : Dark moderate violet.

The hexadecimal color #503d86 has RGB values of R:80, G:61, B:134 and CMYK values of C:0.4, M:0.54, Y:0, K:0.47. Its decimal value is 5258630.

Hex triplet	503d86	`#503d86`
RGB Decimal	80, 61, 134	`rgb(80,61,134)`
RGB Percent	31.4, 23.9, 52.5	`rgb(31.4%,23.9%,52.5%)`
CMYK	40, 54, 0, 47
HSL	255.6°, 37.4, 38.2	`hsl(255.6,37.4%,38.2%)`
HSV (or HSB)	255.6°, 54.5, 52.5
Web Safe	663399	`#663399`

CIE-LAB	31.264, 26.507, -38.257
XYZ	9.279, 6.764, 23.37
xyY	0.235, 0.172, 6.764
CIE-LCH	31.264, 46.543, 304.717
CIE-LUV	31.264, 3.007, -53.535
Hunter-Lab	26.008, 18.173, -35.07
Binary	01010000, 00111101, 10000110

#503d86
```
#503d86 rgb(80,61,134)
```
#73863d
```
#73863d rgb(115,134,61)
```

Complementary Color

#3d4f86
```
#3d4f86 rgb(61,79,134)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#753d86
```
#753d86 rgb(117,61,134)
```

Analogous Color

#4f863d
```
#4f863d rgb(79,134,61)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#86753d
```
#86753d rgb(134,117,61)
```

Split Complementary Color

#3d8650
```
#3d8650 rgb(61,134,80)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#86503d
```
#86503d rgb(134,80,61)
```

Triadic Color

#3d7386
```
#3d7386 rgb(61,115,134)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#86503d
```
#86503d rgb(134,80,61)
```
#73863d
```
#73863d rgb(115,134,61)
```

Tetradic Color

#312551
```
#312551 rgb(49,37,81)
```
#3b2d63
```
#3b2d63 rgb(59,45,99)
```
#463574
```
#463574 rgb(70,53,116)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#5a4598
```
#5a4598 rgb(90,69,152)
```
#654da9
```
#654da9 rgb(101,77,169)
```
#725bb4
```
#725bb4 rgb(114,91,180)
```

Monochromatic Color

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

#3e3d86
```
#3e3d86 rgb(62,61,134)
```
#443d86
```
#443d86 rgb(68,61,134)
```
#4a3d86
```
#4a3d86 rgb(74,61,134)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#563d86
```
#563d86 rgb(86,61,134)
```
#5c3d86
```
#5c3d86 rgb(92,61,134)
```
#623d86
```
#623d86 rgb(98,61,134)
```

Similar Colors

Text with hexadecimal color #503d86

This text has a font color of #503d86.

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

#503d86 background color

This paragraph has a background color of #503d86.

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

#503d86 border color

This element has a border color of #503d86.

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

CSS codes

.text {color:#503d86;}

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

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

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

#08060d
```
#08060d rgb(8,6,13)
```
#100c1a
```
#100c1a rgb(16,12,26)
```
#181228
```
#181228 rgb(24,18,40)
```
#201835
```
#201835 rgb(32,24,53)
```
#281e43
```
#281e43 rgb(40,30,67)
```
#302450
```
#302450 rgb(48,36,80)
```
#382b5e
```
#382b5e rgb(56,43,94)
```
#40316b
```
#40316b rgb(64,49,107)
```
#483779
```
#483779 rgb(72,55,121)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#584393
```
#584393 rgb(88,67,147)
```
#6049a1
```
#6049a1 rgb(96,73,161)
```
#684fae
```
#684fae rgb(104,79,174)
```

Shade Color Variation

#745cb5
```
#745cb5 rgb(116,92,181)
```
#7f6abb
```
#7f6abb rgb(127,106,187)
```
#8b77c1
```
#8b77c1 rgb(139,119,193)
```
#9685c7
```
#9685c7 rgb(150,133,199)
```
#a292ce
```
#a292ce rgb(162,146,206)
```
#ada0d4
```
#ada0d4 rgb(173,160,212)
```
#b9adda
```
#b9adda rgb(185,173,218)
```
#c4bbe0
```
#c4bbe0 rgb(196,187,224)
```
#d0c8e6
```
#d0c8e6 rgb(208,200,230)
```
#dcd6ec
```
#dcd6ec rgb(220,214,236)
```
#e7e3f2
```
#e7e3f2 rgb(231,227,242)
```
#f3f1f9
```
#f3f1f9 rgb(243,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5e5b68
```
#5e5b68 rgb(94,91,104)
```
#5b5470
```
#5b5470 rgb(91,84,112)
```
#574c77
```
#574c77 rgb(87,76,119)
```
#54457f
```
#54457f rgb(84,69,127)
```
#503d86
```
#503d86 rgb(80,61,134)
```
#4c368e
```
#4c368e rgb(76,54,142)
```
#492e95
```
#492e95 rgb(73,46,149)
```
#45279d
```
#45279d rgb(69,39,157)
```
#421fa4
```
#421fa4 rgb(66,31,164)
```
#3e18ac
```
#3e18ac rgb(62,24,172)
```
#3a10b3
```
#3a10b3 rgb(58,16,179)
```
#3709bb
```
#3709bb rgb(55,9,187)
```
#3301c2
```
#3301c2 rgb(51,1,194)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c4857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#285094 Protanopia 1% of men
#265387 Deuteranopia 1% of men
#4a545a Tritanopia 0.001% of the population

Trichromacy

#36498f Protanomaly 1% of men, 0.01% of women
#354b86 Deuteranomaly 6% of men, 0.4% of women
#4c4b6a Tritanomaly 0.01% of the population

#503d86 hex color

#503d86 Color Information

#503d86 Color Conversion

Color Schemes with #503d86

Alternatives to #503d86

#503d86 Preview

Shades and Tints of #503d86

Tones of #503d86

Color Blindness Simulator