#503a5f hex color

In a RGB color space, hex #503a5f is composed of 31.4% red, 22.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 38.9% magenta, 0% yellow and 62.7% black. It has a hue angle of 275.7 degrees, a saturation of 24.2% and a lightness of 30%. #503a5f color hex could be obtained by blending #a074be with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 23
- B 37
RGB color chart
- C 16
- M 39
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #503a5f has RGB values of R:80, G:58, B:95 and CMYK values of C:0.16, M:0.39, Y:0, K:0.63. Its decimal value is 5257823.

Hex triplet	503a5f	`#503a5f`
RGB Decimal	80, 58, 95	`rgb(80,58,95)`
RGB Percent	31.4, 22.7, 37.3	`rgb(31.4%,22.7%,37.3%)`
CMYK	16, 39, 0, 63
HSL	275.7°, 24.2, 30	`hsl(275.7,24.2%,30%)`
HSV (or HSB)	275.7°, 38.9, 37.3
Web Safe	663366	`#663366`

CIE-LAB	28.269, 17.632, -18.312
XYZ	6.887, 5.558, 11.536
xyY	0.287, 0.232, 5.558
CIE-LCH	28.269, 25.421, 313.917
CIE-LUV	28.269, 8.369, -24.889
Hunter-Lab	23.575, 10.885, -12.509
Binary	01010000, 00111010, 01011111

#503a5f
```
#503a5f rgb(80,58,95)
```
#495f3a
```
#495f3a rgb(73,95,58)
```

Complementary Color

#3d3a5f
```
#3d3a5f rgb(61,58,95)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5f3a5c
```
#5f3a5c rgb(95,58,92)
```

Analogous Color

#3a5f3e
```
#3a5f3e rgb(58,95,62)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5c5f3a
```
#5c5f3a rgb(92,95,58)
```

Split Complementary Color

#3a5f50
```
#3a5f50 rgb(58,95,80)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5f503a
```
#5f503a rgb(95,80,58)
```

Triadic Color

#3a495f
```
#3a495f rgb(58,73,95)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5f503a
```
#5f503a rgb(95,80,58)
```
#495f3a
```
#495f3a rgb(73,95,58)
```

Tetradic Color

#281d30
```
#281d30 rgb(40,29,48)
```
#35273f
```
#35273f rgb(53,39,63)
```
#43304f
```
#43304f rgb(67,48,79)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5d446f
```
#5d446f rgb(93,68,111)
```
#6b4d7f
```
#6b4d7f rgb(107,77,127)
```
#78578f
```
#78578f rgb(120,87,143)
```

Monochromatic Color

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

#473a5f
```
#473a5f rgb(71,58,95)
```
#4a3a5f
```
#4a3a5f rgb(74,58,95)
```
#4d3a5f
```
#4d3a5f rgb(77,58,95)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#533a5f
```
#533a5f rgb(83,58,95)
```
#563a5f
```
#563a5f rgb(86,58,95)
```
#593a5f
```
#593a5f rgb(89,58,95)
```

Similar Colors

Text with hexadecimal color #503a5f

This text has a font color of #503a5f.

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

#503a5f background color

This paragraph has a background color of #503a5f.

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

#503a5f border color

This element has a border color of #503a5f.

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

CSS codes

.text {color:#503a5f;}

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

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

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

#08060a
```
#08060a rgb(8,6,10)
```
#120d16
```
#120d16 rgb(18,13,22)
```
#1d1522
```
#1d1522 rgb(29,21,34)
```
#271c2e
```
#271c2e rgb(39,28,46)
```
#31243a
```
#31243a rgb(49,36,58)
```
#3b2b47
```
#3b2b47 rgb(59,43,71)
```
#463353
```
#463353 rgb(70,51,83)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#5a416b
```
#5a416b rgb(90,65,107)
```
#654977
```
#654977 rgb(101,73,119)
```
#6f5084
```
#6f5084 rgb(111,80,132)
```
#795890
```
#795890 rgb(121,88,144)
```
#835f9c
```
#835f9c rgb(131,95,156)
```

Shade Color Variation

#8d6aa4
```
#8d6aa4 rgb(141,106,164)
```
#9677ac
```
#9677ac rgb(150,119,172)
```
#a083b3
```
#a083b3 rgb(160,131,179)
```
#a98fbb
```
#a98fbb rgb(169,143,187)
```
#b29bc2
```
#b29bc2 rgb(178,155,194)
```
#bca7c9
```
#bca7c9 rgb(188,167,201)
```
#c5b3d1
```
#c5b3d1 rgb(197,179,209)
```
#cec0d8
```
#cec0d8 rgb(206,192,216)
```
#d8cce0
```
#d8cce0 rgb(216,204,224)
```
#e1d8e7
```
#e1d8e7 rgb(225,216,231)
```
#eae4ef
```
#eae4ef rgb(234,228,239)
```
#f4f0f6
```
#f4f0f6 rgb(244,240,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4d4c4d
```
#4d4c4d rgb(77,76,77)
```
#4e4653
```
#4e4653 rgb(78,70,83)
```
#4f4059
```
#4f4059 rgb(79,64,89)
```
#503a5f
```
#503a5f rgb(80,58,95)
```
#513465
```
#513465 rgb(81,52,101)
```
#522e6b
```
#522e6b rgb(82,46,107)
```
#532871
```
#532871 rgb(83,40,113)
```
#542277
```
#542277 rgb(84,34,119)
```
#561d7c
```
#561d7c rgb(86,29,124)
```
#571782
```
#571782 rgb(87,23,130)
```
#581188
```
#581188 rgb(88,17,136)
```
#590b8e
```
#590b8e rgb(89,11,142)
```
#5a0594
```
#5a0594 rgb(90,5,148)
```

Tone Color Variation

Below, you can see how #503a5f 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
#47434a Atypical Achromatopsia 0.001% of the population

Dichromacy

#404b6c Protanopia 1% of men
#444b64 Deuteranopia 1% of men
#54494e Tritanopia 0.001% of the population

Trichromacy

#464567 Protanomaly 1% of men, 0.01% of women
#484562 Deuteranomaly 6% of men, 0.4% of women
#524354 Tritanomaly 0.01% of the population

#503a5f hex color

#503a5f Color Information

#503a5f Color Conversion

Color Schemes with #503a5f

Alternatives to #503a5f

#503a5f Preview

Shades and Tints of #503a5f

Tones of #503a5f

Color Blindness Simulator