colorhexa.com

#503ea8 hex color

In a RGB color space, hex #503ea8 is composed of 31.4% red, 24.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 63.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 250.2 degrees, a saturation of 46.1% and a lightness of 45.1%. #503ea8 color hex could be obtained by blending #a07cff with #000051. Closest websafe color is: #663399.

- R 31
- G 24
- B 66
RGB color chart
- C 52
- M 63
- Y 0
- K 34
CMYK color chart

● #503ea8 color description : Dark moderate blue.

The hexadecimal color #503ea8 has RGB values of R:80, G:62, B:168 and CMYK values of C:0.52, M:0.63, Y:0, K:0.34. Its decimal value is 5258920.

Hex triplet	503ea8	`#503ea8`
RGB Decimal	80, 62, 168	`rgb(80,62,168)`
RGB Percent	31.4, 24.3, 65.9	`rgb(31.4%,24.3%,65.9%)`
CMYK	52, 63, 0, 34
HSL	250.2°, 46.1, 45.1	`hsl(250.2,46.1%,45.1%)`
HSV (or HSB)	250.2°, 63.1, 65.9
Web Safe	663399	`#663399`

CIE-LAB	33.936, 36.268, -54.648
XYZ	12.097, 7.978, 37.946
xyY	0.209, 0.137, 7.978
CIE-LCH	33.936, 65.588, 303.571
CIE-LUV	33.936, -0.358, -77.645
Hunter-Lab	28.245, 27.025, -59.884
Binary	01010000, 00111110, 10101000

#503ea8
```
#503ea8 rgb(80,62,168)
```
#96a83e
```
#96a83e rgb(150,168,62)
```

Complementary Color

#3e61a8
```
#3e61a8 rgb(62,97,168)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#853ea8
```
#853ea8 rgb(133,62,168)
```

Analogous Color

#61a83e
```
#61a83e rgb(97,168,62)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#a8853e
```
#a8853e rgb(168,133,62)
```

Split Complementary Color

#3ea850
```
#3ea850 rgb(62,168,80)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#a8503e
```
#a8503e rgb(168,80,62)
```

Triadic Color

#3e96a8
```
#3e96a8 rgb(62,150,168)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#a8503e
```
#a8503e rgb(168,80,62)
```
#96a83e
```
#96a83e rgb(150,168,62)
```

Tetradic Color

#352970
```
#352970 rgb(53,41,112)
```
#3e3083
```
#3e3083 rgb(62,48,131)
```
#473795
```
#473795 rgb(71,55,149)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#5945ba
```
#5945ba rgb(89,69,186)
```
#6a58c1
```
#6a58c1 rgb(106,88,193)
```
#7a6ac8
```
#7a6ac8 rgb(122,106,200)
```

Monochromatic Color

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

#3e47a8
```
#3e47a8 rgb(62,71,168)
```
#3e3ea8
```
#3e3ea8 rgb(62,62,168)
```
#473ea8
```
#473ea8 rgb(71,62,168)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#593ea8
```
#593ea8 rgb(89,62,168)
```
#623ea8
```
#623ea8 rgb(98,62,168)
```
#6b3ea8
```
#6b3ea8 rgb(107,62,168)
```

Similar Colors

Text with hexadecimal color #503ea8

This text has a font color of #503ea8.

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

#503ea8 background color

This paragraph has a background color of #503ea8.

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

#503ea8 border color

This element has a border color of #503ea8.

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

CSS codes

.text {color:#503ea8;}

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

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

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, #05040a is the darkest color, while #fbfbfe is the lightest one.

#05040a
```
#05040a rgb(5,4,10)
```
#0c0919
```
#0c0919 rgb(12,9,25)
```
#130e27
```
#130e27 rgb(19,14,39)
```
#191435
```
#191435 rgb(25,20,53)
```
#201944
```
#201944 rgb(32,25,68)
```
#271e52
```
#271e52 rgb(39,30,82)
```
#2e2460
```
#2e2460 rgb(46,36,96)
```
#35296f
```
#35296f rgb(53,41,111)
```
#3c2e7d
```
#3c2e7d rgb(60,46,125)
```
#42338b
```
#42338b rgb(66,51,139)
```
#49399a
```
#49399a rgb(73,57,154)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#5743b6
```
#5743b6 rgb(87,67,182)
```

Shade Color Variation

#624fbe
```
#624fbe rgb(98,79,190)
```
#6f5dc3
```
#6f5dc3 rgb(111,93,195)
```
#7c6cc9
```
#7c6cc9 rgb(124,108,201)
```
#887ace
```
#887ace rgb(136,122,206)
```
#9588d3
```
#9588d3 rgb(149,136,211)
```
#a297d9
```
#a297d9 rgb(162,151,217)
```
#afa5de
```
#afa5de rgb(175,165,222)
```
#bcb3e3
```
#bcb3e3 rgb(188,179,227)
```
#c8c2e8
```
#c8c2e8 rgb(200,194,232)
```
#d5d0ee
```
#d5d0ee rgb(213,208,238)
```
#e2def3
```
#e2def3 rgb(226,222,243)
```
#efedf8
```
#efedf8 rgb(239,237,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6a7c is the less saturated color, while #2700e6 is the most saturated one.

#6d6a7c
```
#6d6a7c rgb(109,106,124)
```
#676185
```
#676185 rgb(103,97,133)
```
#62598d
```
#62598d rgb(98,89,141)
```
#5c5096
```
#5c5096 rgb(92,80,150)
```
#56479f
```
#56479f rgb(86,71,159)
```
#503ea8
```
#503ea8 rgb(80,62,168)
```
#4a35b1
```
#4a35b1 rgb(74,53,177)
```
#442cba
```
#442cba rgb(68,44,186)
```
#3e23c3
```
#3e23c3 rgb(62,35,195)
```
#391bcb
```
#391bcb rgb(57,27,203)
```
#3312d4
```
#3312d4 rgb(51,18,212)
```
#2d09dd
```
#2d09dd rgb(45,9,221)
```
#2700e6
```
#2700e6 rgb(39,0,230)
```

Tone Color Variation

Below, you can see how #503ea8 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
#4f4c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#3b5e65 Tritanopia 0.001% of the population

Trichromacy

#1d4da8 Protanomaly 1% of men, 0.01% of women
#1d509b Deuteranomaly 6% of men, 0.4% of women
#42527d Tritanomaly 0.01% of the population