#503a66 hex color

In a RGB color space, hex #503a66 is composed of 31.4% red, 22.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 43.1% magenta, 0% yellow and 60% black. It has a hue angle of 270 degrees, a saturation of 27.5% and a lightness of 31.4%. #503a66 color hex could be obtained by blending #a074cc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 23
- B 40
RGB color chart
- C 22
- M 43
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #503a66 has RGB values of R:80, G:58, B:102 and CMYK values of C:0.22, M:0.43, Y:0, K:0.6. Its decimal value is 5257830.

Hex triplet	503a66	`#503a66`
RGB Decimal	80, 58, 102	`rgb(80,58,102)`
RGB Percent	31.4, 22.7, 40	`rgb(31.4%,22.7%,40%)`
CMYK	22, 43, 0, 60
HSL	270°, 27.5, 31.4	`hsl(270,27.5%,31.4%)`
HSV (or HSB)	270°, 43.1, 40
Web Safe	663366	`#663366`

CIE-LAB	28.619, 19.425, -22.274
XYZ	7.219, 5.691, 13.288
xyY	0.276, 0.217, 5.691
CIE-LCH	28.619, 29.555, 311.091
CIE-LUV	28.619, 7.51, -30.369
Hunter-Lab	23.856, 12.27, -16.326
Binary	01010000, 00111010, 01100110

#503a66
```
#503a66 rgb(80,58,102)
```
#50663a
```
#50663a rgb(80,102,58)
```

Complementary Color

#3a3a66
```
#3a3a66 rgb(58,58,102)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#663a66
```
#663a66 rgb(102,58,102)
```

Analogous Color

#3a663a
```
#3a663a rgb(58,102,58)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#66663a
```
#66663a rgb(102,102,58)
```

Split Complementary Color

#3a6650
```
#3a6650 rgb(58,102,80)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#66503a
```
#66503a rgb(102,80,58)
```

Triadic Color

#3a5066
```
#3a5066 rgb(58,80,102)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#66503a
```
#66503a rgb(102,80,58)
```
#50663a
```
#50663a rgb(80,102,58)
```

Tetradic Color

#2a1e35
```
#2a1e35 rgb(42,30,53)
```
#372845
```
#372845 rgb(55,40,69)
```
#433156
```
#433156 rgb(67,49,86)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#5d4376
```
#5d4376 rgb(93,67,118)
```
#6a4c87
```
#6a4c87 rgb(106,76,135)
```
#765697
```
#765697 rgb(118,86,151)
```

Monochromatic Color

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

#453a66
```
#453a66 rgb(69,58,102)
```
#493a66
```
#493a66 rgb(73,58,102)
```
#4c3a66
```
#4c3a66 rgb(76,58,102)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#543a66
```
#543a66 rgb(84,58,102)
```
#573a66
```
#573a66 rgb(87,58,102)
```
#5b3a66
```
#5b3a66 rgb(91,58,102)
```

Similar Colors

Text with hexadecimal color #503a66

This text has a font color of #503a66.

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

#503a66 background color

This paragraph has a background color of #503a66.

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

#503a66 border color

This element has a border color of #503a66.

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

CSS codes

.text {color:#503a66;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0b080e
```
#0b080e rgb(11,8,14)
```
#150f1b
```
#150f1b rgb(21,15,27)
```
#1f1627
```
#1f1627 rgb(31,22,39)
```
#291e34
```
#291e34 rgb(41,30,52)
```
#332540
```
#332540 rgb(51,37,64)
```
#3c2c4d
```
#3c2c4d rgb(60,44,77)
```
#463359
```
#463359 rgb(70,51,89)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#5a4173
```
#5a4173 rgb(90,65,115)
```
#64487f
```
#64487f rgb(100,72,127)
```
#6d4f8c
```
#6d4f8c rgb(109,79,140)
```
#775698
```
#775698 rgb(119,86,152)
```

Shade Color Variation

#815ea4
```
#815ea4 rgb(129,94,164)
```
#8b6bab
```
#8b6bab rgb(139,107,171)
```
#9577b2
```
#9577b2 rgb(149,119,178)
```
#9e84b9
```
#9e84b9 rgb(158,132,185)
```
#a890c0
```
#a890c0 rgb(168,144,192)
```
#b29dc7
```
#b29dc7 rgb(178,157,199)
```
#bca9ce
```
#bca9ce rgb(188,169,206)
```
#c6b6d5
```
#c6b6d5 rgb(198,182,213)
```
#d0c2dd
```
#d0c2dd rgb(208,194,221)
```
#d9cfe4
```
#d9cfe4 rgb(217,207,228)
```
#e3dbeb
```
#e3dbeb rgb(227,219,235)
```
#ede8f2
```
#ede8f2 rgb(237,232,242)
```
#f7f4f9
```
#f7f4f9 rgb(247,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504c54 is the less saturated color, while #50039d is the most saturated one.

#504c54
```
#504c54 rgb(80,76,84)
```
#50465a
```
#50465a rgb(80,70,90)
```
#504060
```
#504060 rgb(80,64,96)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#50346c
```
#50346c rgb(80,52,108)
```
#502e72
```
#502e72 rgb(80,46,114)
```
#502878
```
#502878 rgb(80,40,120)
```
#50217f
```
#50217f rgb(80,33,127)
```
#501b85
```
#501b85 rgb(80,27,133)
```
#50158b
```
#50158b rgb(80,21,139)
```
#500f91
```
#500f91 rgb(80,15,145)
```
#500997
```
#500997 rgb(80,9,151)
```
#50039d
```
#50039d rgb(80,3,157)
```

Tone Color Variation

Below, you can see how #503a66 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
#48444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4b73 Protanopia 1% of men
#404c6b Deuteranopia 1% of men
#534b50 Tritanopia 0.001% of the population

Trichromacy

#44456e Protanomaly 1% of men, 0.01% of women
#464569 Deuteranomaly 6% of men, 0.4% of women
#514458 Tritanomaly 0.01% of the population

#503a66 hex color

#503a66 Color Information

#503a66 Color Conversion

Color Schemes with #503a66

Alternatives to #503a66

#503a66 Preview

Shades and Tints of #503a66

Tones of #503a66

Color Blindness Simulator