#503674 hex color

In a RGB color space, hex #503674 is composed of 31.4% red, 21.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 53.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 265.2 degrees, a saturation of 36.5% and a lightness of 33.3%. #503674 color hex could be obtained by blending #a06ce8 with #000000. Closest websafe color is: #663366.

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

● #503674 color description : Dark moderate violet.

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

Hex triplet	503674	`#503674`
RGB Decimal	80, 54, 116	`rgb(80,54,116)`
RGB Percent	31.4, 21.2, 45.5	`rgb(31.4%,21.2%,45.5%)`
CMYK	31, 53, 0, 55
HSL	265.2°, 36.5, 33.3	`hsl(265.2,36.5%,33.3%)`
HSV (or HSB)	265.2°, 53.4, 45.5
Web Safe	663366	`#663366`

CIE-LAB	28.393, 25.741, -31.563
XYZ	7.779, 5.605, 17.194
xyY	0.254, 0.183, 5.605
CIE-LCH	28.393, 40.729, 309.198
CIE-LUV	28.393, 7.052, -43.057
Hunter-Lab	23.674, 17.224, -26.488
Binary	01010000, 00110110, 01110100

#503674
```
#503674 rgb(80,54,116)
```
#5a7436
```
#5a7436 rgb(90,116,54)
```

Complementary Color

#363b74
```
#363b74 rgb(54,59,116)
```
#503674
```
#503674 rgb(80,54,116)
```
#6f3674
```
#6f3674 rgb(111,54,116)
```

Analogous Color

#3b7436
```
#3b7436 rgb(59,116,54)
```
#503674
```
#503674 rgb(80,54,116)
```
#746f36
```
#746f36 rgb(116,111,54)
```

Split Complementary Color

#367450
```
#367450 rgb(54,116,80)
```
#503674
```
#503674 rgb(80,54,116)
```
#745036
```
#745036 rgb(116,80,54)
```

Triadic Color

#365a74
```
#365a74 rgb(54,90,116)
```
#503674
```
#503674 rgb(80,54,116)
```
#745036
```
#745036 rgb(116,80,54)
```
#5a7436
```
#5a7436 rgb(90,116,54)
```

Tetradic Color

#2c1e40
```
#2c1e40 rgb(44,30,64)
```
#382651
```
#382651 rgb(56,38,81)
```
#442e63
```
#442e63 rgb(68,46,99)
```
#503674
```
#503674 rgb(80,54,116)
```
#5c3e85
```
#5c3e85 rgb(92,62,133)
```
#684697
```
#684697 rgb(104,70,151)
```
#744ea8
```
#744ea8 rgb(116,78,168)
```

Monochromatic Color

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

#413674
```
#413674 rgb(65,54,116)
```
#463674
```
#463674 rgb(70,54,116)
```
#4b3674
```
#4b3674 rgb(75,54,116)
```
#503674
```
#503674 rgb(80,54,116)
```
#553674
```
#553674 rgb(85,54,116)
```
#5a3674
```
#5a3674 rgb(90,54,116)
```
#603674
```
#603674 rgb(96,54,116)
```

Similar Colors

Text with hexadecimal color #503674

This text has a font color of #503674.

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

#503674 background color

This paragraph has a background color of #503674.

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

#503674 border color

This element has a border color of #503674.

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

CSS codes

.text {color:#503674;}

.background {background-color:#503674;}

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

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 #fcfbfd is the lightest one.

#060409
```
#060409 rgb(6,4,9)
```
#0f0a16
```
#0f0a16 rgb(15,10,22)
```
#191124
```
#191124 rgb(25,17,36)
```
#221731
```
#221731 rgb(34,23,49)
```
#2b1d3e
```
#2b1d3e rgb(43,29,62)
```
#34234c
```
#34234c rgb(52,35,76)
```
#3e2a59
```
#3e2a59 rgb(62,42,89)
```
#473067
```
#473067 rgb(71,48,103)
```
#503674
```
#503674 rgb(80,54,116)
```
#593c81
```
#593c81 rgb(89,60,129)
```
#62428f
```
#62428f rgb(98,66,143)
```
#6c499c
```
#6c499c rgb(108,73,156)
```
#754faa
```
#754faa rgb(117,79,170)
```

Shade Color Variation

#7f5ab2
```
#7f5ab2 rgb(127,90,178)
```
#8967b8
```
#8967b8 rgb(137,103,184)
```
#9475bf
```
#9475bf rgb(148,117,191)
```
#9e82c5
```
#9e82c5 rgb(158,130,197)
```
#a88fcb
```
#a88fcb rgb(168,143,203)
```
#b39dd1
```
#b39dd1 rgb(179,157,209)
```
#bdaad8
```
#bdaad8 rgb(189,170,216)
```
#c8b8de
```
#c8b8de rgb(200,184,222)
```
#d2c5e4
```
#d2c5e4 rgb(210,197,228)
```
#dcd2ea
```
#dcd2ea rgb(220,210,234)
```
#e7e0f0
```
#e7e0f0 rgb(231,224,240)
```
#f1edf7
```
#f1edf7 rgb(241,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#54505a
```
#54505a rgb(84,80,90)
```
#534a60
```
#534a60 rgb(83,74,96)
```
#524367
```
#524367 rgb(82,67,103)
```
#513d6d
```
#513d6d rgb(81,61,109)
```
#503674
```
#503674 rgb(80,54,116)
```
#4f2f7b
```
#4f2f7b rgb(79,47,123)
```
#4e2981
```
#4e2981 rgb(78,41,129)
```
#4d2288
```
#4d2288 rgb(77,34,136)
```
#4c1c8e
```
#4c1c8e rgb(76,28,142)
```
#4b1595
```
#4b1595 rgb(75,21,149)
```
#4a0f9b
```
#4a0f9b rgb(74,15,155)
```
#4908a2
```
#4908a2 rgb(73,8,162)
```
#4802a8
```
#4802a8 rgb(72,2,168)
```

Tone Color Variation

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

#2d4a83 Protanopia 1% of men
#314d76 Deuteranopia 1% of men
#4f4b50 Tritanopia 0.001% of the population

Trichromacy

#3a437e Protanomaly 1% of men, 0.01% of women
#3c4475 Deuteranomaly 6% of men, 0.4% of women
#4f435d Tritanomaly 0.01% of the population

#503674 hex color

#503674 Color Information

#503674 Color Conversion

Color Schemes with #503674

Alternatives to #503674

#503674 Preview

Shades and Tints of #503674

Tones of #503674

Color Blindness Simulator