#503377 hex color

In a RGB color space, hex #503377 is composed of 31.4% red, 20% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 57.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 265.6 degrees, a saturation of 40% and a lightness of 33.3%. #503377 color hex could be obtained by blending #a066ee with #000000. Closest websafe color is: #663366.

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

● #503377 color description : Dark moderate violet.

The hexadecimal color #503377 has RGB values of R:80, G:51, B:119 and CMYK values of C:0.33, M:0.57, Y:0, K:0.53. Its decimal value is 5256055.

Hex triplet	503377	`#503377`
RGB Decimal	80, 51, 119	`rgb(80,51,119)`
RGB Percent	31.4, 20, 46.7	`rgb(31.4%,20%,46.7%)`
CMYK	33, 57, 0, 53
HSL	265.6°, 40, 33.3	`hsl(265.6,40%,33.3%)`
HSV (or HSB)	265.6°, 57.1, 46.7
Web Safe	663366	`#663366`

CIE-LAB	27.859, 28.432, -34.315
XYZ	7.821, 5.405, 18.083
xyY	0.25, 0.173, 5.405
CIE-LCH	27.859, 44.563, 309.643
CIE-LUV	27.859, 7.502, -46.54
Hunter-Lab	23.249, 19.365, -29.842
Binary	01010000, 00110011, 01110111

#503377
```
#503377 rgb(80,51,119)
```
#5a7733
```
#5a7733 rgb(90,119,51)
```

Complementary Color

#333877
```
#333877 rgb(51,56,119)
```
#503377
```
#503377 rgb(80,51,119)
```
#723377
```
#723377 rgb(114,51,119)
```

Analogous Color

#387733
```
#387733 rgb(56,119,51)
```
#503377
```
#503377 rgb(80,51,119)
```
#777233
```
#777233 rgb(119,114,51)
```

Split Complementary Color

#337750
```
#337750 rgb(51,119,80)
```
#503377
```
#503377 rgb(80,51,119)
```
#775033
```
#775033 rgb(119,80,51)
```

Triadic Color

#335a77
```
#335a77 rgb(51,90,119)
```
#503377
```
#503377 rgb(80,51,119)
```
#775033
```
#775033 rgb(119,80,51)
```
#5a7733
```
#5a7733 rgb(90,119,51)
```

Tetradic Color

#2c1c41
```
#2c1c41 rgb(44,28,65)
```
#382453
```
#382453 rgb(56,36,83)
```
#442b65
```
#442b65 rgb(68,43,101)
```
#503377
```
#503377 rgb(80,51,119)
```
#5c3b89
```
#5c3b89 rgb(92,59,137)
```
#68429b
```
#68429b rgb(104,66,155)
```
#744aad
```
#744aad rgb(116,74,173)
```

Monochromatic Color

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

#3f3377
```
#3f3377 rgb(63,51,119)
```
#453377
```
#453377 rgb(69,51,119)
```
#4a3377
```
#4a3377 rgb(74,51,119)
```
#503377
```
#503377 rgb(80,51,119)
```
#563377
```
#563377 rgb(86,51,119)
```
#5b3377
```
#5b3377 rgb(91,51,119)
```
#613377
```
#613377 rgb(97,51,119)
```

Similar Colors

Text with hexadecimal color #503377

This text has a font color of #503377.

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

#503377 background color

This paragraph has a background color of #503377.

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

#503377 border color

This element has a border color of #503377.

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

CSS codes

.text {color:#503377;}

.background {background-color:#503377;}

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

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

#060409
```
#060409 rgb(6,4,9)
```
#0f0a17
```
#0f0a17 rgb(15,10,23)
```
#191025
```
#191025 rgb(25,16,37)
```
#221632
```
#221632 rgb(34,22,50)
```
#2b1b40
```
#2b1b40 rgb(43,27,64)
```
#34214e
```
#34214e rgb(52,33,78)
```
#3e275c
```
#3e275c rgb(62,39,92)
```
#472d69
```
#472d69 rgb(71,45,105)
```
#503377
```
#503377 rgb(80,51,119)
```
#593985
```
#593985 rgb(89,57,133)
```
#623f92
```
#623f92 rgb(98,63,146)
```
#6c45a0
```
#6c45a0 rgb(108,69,160)
```
#754bae
```
#754bae rgb(117,75,174)
```

Shade Color Variation

#7f56b6
```
#7f56b6 rgb(127,86,182)
```
#8963bc
```
#8963bc rgb(137,99,188)
```
#9471c2
```
#9471c2 rgb(148,113,194)
```
#9e7fc8
```
#9e7fc8 rgb(158,127,200)
```
#a88dce
```
#a88dce rgb(168,141,206)
```
#b39ad4
```
#b39ad4 rgb(179,154,212)
```
#bda8da
```
#bda8da rgb(189,168,218)
```
#c8b6e0
```
#c8b6e0 rgb(200,182,224)
```
#d2c4e6
```
#d2c4e6 rgb(210,196,230)
```
#dcd1eb
```
#dcd1eb rgb(220,209,235)
```
#e7dff1
```
#e7dff1 rgb(231,223,241)
```
#f1edf7
```
#f1edf7 rgb(241,237,247)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#555456
```
#555456 rgb(85,84,86)
```
#544d5d
```
#544d5d rgb(84,77,93)
```
#534763
```
#534763 rgb(83,71,99)
```
#52406a
```
#52406a rgb(82,64,106)
```
#513a70
```
#513a70 rgb(81,58,112)
```
#503377
```
#503377 rgb(80,51,119)
```
#4f2c7e
```
#4f2c7e rgb(79,44,126)
```
#4e2684
```
#4e2684 rgb(78,38,132)
```
#4d1f8b
```
#4d1f8b rgb(77,31,139)
```
#4c1991
```
#4c1991 rgb(76,25,145)
```
#4b1298
```
#4b1298 rgb(75,18,152)
```
#4a0c9e
```
#4a0c9e rgb(74,12,158)
```
#4905a5
```
#4905a5 rgb(73,5,165)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#46404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#234988 Protanopia 1% of men
#284c78 Deuteranopia 1% of men
#4e4a4f Tritanopia 0.001% of the population

Trichromacy

#334182 Protanomaly 1% of men, 0.01% of women
#374378 Deuteranomaly 6% of men, 0.4% of women
#4e415d Tritanomaly 0.01% of the population

#503377 hex color

#503377 Color Information

#503377 Color Conversion

Color Schemes with #503377

Alternatives to #503377

#503377 Preview

Shades and Tints of #503377

Tones of #503377

Color Blindness Simulator