#503cbb hex color

In a RGB color space, hex #503cbb is composed of 31.4% red, 23.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 67.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 249.4 degrees, a saturation of 51.4% and a lightness of 48.4%. #503cbb color hex could be obtained by blending #a078ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 24
- B 73
RGB color chart
- C 57
- M 68
- Y 0
- K 27
CMYK color chart

● #503cbb color description : Moderate blue.

The hexadecimal color #503cbb has RGB values of R:80, G:60, B:187 and CMYK values of C:0.57, M:0.68, Y:0, K:0.27. Its decimal value is 5258427.

Hex triplet	503cbb	`#503cbb`
RGB Decimal	80, 60, 187	`rgb(80,60,187)`
RGB Percent	31.4, 23.5, 73.3	`rgb(31.4%,23.5%,73.3%)`
CMYK	57, 68, 0, 27
HSL	249.4°, 51.4, 48.4	`hsl(249.4,51.4%,48.4%)`
HSV (or HSB)	249.4°, 67.9, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.052, 43.325, -64.114
XYZ	13.892, 8.525, 47.924
xyY	0.197, 0.121, 8.525
CIE-LCH	35.052, 77.379, 304.049
CIE-LUV	35.052, -1.471, -90.973
Hunter-Lab	29.197, 33.837, -76.882
Binary	01010000, 00111100, 10111011

#503cbb
```
#503cbb rgb(80,60,187)
```
#a7bb3c
```
#a7bb3c rgb(167,187,60)
```

Complementary Color

#3c68bb
```
#3c68bb rgb(60,104,187)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#903cbb
```
#903cbb rgb(144,60,187)
```

Analogous Color

#68bb3c
```
#68bb3c rgb(104,187,60)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#bb903c
```
#bb903c rgb(187,144,60)
```

Split Complementary Color

#3cbb50
```
#3cbb50 rgb(60,187,80)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#bb503c
```
#bb503c rgb(187,80,60)
```

Triadic Color

#3ca7bb
```
#3ca7bb rgb(60,167,187)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#bb503c
```
#bb503c rgb(187,80,60)
```
#a7bb3c
```
#a7bb3c rgb(167,187,60)
```

Tetradic Color

#372981
```
#372981 rgb(55,41,129)
```
#3f3094
```
#3f3094 rgb(63,48,148)
```
#4836a8
```
#4836a8 rgb(72,54,168)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#5e4bc5
```
#5e4bc5 rgb(94,75,197)
```
#705ecc
```
#705ecc rgb(112,94,204)
```
#8172d2
```
#8172d2 rgb(129,114,210)
```

Monochromatic Color

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

#3c48bb
```
#3c48bb rgb(60,72,187)
```
#3c3dbb
```
#3c3dbb rgb(60,61,187)
```
#453cbb
```
#453cbb rgb(69,60,187)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#5b3cbb
```
#5b3cbb rgb(91,60,187)
```
#653cbb
```
#653cbb rgb(101,60,187)
```
#703cbb
```
#703cbb rgb(112,60,187)
```

Similar Colors

Text with hexadecimal color #503cbb

This text has a font color of #503cbb.

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

#503cbb background color

This paragraph has a background color of #503cbb.

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

#503cbb border color

This element has a border color of #503cbb.

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

CSS codes

.text {color:#503cbb;}

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

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

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

#040309
```
#040309 rgb(4,3,9)
```
#0a0818
```
#0a0818 rgb(10,8,24)
```
#100c26
```
#100c26 rgb(16,12,38)
```
#171135
```
#171135 rgb(23,17,53)
```
#1d1644
```
#1d1644 rgb(29,22,68)
```
#241b53
```
#241b53 rgb(36,27,83)
```
#2a1f62
```
#2a1f62 rgb(42,31,98)
```
#302471
```
#302471 rgb(48,36,113)
```
#372980
```
#372980 rgb(55,41,128)
```
#3d2e8e
```
#3d2e8e rgb(61,46,142)
```
#43329d
```
#43329d rgb(67,50,157)
```
#4a37ac
```
#4a37ac rgb(74,55,172)
```
#503cbb
```
#503cbb rgb(80,60,187)
```

Shade Color Variation

#5a47c4
```
#5a47c4 rgb(90,71,196)
```
#6856c9
```
#6856c9 rgb(104,86,201)
```
#7564cd
```
#7564cd rgb(117,100,205)
```
#8273d2
```
#8273d2 rgb(130,115,210)
```
#8f82d7
```
#8f82d7 rgb(143,130,215)
```
#9d91dc
```
#9d91dc rgb(157,145,220)
```
#aaa0e0
```
#aaa0e0 rgb(170,160,224)
```
#b7afe5
```
#b7afe5 rgb(183,175,229)
```
#c5beea
```
#c5beea rgb(197,190,234)
```
#d2ccef
```
#d2ccef rgb(210,204,239)
```
#dfdbf4
```
#dfdbf4 rgb(223,219,244)
```
#eceaf8
```
#eceaf8 rgb(236,234,248)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#777582
```
#777582 rgb(119,117,130)
```
#716c8c
```
#716c8c rgb(113,108,140)
```
#6a6295
```
#6a6295 rgb(106,98,149)
```
#64599f
```
#64599f rgb(100,89,159)
```
#5d4fa8
```
#5d4fa8 rgb(93,79,168)
```
#5746b2
```
#5746b2 rgb(87,70,178)
```
#503cbb
```
#503cbb rgb(80,60,187)
```
#4933c5
```
#4933c5 rgb(73,51,197)
```
#4329ce
```
#4329ce rgb(67,41,206)
```
#3c20d8
```
#3c20d8 rgb(60,32,216)
```
#3616e1
```
#3616e1 rgb(54,22,225)
```
#2f0deb
```
#2f0deb rgb(47,13,235)
```
#2903f4
```
#2903f4 rgb(41,3,244)
```

Tone Color Variation

Below, you can see how #503cbb 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
#504c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#2b626a Tritanopia 0.001% of the population

Trichromacy

#1d4eb2 Protanomaly 1% of men, 0.01% of women
#1d51a4 Deuteranomaly 6% of men, 0.4% of women
#385487 Tritanomaly 0.01% of the population

#503cbb hex color

#503cbb Color Information

#503cbb Color Conversion

Color Schemes with #503cbb

Alternatives to #503cbb

#503cbb Preview

Shades and Tints of #503cbb

Tones of #503cbb

Color Blindness Simulator