#503774 hex color

In a RGB color space, hex #503774 is composed of 31.4% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 264.6 degrees, a saturation of 35.7% and a lightness of 33.5%. #503774 color hex could be obtained by blending #a06ee8 with #000000. Closest websafe color is: #663366.

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

● #503774 color description : Dark moderate violet.

The hexadecimal color #503774 has RGB values of R:80, G:55, B:116 and CMYK values of C:0.31, M:0.53, Y:0, K:0.55. Its decimal value is 5257076.

Hex triplet	503774	`#503774`
RGB Decimal	80, 55, 116	`rgb(80,55,116)`
RGB Percent	31.4, 21.6, 45.5	`rgb(31.4%,21.6%,45.5%)`
CMYK	31, 53, 0, 55
HSL	264.6°, 35.7, 33.5	`hsl(264.6,35.7%,33.5%)`
HSV (or HSB)	264.6°, 52.6, 45.5
Web Safe	663366	`#663366`

CIE-LAB	28.64, 25.113, -31.171
XYZ	7.826, 5.699, 17.21
xyY	0.255, 0.185, 5.699
CIE-LCH	28.64, 40.029, 308.857
CIE-LUV	28.64, 6.758, -42.617
Hunter-Lab	23.872, 16.743, -26.032
Binary	01010000, 00110111, 01110100

#503774
```
#503774 rgb(80,55,116)
```
#5b7437
```
#5b7437 rgb(91,116,55)
```

Complementary Color

#373d74
```
#373d74 rgb(55,61,116)
```
#503774
```
#503774 rgb(80,55,116)
```
#6f3774
```
#6f3774 rgb(111,55,116)
```

Analogous Color

#3d7437
```
#3d7437 rgb(61,116,55)
```
#503774
```
#503774 rgb(80,55,116)
```
#746f37
```
#746f37 rgb(116,111,55)
```

Split Complementary Color

#377450
```
#377450 rgb(55,116,80)
```
#503774
```
#503774 rgb(80,55,116)
```
#745037
```
#745037 rgb(116,80,55)
```

Triadic Color

#375b74
```
#375b74 rgb(55,91,116)
```
#503774
```
#503774 rgb(80,55,116)
```
#745037
```
#745037 rgb(116,80,55)
```
#5b7437
```
#5b7437 rgb(91,116,55)
```

Tetradic Color

#2c1e40
```
#2c1e40 rgb(44,30,64)
```
#382751
```
#382751 rgb(56,39,81)
```
#442f63
```
#442f63 rgb(68,47,99)
```
#503774
```
#503774 rgb(80,55,116)
```
#5c3f85
```
#5c3f85 rgb(92,63,133)
```
#684797
```
#684797 rgb(104,71,151)
```
#7450a8
```
#7450a8 rgb(116,80,168)
```

Monochromatic Color

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

#413774
```
#413774 rgb(65,55,116)
```
#463774
```
#463774 rgb(70,55,116)
```
#4b3774
```
#4b3774 rgb(75,55,116)
```
#503774
```
#503774 rgb(80,55,116)
```
#553774
```
#553774 rgb(85,55,116)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#5f3774
```
#5f3774 rgb(95,55,116)
```

Similar Colors

Text with hexadecimal color #503774

This text has a font color of #503774.

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

#503774 background color

This paragraph has a background color of #503774.

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

#503774 border color

This element has a border color of #503774.

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

CSS codes

.text {color:#503774;}

.background {background-color:#503774;}

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

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, #07050a is the darkest color, while #fcfbfd is the lightest one.

#07050a
```
#07050a rgb(7,5,10)
```
#100b17
```
#100b17 rgb(16,11,23)
```
#191124
```
#191124 rgb(25,17,36)
```
#221731
```
#221731 rgb(34,23,49)
```
#2b1e3f
```
#2b1e3f rgb(43,30,63)
```
#34244c
```
#34244c rgb(52,36,76)
```
#3e2a59
```
#3e2a59 rgb(62,42,89)
```
#473167
```
#473167 rgb(71,49,103)
```
#503774
```
#503774 rgb(80,55,116)
```
#593d81
```
#593d81 rgb(89,61,129)
```
#62448f
```
#62448f rgb(98,68,143)
```
#6c4a9c
```
#6c4a9c rgb(108,74,156)
```
#7550a9
```
#7550a9 rgb(117,80,169)
```

Shade Color Variation

#7f5cb2
```
#7f5cb2 rgb(127,92,178)
```
#8969b8
```
#8969b8 rgb(137,105,184)
```
#9476be
```
#9476be rgb(148,118,190)
```
#9e83c4
```
#9e83c4 rgb(158,131,196)
```
#a991cb
```
#a991cb rgb(169,145,203)
```
#b39ed1
```
#b39ed1 rgb(179,158,209)
```
#bdabd7
```
#bdabd7 rgb(189,171,215)
```
#c8b9de
```
#c8b9de rgb(200,185,222)
```
#d2c6e4
```
#d2c6e4 rgb(210,198,228)
```
#ddd3ea
```
#ddd3ea rgb(221,211,234)
```
#e7e1f1
```
#e7e1f1 rgb(231,225,241)
```
#f2eef7
```
#f2eef7 rgb(242,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55515a is the less saturated color, while #4702a9 is the most saturated one.

#55515a
```
#55515a rgb(85,81,90)
```
#544b60
```
#544b60 rgb(84,75,96)
```
#524467
```
#524467 rgb(82,68,103)
```
#513e6d
```
#513e6d rgb(81,62,109)
```
#503774
```
#503774 rgb(80,55,116)
```
#4f307b
```
#4f307b rgb(79,48,123)
```
#4e2a81
```
#4e2a81 rgb(78,42,129)
```
#4c2388
```
#4c2388 rgb(76,35,136)
```
#4b1d8e
```
#4b1d8e rgb(75,29,142)
```
#4a1695
```
#4a1695 rgb(74,22,149)
```
#49109b
```
#49109b rgb(73,16,155)
```
#4809a2
```
#4809a2 rgb(72,9,162)
```
#4702a9
```
#4702a9 rgb(71,2,169)
```

Tone Color Variation

Below, you can see how #503774 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
#47424e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4b83 Protanopia 1% of men
#324d76 Deuteranopia 1% of men
#4f4c51 Tritanopia 0.001% of the population

Trichromacy

#3b447d Protanomaly 1% of men, 0.01% of women
#3d4575 Deuteranomaly 6% of men, 0.4% of women
#4f445e Tritanomaly 0.01% of the population

#503774 hex color

#503774 Color Information

#503774 Color Conversion

Color Schemes with #503774

Alternatives to #503774

#503774 Preview

Shades and Tints of #503774

Tones of #503774

Color Blindness Simulator