#503286 hex color

In a RGB color space, hex #503286 is composed of 31.4% red, 19.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 62.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 261.4 degrees, a saturation of 45.7% and a lightness of 36.1%. #503286 color hex could be obtained by blending #a064ff with #00000d. Closest websafe color is: #663399.

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

● #503286 color description : Dark moderate violet.

The hexadecimal color #503286 has RGB values of R:80, G:50, B:134 and CMYK values of C:0.4, M:0.63, Y:0, K:0.47. Its decimal value is 5255814.

Hex triplet	503286	`#503286`
RGB Decimal	80, 50, 134	`rgb(80,50,134)`
RGB Percent	31.4, 19.6, 52.5	`rgb(31.4%,19.6%,52.5%)`
CMYK	40, 63, 0, 47
HSL	261.4°, 45.7, 36.1	`hsl(261.4,45.7%,36.1%)`
HSV (or HSB)	261.4°, 62.7, 52.5
Web Safe	663399	`#663399`

CIE-LAB	28.663, 33.263, -42.439
XYZ	8.751, 5.708, 23.194
xyY	0.232, 0.152, 5.708
CIE-LCH	28.663, 53.921, 308.089
CIE-LUV	28.663, 5.839, -57.758
Hunter-Lab	23.891, 23.574, -40.835
Binary	01010000, 00110010, 10000110

#503286
```
#503286 rgb(80,50,134)
```
#688632
```
#688632 rgb(104,134,50)
```

Complementary Color

#323e86
```
#323e86 rgb(50,62,134)
```
#503286
```
#503286 rgb(80,50,134)
```
#7a3286
```
#7a3286 rgb(122,50,134)
```

Analogous Color

#3e8632
```
#3e8632 rgb(62,134,50)
```
#503286
```
#503286 rgb(80,50,134)
```
#867a32
```
#867a32 rgb(134,122,50)
```

Split Complementary Color

#328650
```
#328650 rgb(50,134,80)
```
#503286
```
#503286 rgb(80,50,134)
```
#865032
```
#865032 rgb(134,80,50)
```

Triadic Color

#326886
```
#326886 rgb(50,104,134)
```
#503286
```
#503286 rgb(80,50,134)
```
#865032
```
#865032 rgb(134,80,50)
```
#688632
```
#688632 rgb(104,134,50)
```

Tetradic Color

#2f1d4e
```
#2f1d4e rgb(47,29,78)
```
#3a2461
```
#3a2461 rgb(58,36,97)
```
#452b73
```
#452b73 rgb(69,43,115)
```
#503286
```
#503286 rgb(80,50,134)
```
#5b3999
```
#5b3999 rgb(91,57,153)
```
#6640ab
```
#6640ab rgb(102,64,171)
```
#7249bb
```
#7249bb rgb(114,73,187)
```

Monochromatic Color

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

#3b3286
```
#3b3286 rgb(59,50,134)
```
#423286
```
#423286 rgb(66,50,134)
```
#493286
```
#493286 rgb(73,50,134)
```
#503286
```
#503286 rgb(80,50,134)
```
#573286
```
#573286 rgb(87,50,134)
```
#5e3286
```
#5e3286 rgb(94,50,134)
```
#653286
```
#653286 rgb(101,50,134)
```

Similar Colors

Text with hexadecimal color #503286

This text has a font color of #503286.

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

#503286 background color

This paragraph has a background color of #503286.

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

#503286 border color

This element has a border color of #503286.

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

CSS codes

.text {color:#503286;}

.background {background-color:#503286;}

.border {border:1px solid #503286;}

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

#030205
```
#030205 rgb(3,2,5)
```
#0c0714
```
#0c0714 rgb(12,7,20)
```
#140d22
```
#140d22 rgb(20,13,34)
```
#1d1230
```
#1d1230 rgb(29,18,48)
```
#25173f
```
#25173f rgb(37,23,63)
```
#2e1d4d
```
#2e1d4d rgb(46,29,77)
```
#36225b
```
#36225b rgb(54,34,91)
```
#3f2769
```
#3f2769 rgb(63,39,105)
```
#472d78
```
#472d78 rgb(71,45,120)
```
#503286
```
#503286 rgb(80,50,134)
```
#593794
```
#593794 rgb(89,55,148)
```
#613da3
```
#613da3 rgb(97,61,163)
```
#6a42b1
```
#6a42b1 rgb(106,66,177)
```

Shade Color Variation

#734bbc
```
#734bbc rgb(115,75,188)
```
#7e59c1
```
#7e59c1 rgb(126,89,193)
```
#8967c6
```
#8967c6 rgb(137,103,198)
```
#9476cc
```
#9476cc rgb(148,118,204)
```
#9f84d1
```
#9f84d1 rgb(159,132,209)
```
#ab92d6
```
#ab92d6 rgb(171,146,214)
```
#b6a0dc
```
#b6a0dc rgb(182,160,220)
```
#c1afe1
```
#c1afe1 rgb(193,175,225)
```
#ccbde6
```
#ccbde6 rgb(204,189,230)
```
#d7cbec
```
#d7cbec rgb(215,203,236)
```
#e2daf1
```
#e2daf1 rgb(226,218,241)
```
#ede8f6
```
#ede8f6 rgb(237,232,246)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#5a5563
```
#5a5563 rgb(90,85,99)
```
#584e6a
```
#584e6a rgb(88,78,106)
```
#564771
```
#564771 rgb(86,71,113)
```
#544078
```
#544078 rgb(84,64,120)
```
#52397f
```
#52397f rgb(82,57,127)
```
#503286
```
#503286 rgb(80,50,134)
```
#4e2b8d
```
#4e2b8d rgb(78,43,141)
```
#4c2494
```
#4c2494 rgb(76,36,148)
```
#4a1d9b
```
#4a1d9b rgb(74,29,155)
```
#4816a2
```
#4816a2 rgb(72,22,162)
```
#460fa9
```
#460fa9 rgb(70,15,169)
```
#4408b0
```
#4408b0 rgb(68,8,176)
```
#4200b8
```
#4200b8 rgb(66,0,184)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#474152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a92 Protanopia 1% of men
#004e82 Deuteranopia 1% of men
#494d53 Tritanopia 0.001% of the population

Trichromacy

#1d418e Protanomaly 1% of men, 0.01% of women
#1d4483 Deuteranomaly 6% of men, 0.4% of women
#4b4365 Tritanomaly 0.01% of the population

#503286 hex color

#503286 Color Information

#503286 Color Conversion

Color Schemes with #503286

Alternatives to #503286

#503286 Preview

Shades and Tints of #503286

Tones of #503286

Color Blindness Simulator