#503f84 hex color

In a RGB color space, hex #503f84 is composed of 31.4% red, 24.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 52.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 254.8 degrees, a saturation of 35.4% and a lightness of 38.2%. #503f84 color hex could be obtained by blending #a07eff with #000009. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 25
- B 52
RGB color chart
- C 39
- M 52
- Y 0
- K 48
CMYK color chart

● #503f84 color description : Dark moderate blue.

The hexadecimal color #503f84 has RGB values of R:80, G:63, B:132 and CMYK values of C:0.39, M:0.52, Y:0, K:0.48. Its decimal value is 5259140.

Hex triplet	503f84	`#503f84`
RGB Decimal	80, 63, 132	`rgb(80,63,132)`
RGB Percent	31.4, 24.7, 51.8	`rgb(31.4%,24.7%,51.8%)`
CMYK	39, 52, 0, 48
HSL	254.8°, 35.4, 38.2	`hsl(254.8,35.4%,38.2%)`
HSV (or HSB)	254.8°, 52.3, 51.8
Web Safe	663399	`#663399`

CIE-LAB	31.639, 24.648, -36.417
XYZ	9.25, 6.926, 22.678
xyY	0.238, 0.178, 6.926
CIE-LCH	31.639, 43.974, 304.091
CIE-LUV	31.639, 2.622, -51.114
Hunter-Lab	26.318, 16.68, -32.667
Binary	01010000, 00111111, 10000100

#503f84
```
#503f84 rgb(80,63,132)
```
#73843f
```
#73843f rgb(115,132,63)
```

Complementary Color

#3f5184
```
#3f5184 rgb(63,81,132)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#733f84
```
#733f84 rgb(115,63,132)
```

Analogous Color

#51843f
```
#51843f rgb(81,132,63)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#84733f
```
#84733f rgb(132,115,63)
```

Split Complementary Color

#3f8450
```
#3f8450 rgb(63,132,80)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#84503f
```
#84503f rgb(132,80,63)
```

Triadic Color

#3f7384
```
#3f7384 rgb(63,115,132)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#84503f
```
#84503f rgb(132,80,63)
```
#73843f
```
#73843f rgb(115,132,63)
```

Tetradic Color

#312650
```
#312650 rgb(49,38,80)
```
#3b2f61
```
#3b2f61 rgb(59,47,97)
```
#463773
```
#463773 rgb(70,55,115)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#5a4795
```
#5a4795 rgb(90,71,149)
```
#654fa7
```
#654fa7 rgb(101,79,167)
```
#725eb2
```
#725eb2 rgb(114,94,178)
```

Monochromatic Color

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

#3f3f84
```
#3f3f84 rgb(63,63,132)
```
#443f84
```
#443f84 rgb(68,63,132)
```
#4a3f84
```
#4a3f84 rgb(74,63,132)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#563f84
```
#563f84 rgb(86,63,132)
```
#5b3f84
```
#5b3f84 rgb(91,63,132)
```
#613f84
```
#613f84 rgb(97,63,132)
```

Similar Colors

Text with hexadecimal color #503f84

This text has a font color of #503f84.

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

#503f84 background color

This paragraph has a background color of #503f84.

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

#503f84 border color

This element has a border color of #503f84.

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

CSS codes

.text {color:#503f84;}

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

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

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, #08060c is the darkest color, while #fefeff is the lightest one.

#08060c
```
#08060c rgb(8,6,12)
```
#100c1a
```
#100c1a rgb(16,12,26)
```
#181327
```
#181327 rgb(24,19,39)
```
#201934
```
#201934 rgb(32,25,52)
```
#281f42
```
#281f42 rgb(40,31,66)
```
#30264f
```
#30264f rgb(48,38,79)
```
#382c5c
```
#382c5c rgb(56,44,92)
```
#403269
```
#403269 rgb(64,50,105)
```
#483977
```
#483977 rgb(72,57,119)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#584591
```
#584591 rgb(88,69,145)
```
#604c9f
```
#604c9f rgb(96,76,159)
```
#6852ac
```
#6852ac rgb(104,82,172)
```

Shade Color Variation

#745fb3
```
#745fb3 rgb(116,95,179)
```
#7f6cb9
```
#7f6cb9 rgb(127,108,185)
```
#8b79bf
```
#8b79bf rgb(139,121,191)
```
#9687c6
```
#9687c6 rgb(150,135,198)
```
#a294cc
```
#a294cc rgb(162,148,204)
```
#ada1d2
```
#ada1d2 rgb(173,161,210)
```
#b9afd9
```
#b9afd9 rgb(185,175,217)
```
#c4bcdf
```
#c4bcdf rgb(196,188,223)
```
#d0c9e5
```
#d0c9e5 rgb(208,201,229)
```
#dcd6ec
```
#dcd6ec rgb(220,214,236)
```
#e7e4f2
```
#e7e4f2 rgb(231,228,242)
```
#f3f1f8
```
#f3f1f8 rgb(243,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5d66 is the less saturated color, while #3203c0 is the most saturated one.

#5f5d66
```
#5f5d66 rgb(95,93,102)
```
#5b566e
```
#5b566e rgb(91,86,110)
```
#584e75
```
#584e75 rgb(88,78,117)
```
#54477d
```
#54477d rgb(84,71,125)
```
#503f84
```
#503f84 rgb(80,63,132)
```
#4c388c
```
#4c388c rgb(76,56,140)
```
#483093
```
#483093 rgb(72,48,147)
```
#45299b
```
#45299b rgb(69,41,155)
```
#4121a2
```
#4121a2 rgb(65,33,162)
```
#3d1aaa
```
#3d1aaa rgb(61,26,170)
```
#3912b1
```
#3912b1 rgb(57,18,177)
```
#350bb9
```
#350bb9 rgb(53,11,185)
```
#3203c0
```
#3203c0 rgb(50,3,192)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d4957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5191 Protanopia 1% of men
#2d5486 Deuteranopia 1% of men
#4b555b Tritanopia 0.001% of the population

Trichromacy

#3b4a8c Protanomaly 1% of men, 0.01% of women
#394c85 Deuteranomaly 6% of men, 0.4% of women
#4d4d6a Tritanomaly 0.01% of the population

#503f84 hex color

#503f84 Color Information

#503f84 Color Conversion

Color Schemes with #503f84

Alternatives to #503f84

#503f84 Preview

Shades and Tints of #503f84

Tones of #503f84

Color Blindness Simulator