#503554 Color Information
In a RGB color space, hex #503554 is composed of 31.4% red, 20.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 36.9% magenta, 0% yellow and 67.1% black. It has a hue angle of 292.3 degrees, a saturation of 22.6% and a lightness of 26.9%. #503554 color hex could be obtained by blending #a06aa8 with #000000. Closest websafe color is: #663366.
-
- R 31
- G 21
- B 33
-
- C 5
- M 37
- Y 0
- K 67
● #503554 color description : Very dark desaturated magenta.
#503554 Color Conversion
The hexadecimal color #503554 has RGB values of R:80, G:53, B:84 and CMYK values of C:0.05, M:0.37, Y:0, K:0.67. Its decimal value is 5256532.
| Hex triplet | 503554 | #503554 |
|---|---|---|
| RGB Decimal | 80, 53, 84 | rgb(80,53,84) |
| RGB Percent | 31.4, 20.8, 32.9 | rgb(31.4%,20.8%,32.9%) |
| CMYK | 5, 37, 0, 67 | |
| HSL | 292.3°, 22.6, 26.9 | hsl(292.3,22.6%,26.9%) |
| HSV (or HSB) | 292.3°, 36.9, 32.9 | |
| Web Safe | 663366 | #663366 |
| CIE-LAB | 26.425, 18.208, -13.993 |
|---|---|
| XYZ | 6.181, 4.892, 9.006 |
| xyY | 0.308, 0.244, 4.892 |
| CIE-LCH | 26.425, 22.964, 322.456 |
| CIE-LUV | 26.425, 11.734, -18.974 |
| Hunter-Lab | 22.118, 11.181, -8.659 |
| Binary | 01010000, 00110101, 01010100 |
Color Schemes with #503554
Alternatives to #503554
Below, you can see some colors close to #503554. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#503554 Preview
This text has a font color of #503554.
<span style="color:#503554;">Text here</span>
This paragraph has a background color of #503554.
<p style="background-color:#503554;">Content here</p>
This element has a border color of #503554.
<div style="border:1px solid #503554;">Content here</div>
.text {color:#503554;}
.background {background-color:#503554;}
.border {border:1px solid #503554;}
Shades and Tints of #503554
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, #0b070c is the darkest color, while #ffffff is the lightest one.
-
#0b070c
#0b070crgb(11,7,12) -
#170f18
#170f18rgb(23,15,24) -
#221724
#221724rgb(34,23,36) -
#2e1e30
#2e1e30rgb(46,30,48) -
#39263c
#39263crgb(57,38,60) -
#452d48
#452d48rgb(69,45,72) -
#503554
#503554rgb(80,53,84) -
#5b3d60
#5b3d60rgb(91,61,96) -
#67446c
#67446crgb(103,68,108) -
#724c78
#724c78rgb(114,76,120) -
#7e5384
#7e5384rgb(126,83,132) -
#895b90
#895b90rgb(137,91,144) -
#95639c
#95639crgb(149,99,156)
-
#9d6ea4
#9d6ea4rgb(157,110,164) -
#a57bab
#a57babrgb(165,123,171) -
#ad87b3
#ad87b3rgb(173,135,179) -
#b593bb
#b593bbrgb(181,147,187) -
#be9fc2
#be9fc2rgb(190,159,194) -
#c6abca
#c6abcargb(198,171,202) -
#ceb7d1
#ceb7d1rgb(206,183,209) -
#d6c3d9
#d6c3d9rgb(214,195,217) -
#decfe1
#decfe1rgb(222,207,225) -
#e6dbe8
#e6dbe8rgb(230,219,232) -
#efe7f0
#efe7f0rgb(239,231,240) -
#f7f3f7
#f7f3f7rgb(247,243,247) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #503554
A tone is produced by adding gray to any pure hue. In this case, #484049 is the less saturated color, while #770089 is the most saturated one.
-
#484049
#484049rgb(72,64,73) -
#4c3a4f
#4c3a4frgb(76,58,79) -
#503554
#503554rgb(80,53,84) -
#543059
#543059rgb(84,48,89) -
#582a5f
#582a5frgb(88,42,95) -
#5c2564
#5c2564rgb(92,37,100) -
#602069
#602069rgb(96,32,105) -
#641b6e
#641b6ergb(100,27,110) -
#671574
#671574rgb(103,21,116) -
#6b1079
#6b1079rgb(107,16,121) -
#6f0b7e
#6f0b7ergb(111,11,126) -
#730683
#730683rgb(115,6,131) -
#770089
#770089rgb(119,0,137)
Color Blindness Simulator
Below, you can see how #503554 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.
