#503cc5 hex color

In a RGB color space, hex #503cc5 is composed of 31.4% red, 23.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 69.5% magenta, 0% yellow and 22.7% black. It has a hue angle of 248.8 degrees, a saturation of 54.2% and a lightness of 50.4%. #503cc5 color hex could be obtained by blending #a078ff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 24
- B 77
RGB color chart
- C 59
- M 70
- Y 0
- K 23
CMYK color chart

● #503cc5 color description : Moderate blue.

The hexadecimal color #503cc5 has RGB values of R:80, G:60, B:197 and CMYK values of C:0.59, M:0.7, Y:0, K:0.23. Its decimal value is 5258437.

Hex triplet	503cc5	`#503cc5`
RGB Decimal	80, 60, 197	`rgb(80,60,197)`
RGB Percent	31.4, 23.5, 77.3	`rgb(31.4%,23.5%,77.3%)`
CMYK	59, 70, 0, 23
HSL	248.8°, 54.2, 50.4	`hsl(248.8,54.2%,50.4%)`
HSV (or HSB)	248.8°, 69.5, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.922, 46.4, -68.554
XYZ	15, 8.968, 53.761
xyY	0.193, 0.115, 8.968
CIE-LCH	35.922, 82.781, 304.091
CIE-LUV	35.922, -2.235, -97.437
Hunter-Lab	29.946, 37.005, -85.477
Binary	01010000, 00111100, 11000101

#503cc5
```
#503cc5 rgb(80,60,197)
```
#b1c53c
```
#b1c53c rgb(177,197,60)
```

Complementary Color

#3c6dc5
```
#3c6dc5 rgb(60,109,197)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#953cc5
```
#953cc5 rgb(149,60,197)
```

Analogous Color

#6dc53c
```
#6dc53c rgb(109,197,60)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#c5953c
```
#c5953c rgb(197,149,60)
```

Split Complementary Color

#3cc550
```
#3cc550 rgb(60,197,80)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#c5503c
```
#c5503c rgb(197,80,60)
```

Triadic Color

#3cb1c5
```
#3cb1c5 rgb(60,177,197)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#c5503c
```
#c5503c rgb(197,80,60)
```
#b1c53c
```
#b1c53c rgb(177,197,60)
```

Tetradic Color

#38298b
```
#38298b rgb(56,41,139)
```
#402f9f
```
#402f9f rgb(64,47,159)
```
#4735b2
```
#4735b2 rgb(71,53,178)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#6250cb
```
#6250cb rgb(98,80,203)
```
#7363d1
```
#7363d1 rgb(115,99,209)
```
#8577d7
```
#8577d7 rgb(133,119,215)
```

Monochromatic Color

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

#3c4ac5
```
#3c4ac5 rgb(60,74,197)
```
#3c3fc5
```
#3c3fc5 rgb(60,63,197)
```
#453cc5
```
#453cc5 rgb(69,60,197)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#5b3cc5
```
#5b3cc5 rgb(91,60,197)
```
#673cc5
```
#673cc5 rgb(103,60,197)
```
#723cc5
```
#723cc5 rgb(114,60,197)
```

Similar Colors

Text with hexadecimal color #503cc5

This text has a font color of #503cc5.

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

#503cc5 background color

This paragraph has a background color of #503cc5.

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

#503cc5 border color

This element has a border color of #503cc5.

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

CSS codes

.text {color:#503cc5;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070511
```
#070511 rgb(7,5,17)
```
#0d0920
```
#0d0920 rgb(13,9,32)
```
#130e2f
```
#130e2f rgb(19,14,47)
```
#19123e
```
#19123e rgb(25,18,62)
```
#1f174d
```
#1f174d rgb(31,23,77)
```
#251b5c
```
#251b5c rgb(37,27,92)
```
#2b206b
```
#2b206b rgb(43,32,107)
```
#31247a
```
#31247a rgb(49,36,122)
```
#37298a
```
#37298a rgb(55,41,138)
```
#3d2d99
```
#3d2d99 rgb(61,45,153)
```
#4332a8
```
#4332a8 rgb(67,50,168)
```
#4936b7
```
#4936b7 rgb(73,54,183)
```

Shade Color Variation

#503cc5
```
#503cc5 rgb(80,60,197)
```
#5e4bc9
```
#5e4bc9 rgb(94,75,201)
```
#6b5ace
```
#6b5ace rgb(107,90,206)
```
#7969d2
```
#7969d2 rgb(121,105,210)
```
#8678d7
```
#8678d7 rgb(134,120,215)
```
#9488db
```
#9488db rgb(148,136,219)
```
#a197e0
```
#a197e0 rgb(161,151,224)
```
#afa6e4
```
#afa6e4 rgb(175,166,228)
```
#bdb5e9
```
#bdb5e9 rgb(189,181,233)
```
#cac4ed
```
#cac4ed rgb(202,196,237)
```
#d8d3f2
```
#d8d3f2 rgb(216,211,242)
```
#e5e2f6
```
#e5e2f6 rgb(229,226,246)
```
#f3f1fb
```
#f3f1fb rgb(243,241,251)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#79768b
```
#79768b rgb(121,118,139)
```
#726d94
```
#726d94 rgb(114,109,148)
```
#6c639e
```
#6c639e rgb(108,99,158)
```
#6559a8
```
#6559a8 rgb(101,89,168)
```
#5e4fb2
```
#5e4fb2 rgb(94,79,178)
```
#5746bb
```
#5746bb rgb(87,70,187)
```
#503cc5
```
#503cc5 rgb(80,60,197)
```
#4932cf
```
#4932cf rgb(73,50,207)
```
#4229d8
```
#4229d8 rgb(66,41,216)
```
#3b1fe2
```
#3b1fe2 rgb(59,31,226)
```
#3415ec
```
#3415ec rgb(52,21,236)
```
#2e0bf6
```
#2e0bf6 rgb(46,11,246)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#524e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f9a Deuteranopia 1% of men
#1c656d Tritanopia 0.001% of the population

Trichromacy

#1d4fb8 Protanomaly 1% of men, 0.01% of women
#1d52a9 Deuteranomaly 6% of men, 0.4% of women
#2f568d Tritanomaly 0.01% of the population

#503cc5 hex color

#503cc5 Color Information

#503cc5 Color Conversion

Color Schemes with #503cc5

Alternatives to #503cc5

#503cc5 Preview

Shades and Tints of #503cc5

Tones of #503cc5

Color Blindness Simulator