colorhexa.com

#503c5e hex color

In a RGB color space, hex #503c5e is composed of 31.4% red, 23.5% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 36.2% magenta, 0% yellow and 63.1% black. It has a hue angle of 275.3 degrees, a saturation of 22.1% and a lightness of 30.2%. #503c5e color hex could be obtained by blending #a078bc with #000000. Closest websafe color is: #663366.

- R 31
- G 24
- B 37
RGB color chart
- C 15
- M 36
- Y 0
- K 63
CMYK color chart

● #503c5e color description : Very dark desaturated violet.

The hexadecimal color #503c5e has RGB values of R:80, G:60, B:94 and CMYK values of C:0.15, M:0.36, Y:0, K:0.63. Its decimal value is 5258334.

Hex triplet	503c5e	`#503c5e`
RGB Decimal	80, 60, 94	`rgb(80,60,94)`
RGB Percent	31.4, 23.5, 36.9	`rgb(31.4%,23.5%,36.9%)`
CMYK	15, 36, 0, 63
HSL	275.3°, 22.1, 30.2	`hsl(275.3,22.1%,30.2%)`
HSV (or HSB)	275.3°, 36.2, 36.9
Web Safe	663366	`#663366`

CIE-LAB	28.761, 16.09, -16.903
XYZ	6.944, 5.745, 11.332
xyY	0.289, 0.239, 5.745
CIE-LCH	28.761, 23.336, 313.589
CIE-LUV	28.761, 7.726, -23.021
Hunter-Lab	23.97, 9.766, -11.252
Binary	01010000, 00111100, 01011110

#503c5e
```
#503c5e rgb(80,60,94)
```
#4a5e3c
```
#4a5e3c rgb(74,94,60)
```

Complementary Color

#3f3c5e
```
#3f3c5e rgb(63,60,94)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#5e3c5b
```
#5e3c5b rgb(94,60,91)
```

Analogous Color

#3c5e3f
```
#3c5e3f rgb(60,94,63)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#5b5e3c
```
#5b5e3c rgb(91,94,60)
```

Split Complementary Color

#281e2f
```
#281e2f rgb(40,30,47)
```
#36283f
```
#36283f rgb(54,40,63)
```
#43324e
```
#43324e rgb(67,50,78)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#5d466e
```
#5d466e rgb(93,70,110)
```
#6a507d
```
#6a507d rgb(106,80,125)
```
#785a8d
```
#785a8d rgb(120,90,141)
```

Monochromatic Color

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

#483c5e
```
#483c5e rgb(72,60,94)
```
#4a3c5e
```
#4a3c5e rgb(74,60,94)
```
#4d3c5e
```
#4d3c5e rgb(77,60,94)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#533c5e
```
#533c5e rgb(83,60,94)
```
#563c5e
```
#563c5e rgb(86,60,94)
```
#593c5e
```
#593c5e rgb(89,60,94)
```

Similar Colors

Text with hexadecimal color #503c5e

This text has a font color of #503c5e.

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

#503c5e background color

This paragraph has a background color of #503c5e.

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

#503c5e border color

This element has a border color of #503c5e.

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

CSS codes

.text {color:#503c5e;}

.background {background-color:#503c5e;}

.border {border:1px solid #503c5e;}

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

#09070a
```
#09070a rgb(9,7,10)
```
#130e16
```
#130e16 rgb(19,14,22)
```
#1d1622
```
#1d1622 rgb(29,22,34)
```
#271d2e
```
#271d2e rgb(39,29,46)
```
#31253a
```
#31253a rgb(49,37,58)
```
#3c2d46
```
#3c2d46 rgb(60,45,70)
```
#463452
```
#463452 rgb(70,52,82)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#5a446a
```
#5a446a rgb(90,68,106)
```
#644b76
```
#644b76 rgb(100,75,118)
```
#6f5382
```
#6f5382 rgb(111,83,130)
```
#795b8e
```
#795b8e rgb(121,91,142)
```
#83629a
```
#83629a rgb(131,98,154)
```

Shade Color Variation

#8c6ea2
```
#8c6ea2 rgb(140,110,162)
```
#967aaa
```
#967aaa rgb(150,122,170)
```
#9f85b1
```
#9f85b1 rgb(159,133,177)
```
#a991b9
```
#a991b9 rgb(169,145,185)
```
#b29dc1
```
#b29dc1 rgb(178,157,193)
```
#bca9c8
```
#bca9c8 rgb(188,169,200)
```
#c5b5d0
```
#c5b5d0 rgb(197,181,208)
```
#cec1d8
```
#cec1d8 rgb(206,193,216)
```
#d8cddf
```
#d8cddf rgb(216,205,223)
```
#e1d9e7
```
#e1d9e7 rgb(225,217,231)
```
#ebe5ef
```
#ebe5ef rgb(235,229,239)
```
#f4f1f6
```
#f4f1f6 rgb(244,241,246)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#4e4852
```
#4e4852 rgb(78,72,82)
```
#4f4258
```
#4f4258 rgb(79,66,88)
```
#503c5e
```
#503c5e rgb(80,60,94)
```
#513664
```
#513664 rgb(81,54,100)
```
#52306a
```
#52306a rgb(82,48,106)
```
#532a70
```
#532a70 rgb(83,42,112)
```
#542476
```
#542476 rgb(84,36,118)
```
#551e7c
```
#551e7c rgb(85,30,124)
```
#561882
```
#561882 rgb(86,24,130)
```
#571387
```
#571387 rgb(87,19,135)
```
#580d8d
```
#580d8d rgb(88,13,141)
```
#590793
```
#590793 rgb(89,7,147)
```
#5a0199
```
#5a0199 rgb(90,1,153)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#48444b Atypical Achromatopsia 0.001% of the population

Dichromacy

#434c6a Protanopia 1% of men
#474c64 Deuteranopia 1% of men
#544a50 Tritanopia 0.001% of the population

Trichromacy

#474666 Protanomaly 1% of men, 0.01% of women
#4a4662 Deuteranomaly 6% of men, 0.4% of women
#534555 Tritanomaly 0.01% of the population