#503ab7 hex color

In a RGB color space, hex #503ab7 is composed of 31.4% red, 22.7% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 68.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 250.6 degrees, a saturation of 51.9% and a lightness of 47.3%. #503ab7 color hex could be obtained by blending #a074ff with #00006f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 23
- B 72
RGB color chart
- C 56
- M 68
- Y 0
- K 28
CMYK color chart

● #503ab7 color description : Moderate blue.

The hexadecimal color #503ab7 has RGB values of R:80, G:58, B:183 and CMYK values of C:0.56, M:0.68, Y:0, K:0.28. Its decimal value is 5257911.

Hex triplet	503ab7	`#503ab7`
RGB Decimal	80, 58, 183	`rgb(80,58,183)`
RGB Percent	31.4, 22.7, 71.8	`rgb(31.4%,22.7%,71.8%)`
CMYK	56, 68, 0, 28
HSL	250.6°, 51.9, 47.3	`hsl(250.6,51.9%,47.3%)`
HSV (or HSB)	250.6°, 68.3, 71.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.293, 43.235, -62.994
XYZ	13.367, 8.15, 45.666
xyY	0.199, 0.121, 8.15
CIE-LCH	34.293, 76.403, 304.463
CIE-LUV	34.293, -0.763, -88.839
Hunter-Lab	28.548, 33.618, -74.856
Binary	01010000, 00111010, 10110111

#503ab7
```
#503ab7 rgb(80,58,183)
```
#a1b73a
```
#a1b73a rgb(161,183,58)
```

Complementary Color

#3a63b7
```
#3a63b7 rgb(58,99,183)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#8f3ab7
```
#8f3ab7 rgb(143,58,183)
```

Analogous Color

#63b73a
```
#63b73a rgb(99,183,58)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#b78f3a
```
#b78f3a rgb(183,143,58)
```

Split Complementary Color

#3ab750
```
#3ab750 rgb(58,183,80)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#b7503a
```
#b7503a rgb(183,80,58)
```

Triadic Color

#3aa1b7
```
#3aa1b7 rgb(58,161,183)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#b7503a
```
#b7503a rgb(183,80,58)
```
#a1b73a
```
#a1b73a rgb(161,183,58)
```

Tetradic Color

#37287d
```
#37287d rgb(55,40,125)
```
#3f2e90
```
#3f2e90 rgb(63,46,144)
```
#4834a4
```
#4834a4 rgb(72,52,164)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#5c46c4
```
#5c46c4 rgb(92,70,196)
```
#6d59cb
```
#6d59cb rgb(109,89,203)
```
#7e6dd1
```
#7e6dd1 rgb(126,109,209)
```

Monochromatic Color

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

#3a43b7
```
#3a43b7 rgb(58,67,183)
```
#3b3ab7
```
#3b3ab7 rgb(59,58,183)
```
#463ab7
```
#463ab7 rgb(70,58,183)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#5a3ab7
```
#5a3ab7 rgb(90,58,183)
```
#653ab7
```
#653ab7 rgb(101,58,183)
```
#6f3ab7
```
#6f3ab7 rgb(111,58,183)
```

Similar Colors

Text with hexadecimal color #503ab7

This text has a font color of #503ab7.

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

#503ab7 background color

This paragraph has a background color of #503ab7.

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

#503ab7 border color

This element has a border color of #503ab7.

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

CSS codes

.text {color:#503ab7;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080613
```
#080613 rgb(8,6,19)
```
#0f0b22
```
#0f0b22 rgb(15,11,34)
```
#151031
```
#151031 rgb(21,16,49)
```
#1c1440
```
#1c1440 rgb(28,20,64)
```
#22194f
```
#22194f rgb(34,25,79)
```
#291e5e
```
#291e5e rgb(41,30,94)
```
#2f226d
```
#2f226d rgb(47,34,109)
```
#36277b
```
#36277b rgb(54,39,123)
```
#3c2c8a
```
#3c2c8a rgb(60,44,138)
```
#433199
```
#433199 rgb(67,49,153)
```
#4935a8
```
#4935a8 rgb(73,53,168)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```

Shade Color Variation

#5842c3
```
#5842c3 rgb(88,66,195)
```
#6651c8
```
#6651c8 rgb(102,81,200)
```
#735fcc
```
#735fcc rgb(115,95,204)
```
#806ed1
```
#806ed1 rgb(128,110,209)
```
#8d7dd6
```
#8d7dd6 rgb(141,125,214)
```
#9a8cdb
```
#9a8cdb rgb(154,140,219)
```
#a79bdf
```
#a79bdf rgb(167,155,223)
```
#b4aae4
```
#b4aae4 rgb(180,170,228)
```
#c1b9e9
```
#c1b9e9 rgb(193,185,233)
```
#cec8ed
```
#cec8ed rgb(206,200,237)
```
#dbd7f2
```
#dbd7f2 rgb(219,215,242)
```
#e9e5f7
```
#e9e5f7 rgb(233,229,247)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74727f is the less saturated color, while #2c02ef is the most saturated one.

#74727f
```
#74727f rgb(116,114,127)
```
#6e6889
```
#6e6889 rgb(110,104,137)
```
#685f92
```
#685f92 rgb(104,95,146)
```
#62569b
```
#62569b rgb(98,86,155)
```
#5c4da4
```
#5c4da4 rgb(92,77,164)
```
#5643ae
```
#5643ae rgb(86,67,174)
```
#503ab7
```
#503ab7 rgb(80,58,183)
```
#4a31c0
```
#4a31c0 rgb(74,49,192)
```
#4427ca
```
#4427ca rgb(68,39,202)
```
#3e1ed3
```
#3e1ed3 rgb(62,30,211)
```
#3815dc
```
#3815dc rgb(56,21,220)
```
#320ce5
```
#320ce5 rgb(50,12,229)
```
#2c02ef
```
#2c02ef rgb(44,2,239)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4f4b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#2e6067 Tritanopia 0.001% of the population

Trichromacy

#1d4cae Protanomaly 1% of men, 0.01% of women
#1d4fa1 Deuteranomaly 6% of men, 0.4% of women
#3a5284 Tritanomaly 0.01% of the population

#503ab7 hex color

#503ab7 Color Information

#503ab7 Color Conversion

Color Schemes with #503ab7

Alternatives to #503ab7

#503ab7 Preview

Shades and Tints of #503ab7

Tones of #503ab7

Color Blindness Simulator