#503987 hex color

In a RGB color space, hex #503987 is composed of 31.4% red, 22.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 57.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 257.7 degrees, a saturation of 40.6% and a lightness of 37.6%. #503987 color hex could be obtained by blending #a072ff with #00000f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 22
- B 53
RGB color chart
- C 41
- M 58
- Y 0
- K 47
CMYK color chart

● #503987 color description : Dark moderate violet.

The hexadecimal color #503987 has RGB values of R:80, G:57, B:135 and CMYK values of C:0.41, M:0.58, Y:0, K:0.47. Its decimal value is 5257607.

Hex triplet	503987	`#503987`
RGB Decimal	80, 57, 135	`rgb(80,57,135)`
RGB Percent	31.4, 22.4, 52.9	`rgb(31.4%,22.4%,52.9%)`
CMYK	41, 58, 0, 47
HSL	257.7°, 40.6, 37.6	`hsl(257.7,40.6%,37.6%)`
HSV (or HSB)	257.7°, 57.8, 52.9
Web Safe	663399	`#663399`

CIE-LAB	30.354, 29.303, -40.337
XYZ	9.144, 6.381, 23.67
xyY	0.233, 0.163, 6.381
CIE-LCH	30.354, 49.857, 305.997
CIE-LUV	30.354, 3.997, -55.952
Hunter-Lab	25.26, 20.408, -37.875
Binary	01010000, 00111001, 10000111

#503987
```
#503987 rgb(80,57,135)
```
#708739
```
#708739 rgb(112,135,57)
```

Complementary Color

#394987
```
#394987 rgb(57,73,135)
```
#503987
```
#503987 rgb(80,57,135)
```
#773987
```
#773987 rgb(119,57,135)
```

Analogous Color

#498739
```
#498739 rgb(73,135,57)
```
#503987
```
#503987 rgb(80,57,135)
```
#877739
```
#877739 rgb(135,119,57)
```

Split Complementary Color

#398750
```
#398750 rgb(57,135,80)
```
#503987
```
#503987 rgb(80,57,135)
```
#875039
```
#875039 rgb(135,80,57)
```

Triadic Color

#397087
```
#397087 rgb(57,112,135)
```
#503987
```
#503987 rgb(80,57,135)
```
#875039
```
#875039 rgb(135,80,57)
```
#708739
```
#708739 rgb(112,135,57)
```

Tetradic Color

#302251
```
#302251 rgb(48,34,81)
```
#3b2a63
```
#3b2a63 rgb(59,42,99)
```
#453175
```
#453175 rgb(69,49,117)
```
#503987
```
#503987 rgb(80,57,135)
```
#5b4199
```
#5b4199 rgb(91,65,153)
```
#6548ab
```
#6548ab rgb(101,72,171)
```
#7255b7
```
#7255b7 rgb(114,85,183)
```

Monochromatic Color

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

#3d3987
```
#3d3987 rgb(61,57,135)
```
#433987
```
#433987 rgb(67,57,135)
```
#4a3987
```
#4a3987 rgb(74,57,135)
```
#503987
```
#503987 rgb(80,57,135)
```
#573987
```
#573987 rgb(87,57,135)
```
#5d3987
```
#5d3987 rgb(93,57,135)
```
#643987
```
#643987 rgb(100,57,135)
```

Similar Colors

Text with hexadecimal color #503987

This text has a font color of #503987.

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

#503987 background color

This paragraph has a background color of #503987.

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

#503987 border color

This element has a border color of #503987.

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

CSS codes

.text {color:#503987;}

.background {background-color:#503987;}

.border {border:1px solid #503987;}

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, #06050b is the darkest color, while #fdfcfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0f0a19
```
#0f0a19 rgb(15,10,25)
```
#171026
```
#171026 rgb(23,16,38)
```
#1f1634
```
#1f1634 rgb(31,22,52)
```
#271c42
```
#271c42 rgb(39,28,66)
```
#2f2250
```
#2f2250 rgb(47,34,80)
```
#37285e
```
#37285e rgb(55,40,94)
```
#402d6b
```
#402d6b rgb(64,45,107)
```
#483379
```
#483379 rgb(72,51,121)
```
#503987
```
#503987 rgb(80,57,135)
```
#583f95
```
#583f95 rgb(88,63,149)
```
#6045a3
```
#6045a3 rgb(96,69,163)
```
#694ab0
```
#694ab0 rgb(105,74,176)
```

Shade Color Variation

#7357b8
```
#7357b8 rgb(115,87,184)
```
#7f64be
```
#7f64be rgb(127,100,190)
```
#8a72c4
```
#8a72c4 rgb(138,114,196)
```
#9680c9
```
#9680c9 rgb(150,128,201)
```
#a18ecf
```
#a18ecf rgb(161,142,207)
```
#ac9cd5
```
#ac9cd5 rgb(172,156,213)
```
#b8a9db
```
#b8a9db rgb(184,169,219)
```
#c3b7e1
```
#c3b7e1 rgb(195,183,225)
```
#cfc5e6
```
#cfc5e6 rgb(207,197,230)
```
#dad3ec
```
#dad3ec rgb(218,211,236)
```
#e6e0f2
```
#e6e0f2 rgb(230,224,242)
```
#f1eef8
```
#f1eef8 rgb(241,238,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#5f5e62
```
#5f5e62 rgb(95,94,98)
```
#5c5769
```
#5c5769 rgb(92,87,105)
```
#594f71
```
#594f71 rgb(89,79,113)
```
#564878
```
#564878 rgb(86,72,120)
```
#534080
```
#534080 rgb(83,64,128)
```
#503987
```
#503987 rgb(80,57,135)
```
#4d328e
```
#4d328e rgb(77,50,142)
```
#4a2a96
```
#4a2a96 rgb(74,42,150)
```
#47239d
```
#47239d rgb(71,35,157)
```
#441ba5
```
#441ba5 rgb(68,27,165)
```
#4114ac
```
#4114ac rgb(65,20,172)
```
#3e0db3
```
#3e0db3 rgb(62,13,179)
```
#3b05bb
```
#3b05bb rgb(59,5,187)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4a4655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#184e97 Protanopia 1% of men
#185287 Deuteranopia 1% of men
#4a5258 Tritanopia 0.001% of the population

Trichromacy

#2c4691 Protanomaly 1% of men, 0.01% of women
#2c4987 Deuteranomaly 6% of men, 0.4% of women
#4c4969 Tritanomaly 0.01% of the population

#503987 hex color

#503987 Color Information

#503987 Color Conversion

Color Schemes with #503987

Alternatives to #503987

#503987 Preview

Shades and Tints of #503987

Tones of #503987

Color Blindness Simulator