#503099 hex color

In a RGB color space, hex #503099 is composed of 31.4% red, 18.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 68.6% magenta, 0% yellow and 40% black. It has a hue angle of 258.3 degrees, a saturation of 52.2% and a lightness of 39.4%. #503099 color hex could be obtained by blending #a060ff with #000033. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 19
- B 60
RGB color chart
- C 48
- M 69
- Y 0
- K 40
CMYK color chart

● #503099 color description : Dark moderate violet.

The hexadecimal color #503099 has RGB values of R:80, G:48, B:153 and CMYK values of C:0.48, M:0.69, Y:0, K:0.4. Its decimal value is 5255321.

Hex triplet	503099	`#503099`
RGB Decimal	80, 48, 153	`rgb(80,48,153)`
RGB Percent	31.4, 18.8, 60	`rgb(31.4%,18.8%,60%)`
CMYK	48, 69, 0, 40
HSL	258.3°, 52.2, 39.4	`hsl(258.3,52.2%,39.4%)`
HSV (or HSB)	258.3°, 68.6, 60
Web Safe	663399	`#663399`

CIE-LAB	29.711, 39.905, -52.453
XYZ	10.114, 6.119, 30.783
xyY	0.215, 0.13, 6.119
CIE-LCH	29.711, 65.907, 307.263
CIE-LUV	29.711, 4.027, -71.388
Hunter-Lab	24.737, 29.692, -56.467
Binary	01010000, 00110000, 10011001

#503099
```
#503099 rgb(80,48,153)
```
#799930
```
#799930 rgb(121,153,48)
```

Complementary Color

#304599
```
#304599 rgb(48,69,153)
```
#503099
```
#503099 rgb(80,48,153)
```
#853099
```
#853099 rgb(133,48,153)
```

Analogous Color

#459930
```
#459930 rgb(69,153,48)
```
#503099
```
#503099 rgb(80,48,153)
```
#998530
```
#998530 rgb(153,133,48)
```

Split Complementary Color

#309950
```
#309950 rgb(48,153,80)
```
#503099
```
#503099 rgb(80,48,153)
```
#995030
```
#995030 rgb(153,80,48)
```

Triadic Color

#307999
```
#307999 rgb(48,121,153)
```
#503099
```
#503099 rgb(80,48,153)
```
#995030
```
#995030 rgb(153,80,48)
```
#799930
```
#799930 rgb(121,153,48)
```

Tetradic Color

#321e5f
```
#321e5f rgb(50,30,95)
```
#3c2472
```
#3c2472 rgb(60,36,114)
```
#462a86
```
#462a86 rgb(70,42,134)
```
#503099
```
#503099 rgb(80,48,153)
```
#5a36ac
```
#5a36ac rgb(90,54,172)
```
#643cc0
```
#643cc0 rgb(100,60,192)
```
#734ec7
```
#734ec7 rgb(115,78,199)
```

Monochromatic Color

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

#363099
```
#363099 rgb(54,48,153)
```
#3e3099
```
#3e3099 rgb(62,48,153)
```
#473099
```
#473099 rgb(71,48,153)
```
#503099
```
#503099 rgb(80,48,153)
```
#593099
```
#593099 rgb(89,48,153)
```
#613099
```
#613099 rgb(97,48,153)
```
#6a3099
```
#6a3099 rgb(106,48,153)
```

Similar Colors

Text with hexadecimal color #503099

This text has a font color of #503099.

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

#503099 background color

This paragraph has a background color of #503099.

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

#503099 border color

This element has a border color of #503099.

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

CSS codes

.text {color:#503099;}

.background {background-color:#503099;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0613
```
#0a0613 rgb(10,6,19)
```
#120b22
```
#120b22 rgb(18,11,34)
```
#190f30
```
#190f30 rgb(25,15,48)
```
#21143f
```
#21143f rgb(33,20,63)
```
#29194e
```
#29194e rgb(41,25,78)
```
#311d5d
```
#311d5d rgb(49,29,93)
```
#39226c
```
#39226c rgb(57,34,108)
```
#40277b
```
#40277b rgb(64,39,123)
```
#482b8a
```
#482b8a rgb(72,43,138)
```
#503099
```
#503099 rgb(80,48,153)
```
#5835a8
```
#5835a8 rgb(88,53,168)
```
#6039b7
```
#6039b7 rgb(96,57,183)
```

Shade Color Variation

#6841c3
```
#6841c3 rgb(104,65,195)
```
#7450c8
```
#7450c8 rgb(116,80,200)
```
#805ecd
```
#805ecd rgb(128,94,205)
```
#8c6dd1
```
#8c6dd1 rgb(140,109,209)
```
#987cd6
```
#987cd6 rgb(152,124,214)
```
#a38bdb
```
#a38bdb rgb(163,139,219)
```
#af9adf
```
#af9adf rgb(175,154,223)
```
#bba9e4
```
#bba9e4 rgb(187,169,228)
```
#c7b8e9
```
#c7b8e9 rgb(199,184,233)
```
#d3c7ed
```
#d3c7ed rgb(211,199,237)
```
#ded6f2
```
#ded6f2 rgb(222,214,242)
```
#eae5f7
```
#eae5f7 rgb(234,229,247)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

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

#625e6b
```
#625e6b rgb(98,94,107)
```
#5f5772
```
#5f5772 rgb(95,87,114)
```
#5c4f7a
```
#5c4f7a rgb(92,79,122)
```
#594782
```
#594782 rgb(89,71,130)
```
#563f8a
```
#563f8a rgb(86,63,138)
```
#533891
```
#533891 rgb(83,56,145)
```
#503099
```
#503099 rgb(80,48,153)
```
#4d28a1
```
#4d28a1 rgb(77,40,161)
```
#4a21a8
```
#4a21a8 rgb(74,33,168)
```
#4719b0
```
#4719b0 rgb(71,25,176)
```
#4411b8
```
#4411b8 rgb(68,17,184)
```
#4109c0
```
#4109c0 rgb(65,9,192)
```
#3e02c7
```
#3e02c7 rgb(62,2,199)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#484257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#415258 Tritanopia 0.001% of the population

Trichromacy

#1d4297 Protanomaly 1% of men, 0.01% of women
#1d458c Deuteranomaly 6% of men, 0.4% of women
#46456f Tritanomaly 0.01% of the population

#503099 hex color

#503099 Color Information

#503099 Color Conversion

Color Schemes with #503099

Alternatives to #503099

#503099 Preview

Shades and Tints of #503099

Tones of #503099

Color Blindness Simulator