#503ed8 hex color

In a RGB color space, hex #503ed8 is composed of 31.4% red, 24.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 71.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 247 degrees, a saturation of 66.4% and a lightness of 54.5%. #503ed8 color hex could be obtained by blending #a07cff with #0000b1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 24
- B 85
RGB color chart
- C 63
- M 71
- Y 0
- K 15
CMYK color chart

● #503ed8 color description : Moderate blue.

The hexadecimal color #503ed8 has RGB values of R:80, G:62, B:216 and CMYK values of C:0.63, M:0.71, Y:0, K:0.15. Its decimal value is 5258968.

Hex triplet	503ed8	`#503ed8`
RGB Decimal	80, 62, 216	`rgb(80,62,216)`
RGB Percent	31.4, 24.3, 84.7	`rgb(31.4%,24.3%,84.7%)`
CMYK	63, 71, 0, 15
HSL	247°, 66.4, 54.5	`hsl(247,66.4%,54.5%)`
HSV (or HSB)	247°, 71.3, 84.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.035, 51.121, -76.093
XYZ	17.423, 10.108, 65.995
xyY	0.186, 0.108, 10.108
CIE-LCH	38.035, 91.67, 303.894
CIE-LUV	38.035, -3.933, -109.017
Hunter-Lab	31.793, 42.184, -100.818
Binary	01010000, 00111110, 11011000

#503ed8
```
#503ed8 rgb(80,62,216)
```
#c6d83e
```
#c6d83e rgb(198,216,62)
```

Complementary Color

#3e79d8
```
#3e79d8 rgb(62,121,216)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#9d3ed8
```
#9d3ed8 rgb(157,62,216)
```

Analogous Color

#79d83e
```
#79d83e rgb(121,216,62)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#d89d3e
```
#d89d3e rgb(216,157,62)
```

Split Complementary Color

#3ed850
```
#3ed850 rgb(62,216,80)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#d8503e
```
#d8503e rgb(216,80,62)
```

Triadic Color

#3ec6d8
```
#3ec6d8 rgb(62,198,216)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#d8503e
```
#d8503e rgb(216,80,62)
```
#c6d83e
```
#c6d83e rgb(198,216,62)
```

Tetradic Color

#3222a8
```
#3222a8 rgb(50,34,168)
```
#3826bd
```
#3826bd rgb(56,38,189)
```
#3e2ad2
```
#3e2ad2 rgb(62,42,210)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#6353dc
```
#6353dc rgb(99,83,220)
```
#7668e1
```
#7668e1 rgb(118,104,225)
```
#8a7ee5
```
#8a7ee5 rgb(138,126,229)
```

Monochromatic Color

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

#3e53d8
```
#3e53d8 rgb(62,83,216)
```
#3e46d8
```
#3e46d8 rgb(62,70,216)
```
#433ed8
```
#433ed8 rgb(67,62,216)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#5d3ed8
```
#5d3ed8 rgb(93,62,216)
```
#6a3ed8
```
#6a3ed8 rgb(106,62,216)
```
#773ed8
```
#773ed8 rgb(119,62,216)
```

Similar Colors

Text with hexadecimal color #503ed8

This text has a font color of #503ed8.

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

#503ed8 background color

This paragraph has a background color of #503ed8.

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

#503ed8 border color

This element has a border color of #503ed8.

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

CSS codes

.text {color:#503ed8;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060413
```
#060413 rgb(6,4,19)
```
#0a0723
```
#0a0723 rgb(10,7,35)
```
#0f0a34
```
#0f0a34 rgb(15,10,52)
```
#140e44
```
#140e44 rgb(20,14,68)
```
#191154
```
#191154 rgb(25,17,84)
```
#1e1465
```
#1e1465 rgb(30,20,101)
```
#231875
```
#231875 rgb(35,24,117)
```
#271b85
```
#271b85 rgb(39,27,133)
```
#2c1e96
```
#2c1e96 rgb(44,30,150)
```
#3122a6
```
#3122a6 rgb(49,34,166)
```
#3625b6
```
#3625b6 rgb(54,37,182)
```
#3b28c7
```
#3b28c7 rgb(59,40,199)
```

Shade Color Variation

#412ed5
```
#412ed5 rgb(65,46,213)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#5f4edb
```
#5f4edb rgb(95,78,219)
```
#6e5fdf
```
#6e5fdf rgb(110,95,223)
```
#7c6fe2
```
#7c6fe2 rgb(124,111,226)
```
#8b7fe5
```
#8b7fe5 rgb(139,127,229)
```
#9a90e8
```
#9a90e8 rgb(154,144,232)
```
#a9a0ec
```
#a9a0ec rgb(169,160,236)
```
#b8b0ef
```
#b8b0ef rgb(184,176,239)
```
#c6c1f2
```
#c6c1f2 rgb(198,193,242)
```
#d5d1f6
```
#d5d1f6 rgb(213,209,246)
```
#e4e1f9
```
#e4e1f9 rgb(228,225,249)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878591 is the less saturated color, while #351afc is the most saturated one.

#878591
```
#878591 rgb(135,133,145)
```
#807c9a
```
#807c9a rgb(128,124,154)
```
#7974a2
```
#7974a2 rgb(121,116,162)
```
#726bab
```
#726bab rgb(114,107,171)
```
#6b62b4
```
#6b62b4 rgb(107,98,180)
```
#6559bd
```
#6559bd rgb(101,89,189)
```
#5e50c6
```
#5e50c6 rgb(94,80,198)
```
#5747cf
```
#5747cf rgb(87,71,207)
```
#503ed8
```
#503ed8 rgb(80,62,216)
```
#4935e1
```
#4935e1 rgb(73,53,225)
```
#422cea
```
#422cea rgb(66,44,234)
```
#3b23f3
```
#3b23f3 rgb(59,35,243)
```
#351afc
```
#351afc rgb(53,26,252)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#54506f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#1d53c4 Protanomaly 1% of men, 0.01% of women
#1d56b5 Deuteranomaly 6% of men, 0.4% of women
#1d5b97 Tritanomaly 0.01% of the population

#503ed8 hex color

#503ed8 Color Information

#503ed8 Color Conversion

Color Schemes with #503ed8

Alternatives to #503ed8

#503ed8 Preview

Shades and Tints of #503ed8

Tones of #503ed8

Color Blindness Simulator