#503fb7 hex color

In a RGB color space, hex #503fb7 is composed of 31.4% red, 24.7% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 65.6% magenta, 0% yellow and 28.2% black. It has a hue angle of 248.5 degrees, a saturation of 48.8% and a lightness of 48.2%. #503fb7 color hex could be obtained by blending #a07eff with #00006f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 25
- B 72
RGB color chart
- C 56
- M 66
- Y 0
- K 28
CMYK color chart

● #503fb7 color description : Moderate blue.

The hexadecimal color #503fb7 has RGB values of R:80, G:63, B:183 and CMYK values of C:0.56, M:0.66, Y:0, K:0.28. Its decimal value is 5259191.

Hex triplet	503fb7	`#503fb7`
RGB Decimal	80, 63, 183	`rgb(80,63,183)`
RGB Percent	31.4, 24.7, 71.8	`rgb(31.4%,24.7%,71.8%)`
CMYK	56, 66, 0, 28
HSL	248.5°, 48.8, 48.2	`hsl(248.5,48.8%,48.2%)`
HSV (or HSB)	248.5°, 65.6, 71.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.359, 40.347, -61.253
XYZ	13.631, 8.679, 45.754
xyY	0.2, 0.128, 8.679
CIE-LCH	35.359, 73.347, 303.372
CIE-LUV	35.359, -1.771, -87.538
Hunter-Lab	29.46, 31.038, -71.461
Binary	01010000, 00111111, 10110111

#503fb7
```
#503fb7 rgb(80,63,183)
```
#a6b73f
```
#a6b73f rgb(166,183,63)
```

Complementary Color

#3f6ab7
```
#3f6ab7 rgb(63,106,183)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#8c3fb7
```
#8c3fb7 rgb(140,63,183)
```

Analogous Color

#6ab73f
```
#6ab73f rgb(106,183,63)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#b78c3f
```
#b78c3f rgb(183,140,63)
```

Split Complementary Color

#3fb750
```
#3fb750 rgb(63,183,80)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#b7503f
```
#b7503f rgb(183,80,63)
```

Triadic Color

#3fa6b7
```
#3fa6b7 rgb(63,166,183)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#b7503f
```
#b7503f rgb(183,80,63)
```
#a6b73f
```
#a6b73f rgb(166,183,63)
```

Tetradic Color

#372b7e
```
#372b7e rgb(55,43,126)
```
#3f3291
```
#3f3291 rgb(63,50,145)
```
#4838a4
```
#4838a4 rgb(72,56,164)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#5e4ec2
```
#5e4ec2 rgb(94,78,194)
```
#6f61c8
```
#6f61c8 rgb(111,97,200)
```
#8074cf
```
#8074cf rgb(128,116,207)
```

Monochromatic Color

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

#3f4cb7
```
#3f4cb7 rgb(63,76,183)
```
#3f42b7
```
#3f42b7 rgb(63,66,183)
```
#463fb7
```
#463fb7 rgb(70,63,183)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#5a3fb7
```
#5a3fb7 rgb(90,63,183)
```
#643fb7
```
#643fb7 rgb(100,63,183)
```
#6e3fb7
```
#6e3fb7 rgb(110,63,183)
```

Similar Colors

Text with hexadecimal color #503fb7

This text has a font color of #503fb7.

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

#503fb7 background color

This paragraph has a background color of #503fb7.

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

#503fb7 border color

This element has a border color of #503fb7.

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

CSS codes

.text {color:#503fb7;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#0a0816
```
#0a0816 rgb(10,8,22)
```
#100d25
```
#100d25 rgb(16,13,37)
```
#171234
```
#171234 rgb(23,18,52)
```
#1d1742
```
#1d1742 rgb(29,23,66)
```
#231c51
```
#231c51 rgb(35,28,81)
```
#2a215f
```
#2a215f rgb(42,33,95)
```
#30266e
```
#30266e rgb(48,38,110)
```
#362b7d
```
#362b7d rgb(54,43,125)
```
#3d308b
```
#3d308b rgb(61,48,139)
```
#43359a
```
#43359a rgb(67,53,154)
```
#4a3aa8
```
#4a3aa8 rgb(74,58,168)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```

Shade Color Variation

#5a49c0
```
#5a49c0 rgb(90,73,192)
```
#6758c5
```
#6758c5 rgb(103,88,197)
```
#7566ca
```
#7566ca rgb(117,102,202)
```
#8275cf
```
#8275cf rgb(130,117,207)
```
#8f84d5
```
#8f84d5 rgb(143,132,213)
```
#9c92da
```
#9c92da rgb(156,146,218)
```
#aaa1df
```
#aaa1df rgb(170,161,223)
```
#b7afe4
```
#b7afe4 rgb(183,175,228)
```
#c4bee9
```
#c4bee9 rgb(196,190,233)
```
#d1cdee
```
#d1cdee rgb(209,205,238)
```
#dedbf3
```
#dedbf3 rgb(222,219,243)
```
#eceaf8
```
#eceaf8 rgb(236,234,248)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79787e is the less saturated color, while #2706f0 is the most saturated one.

#79787e
```
#79787e rgb(121,120,126)
```
#726e88
```
#726e88 rgb(114,110,136)
```
#6b6591
```
#6b6591 rgb(107,101,145)
```
#645b9b
```
#645b9b rgb(100,91,155)
```
#5e52a4
```
#5e52a4 rgb(94,82,164)
```
#5748ae
```
#5748ae rgb(87,72,174)
```
#503fb7
```
#503fb7 rgb(80,63,183)
```
#4936c0
```
#4936c0 rgb(73,54,192)
```
#422cca
```
#422cca rgb(66,44,202)
```
#3c23d3
```
#3c23d3 rgb(60,35,211)
```
#3519dd
```
#3519dd rgb(53,25,221)
```
#2e10e6
```
#2e10e6 rgb(46,16,230)
```
#2706f0
```
#2706f0 rgb(39,6,240)
```

Tone Color Variation

Below, you can see how #503fb7 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
#524e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#30636a Tritanopia 0.001% of the population

Trichromacy

#1d4fb1 Protanomaly 1% of men, 0.01% of women
#1d52a3 Deuteranomaly 6% of men, 0.4% of women
#3b5586 Tritanomaly 0.01% of the population

#503fb7 hex color

#503fb7 Color Information

#503fb7 Color Conversion

Color Schemes with #503fb7

Alternatives to #503fb7

#503fb7 Preview

Shades and Tints of #503fb7

Tones of #503fb7

Color Blindness Simulator