#503866 hex color

In a RGB color space, hex #503866 is composed of 31.4% red, 22% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 45.1% magenta, 0% yellow and 60% black. It has a hue angle of 271.3 degrees, a saturation of 29.1% and a lightness of 31%. #503866 color hex could be obtained by blending #a070cc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 22
- B 40
RGB color chart
- C 22
- M 45
- Y 0
- K 60
CMYK color chart

● #503866 color description : Very dark desaturated violet.

The hexadecimal color #503866 has RGB values of R:80, G:56, B:102 and CMYK values of C:0.22, M:0.45, Y:0, K:0.6. Its decimal value is 5257318.

Hex triplet	503866	`#503866`
RGB Decimal	80, 56, 102	`rgb(80,56,102)`
RGB Percent	31.4, 22, 40	`rgb(31.4%,22%,40%)`
CMYK	22, 45, 0, 60
HSL	271.3°, 29.1, 31	`hsl(271.3,29.1%,31%)`
HSV (or HSB)	271.3°, 45.1, 40
Web Safe	663366	`#663366`

CIE-LAB	28.096, 20.708, -23.094
XYZ	7.12, 5.493, 13.255
xyY	0.275, 0.212, 5.493
CIE-LCH	28.096, 31.018, 311.882
CIE-LUV	28.096, 8.204, -31.385
Hunter-Lab	23.438, 13.212, -17.124
Binary	01010000, 00111000, 01100110

#503866
```
#503866 rgb(80,56,102)
```
#4e6638
```
#4e6638 rgb(78,102,56)
```

Complementary Color

#393866
```
#393866 rgb(57,56,102)
```
#503866
```
#503866 rgb(80,56,102)
```
#663865
```
#663865 rgb(102,56,101)
```

Analogous Color

#386639
```
#386639 rgb(56,102,57)
```
#503866
```
#503866 rgb(80,56,102)
```
#656638
```
#656638 rgb(101,102,56)
```

Split Complementary Color

#386650
```
#386650 rgb(56,102,80)
```
#503866
```
#503866 rgb(80,56,102)
```
#665038
```
#665038 rgb(102,80,56)
```

Triadic Color

#384e66
```
#384e66 rgb(56,78,102)
```
#503866
```
#503866 rgb(80,56,102)
```
#665038
```
#665038 rgb(102,80,56)
```
#4e6638
```
#4e6638 rgb(78,102,56)
```

Tetradic Color

#291d35
```
#291d35 rgb(41,29,53)
```
#362645
```
#362645 rgb(54,38,69)
```
#432f56
```
#432f56 rgb(67,47,86)
```
#503866
```
#503866 rgb(80,56,102)
```
#5d4176
```
#5d4176 rgb(93,65,118)
```
#6a4a87
```
#6a4a87 rgb(106,74,135)
```
#775397
```
#775397 rgb(119,83,151)
```

Monochromatic Color

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

#453866
```
#453866 rgb(69,56,102)
```
#483866
```
#483866 rgb(72,56,102)
```
#4c3866
```
#4c3866 rgb(76,56,102)
```
#503866
```
#503866 rgb(80,56,102)
```
#543866
```
#543866 rgb(84,56,102)
```
#583866
```
#583866 rgb(88,56,102)
```
#5c3866
```
#5c3866 rgb(92,56,102)
```

Similar Colors

Text with hexadecimal color #503866

This text has a font color of #503866.

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

#503866 background color

This paragraph has a background color of #503866.

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

#503866 border color

This element has a border color of #503866.

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

CSS codes

.text {color:#503866;}

.background {background-color:#503866;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0a070d
```
#0a070d rgb(10,7,13)
```
#140e1a
```
#140e1a rgb(20,14,26)
```
#1e1527
```
#1e1527 rgb(30,21,39)
```
#281c33
```
#281c33 rgb(40,28,51)
```
#322340
```
#322340 rgb(50,35,64)
```
#3c2a4d
```
#3c2a4d rgb(60,42,77)
```
#463159
```
#463159 rgb(70,49,89)
```
#503866
```
#503866 rgb(80,56,102)
```
#5a3f73
```
#5a3f73 rgb(90,63,115)
```
#64467f
```
#64467f rgb(100,70,127)
```
#6e4d8c
```
#6e4d8c rgb(110,77,140)
```
#785499
```
#785499 rgb(120,84,153)
```

Shade Color Variation

#825ba5
```
#825ba5 rgb(130,91,165)
```
#8b68ac
```
#8b68ac rgb(139,104,172)
```
#9574b3
```
#9574b3 rgb(149,116,179)
```
#9f81ba
```
#9f81ba rgb(159,129,186)
```
#a88ec1
```
#a88ec1 rgb(168,142,193)
```
#b29ac8
```
#b29ac8 rgb(178,154,200)
```
#bca7cf
```
#bca7cf rgb(188,167,207)
```
#c5b4d6
```
#c5b4d6 rgb(197,180,214)
```
#cfc0dd
```
#cfc0dd rgb(207,192,221)
```
#d9cde4
```
#d9cde4 rgb(217,205,228)
```
#e2daeb
```
#e2daeb rgb(226,218,235)
```
#ece6f1
```
#ece6f1 rgb(236,230,241)
```
#f6f3f8
```
#f6f3f8 rgb(246,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4a54 is the less saturated color, while #52019d is the most saturated one.

#4f4a54
```
#4f4a54 rgb(79,74,84)
```
#4f445a
```
#4f445a rgb(79,68,90)
```
#503e60
```
#503e60 rgb(80,62,96)
```
#503866
```
#503866 rgb(80,56,102)
```
#50326c
```
#50326c rgb(80,50,108)
```
#512c72
```
#512c72 rgb(81,44,114)
```
#512678
```
#512678 rgb(81,38,120)
```
#51207e
```
#51207e rgb(81,32,126)
```
#511a84
```
#511a84 rgb(81,26,132)
```
#52148a
```
#52148a rgb(82,20,138)
```
#520d91
```
#520d91 rgb(82,13,145)
```
#520797
```
#520797 rgb(82,7,151)
```
#52019d
```
#52019d rgb(82,1,157)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#46424b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4a74 Protanopia 1% of men
#3e4b6a Deuteranopia 1% of men
#52494e Tritanopia 0.001% of the population

Trichromacy

#42436f Protanomaly 1% of men, 0.01% of women
#444469 Deuteranomaly 6% of men, 0.4% of women
#514357 Tritanomaly 0.01% of the population

#503866 hex color

#503866 Color Information

#503866 Color Conversion

Color Schemes with #503866

Alternatives to #503866

#503866 Preview

Shades and Tints of #503866

Tones of #503866

Color Blindness Simulator