#503796 hex color

In a RGB color space, hex #503796 is composed of 31.4% red, 21.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 63.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 255.8 degrees, a saturation of 46.3% and a lightness of 40.2%. #503796 color hex could be obtained by blending #a06eff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 22
- B 59
RGB color chart
- C 47
- M 63
- Y 0
- K 41
CMYK color chart

● #503796 color description : Dark moderate violet.

The hexadecimal color #503796 has RGB values of R:80, G:55, B:150 and CMYK values of C:0.47, M:0.63, Y:0, K:0.41. Its decimal value is 5257110.

Hex triplet	503796	`#503796`
RGB Decimal	80, 55, 150	`rgb(80,55,150)`
RGB Percent	31.4, 21.6, 58.8	`rgb(31.4%,21.6%,58.8%)`
CMYK	47, 63, 0, 41
HSL	255.8°, 46.3, 40.2	`hsl(255.8,46.3%,40.2%)`
HSV (or HSB)	255.8°, 63.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	30.972, 34.972, -48.571
XYZ	10.178, 6.64, 29.598
xyY	0.219, 0.143, 6.64
CIE-LCH	30.972, 59.852, 305.755
CIE-LUV	30.972, 2.898, -67.399
Hunter-Lab	25.768, 25.416, -50.066
Binary	01010000, 00110111, 10010110

#503796
```
#503796 rgb(80,55,150)
```
#7d9637
```
#7d9637 rgb(125,150,55)
```

Complementary Color

#374e96
```
#374e96 rgb(55,78,150)
```
#503796
```
#503796 rgb(80,55,150)
```
#803796
```
#803796 rgb(128,55,150)
```

Analogous Color

#4e9637
```
#4e9637 rgb(78,150,55)
```
#503796
```
#503796 rgb(80,55,150)
```
#968037
```
#968037 rgb(150,128,55)
```

Split Complementary Color

#379650
```
#379650 rgb(55,150,80)
```
#503796
```
#503796 rgb(80,55,150)
```
#965037
```
#965037 rgb(150,80,55)
```

Triadic Color

#377d96
```
#377d96 rgb(55,125,150)
```
#503796
```
#503796 rgb(80,55,150)
```
#965037
```
#965037 rgb(150,80,55)
```
#7d9637
```
#7d9637 rgb(125,150,55)
```

Tetradic Color

#32225e
```
#32225e rgb(50,34,94)
```
#3c2971
```
#3c2971 rgb(60,41,113)
```
#463083
```
#463083 rgb(70,48,131)
```
#503796
```
#503796 rgb(80,55,150)
```
#5a3ea9
```
#5a3ea9 rgb(90,62,169)
```
#6445bb
```
#6445bb rgb(100,69,187)
```
#7458c2
```
#7458c2 rgb(116,88,194)
```

Monochromatic Color

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

#383796
```
#383796 rgb(56,55,150)
```
#403796
```
#403796 rgb(64,55,150)
```
#483796
```
#483796 rgb(72,55,150)
```
#503796
```
#503796 rgb(80,55,150)
```
#583796
```
#583796 rgb(88,55,150)
```
#603796
```
#603796 rgb(96,55,150)
```
#683796
```
#683796 rgb(104,55,150)
```

Similar Colors

Text with hexadecimal color #503796

This text has a font color of #503796.

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

#503796 background color

This paragraph has a background color of #503796.

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

#503796 border color

This element has a border color of #503796.

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

CSS codes

.text {color:#503796;}

.background {background-color:#503796;}

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0815
```
#0b0815 rgb(11,8,21)
```
#130d23
```
#130d23 rgb(19,13,35)
```
#1a1232
```
#1a1232 rgb(26,18,50)
```
#221740
```
#221740 rgb(34,23,64)
```
#2a1d4e
```
#2a1d4e rgb(42,29,78)
```
#31225d
```
#31225d rgb(49,34,93)
```
#39276b
```
#39276b rgb(57,39,107)
```
#412c79
```
#412c79 rgb(65,44,121)
```
#483288
```
#483288 rgb(72,50,136)
```
#503796
```
#503796 rgb(80,55,150)
```
#583ca4
```
#583ca4 rgb(88,60,164)
```
#5f42b3
```
#5f42b3 rgb(95,66,179)
```

Shade Color Variation

#694bbd
```
#694bbd rgb(105,75,189)
```
#7559c2
```
#7559c2 rgb(117,89,194)
```
#8168c7
```
#8168c7 rgb(129,104,199)
```
#8d76cd
```
#8d76cd rgb(141,118,205)
```
#9984d2
```
#9984d2 rgb(153,132,210)
```
#a593d7
```
#a593d7 rgb(165,147,215)
```
#b1a1dd
```
#b1a1dd rgb(177,161,221)
```
#bdafe2
```
#bdafe2 rgb(189,175,226)
```
#c9bee7
```
#c9bee7 rgb(201,190,231)
```
#d5ccec
```
#d5ccec rgb(213,204,236)
```
#e1daf2
```
#e1daf2 rgb(225,218,242)
```
#ece9f7
```
#ece9f7 rgb(236,233,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#666667
```
#666667 rgb(102,102,103)
```
#635e6f
```
#635e6f rgb(99,94,111)
```
#5f5776
```
#5f5776 rgb(95,87,118)
```
#5b4f7e
```
#5b4f7e rgb(91,79,126)
```
#574786
```
#574786 rgb(87,71,134)
```
#543f8e
```
#543f8e rgb(84,63,142)
```
#503796
```
#503796 rgb(80,55,150)
```
#4c2f9e
```
#4c2f9e rgb(76,47,158)
```
#4927a6
```
#4927a6 rgb(73,39,166)
```
#451fae
```
#451fae rgb(69,31,174)
```
#4117b6
```
#4117b6 rgb(65,23,182)
```
#3d10bd
```
#3d10bd rgb(61,16,189)
```
#3a08c5
```
#3a08c5 rgb(58,8,197)
```

Tone Color Variation

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

Dichromacy

#004f9c Protanopia 1% of men
#00548a Deuteranopia 1% of men
#43555b Tritanopia 0.001% of the population

Trichromacy

#1d469a Protanomaly 1% of men, 0.01% of women
#1d498e Deuteranomaly 6% of men, 0.4% of women
#484a70 Tritanomaly 0.01% of the population

#503796 hex color

#503796 Color Information

#503796 Color Conversion

Color Schemes with #503796

Alternatives to #503796

#503796 Preview

Shades and Tints of #503796

Tones of #503796

Color Blindness Simulator