#503b6a hex color

In a RGB color space, hex #503b6a is composed of 31.4% red, 23.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 44.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 266.8 degrees, a saturation of 28.5% and a lightness of 32.4%. #503b6a color hex could be obtained by blending #a076d4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 23
- B 42
RGB color chart
- C 25
- M 44
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #503b6a has RGB values of R:80, G:59, B:106 and CMYK values of C:0.25, M:0.44, Y:0, K:0.58. Its decimal value is 5258090.

Hex triplet	503b6a	`#503b6a`
RGB Decimal	80, 59, 106	`rgb(80,59,106)`
RGB Percent	31.4, 23.1, 41.6	`rgb(31.4%,23.1%,41.6%)`
CMYK	25, 44, 0, 58
HSL	266.8°, 28.5, 32.4	`hsl(266.8,28.5%,32.4%)`
HSV (or HSB)	266.8°, 44.3, 41.6
Web Safe	663366	`#663366`

CIE-LAB	29.093, 19.84, -24.093
XYZ	7.473, 5.874, 14.375
xyY	0.27, 0.212, 5.874
CIE-LCH	29.093, 31.211, 309.471
CIE-LUV	29.093, 6.683, -32.981
Hunter-Lab	24.236, 12.627, -18.2
Binary	01010000, 00111011, 01101010

#503b6a
```
#503b6a rgb(80,59,106)
```
#556a3b
```
#556a3b rgb(85,106,59)
```

Complementary Color

#3b3e6a
```
#3b3e6a rgb(59,62,106)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#683b6a
```
#683b6a rgb(104,59,106)
```

Analogous Color

#3e6a3b
```
#3e6a3b rgb(62,106,59)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#6a683b
```
#6a683b rgb(106,104,59)
```

Split Complementary Color

#3b6a50
```
#3b6a50 rgb(59,106,80)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#6a503b
```
#6a503b rgb(106,80,59)
```

Triadic Color

#3b556a
```
#3b556a rgb(59,85,106)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#6a503b
```
#6a503b rgb(106,80,59)
```
#556a3b
```
#556a3b rgb(85,106,59)
```

Tetradic Color

#2b2039
```
#2b2039 rgb(43,32,57)
```
#372949
```
#372949 rgb(55,41,73)
```
#44325a
```
#44325a rgb(68,50,90)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#5c447a
```
#5c447a rgb(92,68,122)
```
#694d8b
```
#694d8b rgb(105,77,139)
```
#75569b
```
#75569b rgb(117,86,155)
```

Monochromatic Color

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

#443b6a
```
#443b6a rgb(68,59,106)
```
#483b6a
```
#483b6a rgb(72,59,106)
```
#4c3b6a
```
#4c3b6a rgb(76,59,106)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#543b6a
```
#543b6a rgb(84,59,106)
```
#583b6a
```
#583b6a rgb(88,59,106)
```
#5c3b6a
```
#5c3b6a rgb(92,59,106)
```

Similar Colors

Text with hexadecimal color #503b6a

This text has a font color of #503b6a.

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

#503b6a background color

This paragraph has a background color of #503b6a.

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

#503b6a border color

This element has a border color of #503b6a.

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

CSS codes

.text {color:#503b6a;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0d0a12
```
#0d0a12 rgb(13,10,18)
```
#17111e
```
#17111e rgb(23,17,30)
```
#20182b
```
#20182b rgb(32,24,43)
```
#2a1f38
```
#2a1f38 rgb(42,31,56)
```
#332644
```
#332644 rgb(51,38,68)
```
#3d2d51
```
#3d2d51 rgb(61,45,81)
```
#46345d
```
#46345d rgb(70,52,93)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#5a4277
```
#5a4277 rgb(90,66,119)
```
#634983
```
#634983 rgb(99,73,131)
```
#6d5090
```
#6d5090 rgb(109,80,144)
```
#76579c
```
#76579c rgb(118,87,156)
```

Shade Color Variation

#8060a7
```
#8060a7 rgb(128,96,167)
```
#8a6dae
```
#8a6dae rgb(138,109,174)
```
#947ab5
```
#947ab5 rgb(148,122,181)
```
#9e86bc
```
#9e86bc rgb(158,134,188)
```
#a893c3
```
#a893c3 rgb(168,147,195)
```
#b29fca
```
#b29fca rgb(178,159,202)
```
#bcacd1
```
#bcacd1 rgb(188,172,209)
```
#c7b9d8
```
#c7b9d8 rgb(199,185,216)
```
#d1c5df
```
#d1c5df rgb(209,197,223)
```
#dbd2e6
```
#dbd2e6 rgb(219,210,230)
```
#e5deed
```
#e5deed rgb(229,222,237)
```
#efebf4
```
#efebf4 rgb(239,235,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#524e57
```
#524e57 rgb(82,78,87)
```
#51485d
```
#51485d rgb(81,72,93)
```
#514164
```
#514164 rgb(81,65,100)
```
#503b6a
```
#503b6a rgb(80,59,106)
```
#4f3570
```
#4f3570 rgb(79,53,112)
```
#4f2e77
```
#4f2e77 rgb(79,46,119)
```
#4e287d
```
#4e287d rgb(78,40,125)
```
#4d2283
```
#4d2283 rgb(77,34,131)
```
#4d1b8a
```
#4d1b8a rgb(77,27,138)
```
#4c1590
```
#4c1590 rgb(76,21,144)
```
#4b0f96
```
#4b0f96 rgb(75,15,150)
```
#4b089d
```
#4b089d rgb(75,8,157)
```
#4a02a3
```
#4a02a3 rgb(74,2,163)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#49454e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4c77 Protanopia 1% of men
#3f4d6e Deuteranopia 1% of men
#524c52 Tritanopia 0.001% of the population

Trichromacy

#434672 Protanomaly 1% of men, 0.01% of women
#45466d Deuteranomaly 6% of men, 0.4% of women
#51465a Tritanomaly 0.01% of the population

#503b6a hex color

#503b6a Color Information

#503b6a Color Conversion

Color Schemes with #503b6a

Alternatives to #503b6a

#503b6a Preview

Shades and Tints of #503b6a

Tones of #503b6a

Color Blindness Simulator