#503cb3 hex color

In a RGB color space, hex #503cb3 is composed of 31.4% red, 23.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 66.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 250.1 degrees, a saturation of 49.8% and a lightness of 46.9%. #503cb3 color hex could be obtained by blending #a078ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 24
- B 70
RGB color chart
- C 55
- M 66
- Y 0
- K 30
CMYK color chart

● #503cb3 color description : Moderate blue.

The hexadecimal color #503cb3 has RGB values of R:80, G:60, B:179 and CMYK values of C:0.55, M:0.66, Y:0, K:0.3. Its decimal value is 5258419.

Hex triplet	503cb3	`#503cb3`
RGB Decimal	80, 60, 179	`rgb(80,60,179)`
RGB Percent	31.4, 23.5, 70.2	`rgb(31.4%,23.5%,70.2%)`
CMYK	55, 66, 0, 30
HSL	250.1°, 49.8, 46.9	`hsl(250.1,49.8%,46.9%)`
HSV (or HSB)	250.1°, 66.5, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.379, 40.858, -60.485
XYZ	13.059, 8.191, 43.538
xyY	0.202, 0.126, 8.191
CIE-LCH	34.379, 72.992, 304.039
CIE-LUV	34.379, -0.832, -85.697
Hunter-Lab	28.621, 31.361, -70.158
Binary	01010000, 00111100, 10110011

#503cb3
```
#503cb3 rgb(80,60,179)
```
#9fb33c
```
#9fb33c rgb(159,179,60)
```

Complementary Color

#3c64b3
```
#3c64b3 rgb(60,100,179)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#8c3cb3
```
#8c3cb3 rgb(140,60,179)
```

Analogous Color

#64b33c
```
#64b33c rgb(100,179,60)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#b38c3c
```
#b38c3c rgb(179,140,60)
```

Split Complementary Color

#3cb350
```
#3cb350 rgb(60,179,80)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#b3503c
```
#b3503c rgb(179,80,60)
```

Triadic Color

#3c9fb3
```
#3c9fb3 rgb(60,159,179)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#b3503c
```
#b3503c rgb(179,80,60)
```
#9fb33c
```
#9fb33c rgb(159,179,60)
```

Tetradic Color

#36297a
```
#36297a rgb(54,41,122)
```
#3f2f8d
```
#3f2f8d rgb(63,47,141)
```
#4736a0
```
#4736a0 rgb(71,54,160)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#5c47c1
```
#5c47c1 rgb(92,71,193)
```
#6d5ac8
```
#6d5ac8 rgb(109,90,200)
```
#7e6dce
```
#7e6dce rgb(126,109,206)
```

Monochromatic Color

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

#3c46b3
```
#3c46b3 rgb(60,70,179)
```
#3c3cb3
```
#3c3cb3 rgb(60,60,179)
```
#463cb3
```
#463cb3 rgb(70,60,179)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#5a3cb3
```
#5a3cb3 rgb(90,60,179)
```
#643cb3
```
#643cb3 rgb(100,60,179)
```
#6e3cb3
```
#6e3cb3 rgb(110,60,179)
```

Similar Colors

Text with hexadecimal color #503cb3

This text has a font color of #503cb3.

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

#503cb3 background color

This paragraph has a background color of #503cb3.

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

#503cb3 border color

This element has a border color of #503cb3.

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

CSS codes

.text {color:#503cb3;}

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

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

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 #f4f3fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#080611
```
#080611 rgb(8,6,17)
```
#0e0b20
```
#0e0b20 rgb(14,11,32)
```
#15102f
```
#15102f rgb(21,16,47)
```
#1b153d
```
#1b153d rgb(27,21,61)
```
#221a4c
```
#221a4c rgb(34,26,76)
```
#291e5b
```
#291e5b rgb(41,30,91)
```
#2f236a
```
#2f236a rgb(47,35,106)
```
#362878
```
#362878 rgb(54,40,120)
```
#3c2d87
```
#3c2d87 rgb(60,45,135)
```
#433296
```
#433296 rgb(67,50,150)
```
#4937a4
```
#4937a4 rgb(73,55,164)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```

Shade Color Variation

#5843c0
```
#5843c0 rgb(88,67,192)
```
#6551c5
```
#6551c5 rgb(101,81,197)
```
#7260ca
```
#7260ca rgb(114,96,202)
```
#7f6fcf
```
#7f6fcf rgb(127,111,207)
```
#8c7dd4
```
#8c7dd4 rgb(140,125,212)
```
#998cd9
```
#998cd9 rgb(153,140,217)
```
#a69bdd
```
#a69bdd rgb(166,155,221)
```
#b3aae2
```
#b3aae2 rgb(179,170,226)
```
#c0b8e7
```
#c0b8e7 rgb(192,184,231)
```
#cdc7ec
```
#cdc7ec rgb(205,199,236)
```
#dad6f1
```
#dad6f1 rgb(218,214,241)
```
#e7e4f6
```
#e7e4f6 rgb(231,228,246)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

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

#75737c
```
#75737c rgb(117,115,124)
```
#6f6a85
```
#6f6a85 rgb(111,106,133)
```
#68618e
```
#68618e rgb(104,97,142)
```
#625897
```
#625897 rgb(98,88,151)
```
#5c4ea1
```
#5c4ea1 rgb(92,78,161)
```
#5645aa
```
#5645aa rgb(86,69,170)
```
#503cb3
```
#503cb3 rgb(80,60,179)
```
#4a33bc
```
#4a33bc rgb(74,51,188)
```
#442ac5
```
#442ac5 rgb(68,42,197)
```
#3e20cf
```
#3e20cf rgb(62,32,207)
```
#3817d8
```
#3817d8 rgb(56,23,216)
```
#310ee1
```
#310ee1 rgb(49,14,225)
```
#2b05ea
```
#2b05ea rgb(43,5,234)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#336067 Tritanopia 0.001% of the population

Trichromacy

#1d4dad Protanomaly 1% of men, 0.01% of women
#1d50a0 Deuteranomaly 6% of men, 0.4% of women
#3d5382 Tritanomaly 0.01% of the population

#503cb3 hex color

#503cb3 Color Information

#503cb3 Color Conversion

Color Schemes with #503cb3

Alternatives to #503cb3

#503cb3 Preview

Shades and Tints of #503cb3

Tones of #503cb3

Color Blindness Simulator