#503299 hex color

In a RGB color space, hex #503299 is composed of 31.4% red, 19.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 67.3% magenta, 0% yellow and 40% black. It has a hue angle of 257.5 degrees, a saturation of 50.7% and a lightness of 39.8%. #503299 color hex could be obtained by blending #a064ff with #000033. Closest websafe color is: #663399.

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

● #503299 color description : Dark moderate violet.

The hexadecimal color #503299 has RGB values of R:80, G:50, B:153 and CMYK values of C:0.48, M:0.67, Y:0, K:0.4. Its decimal value is 5255833.

Hex triplet	503299	`#503299`
RGB Decimal	80, 50, 153	`rgb(80,50,153)`
RGB Percent	31.4, 19.6, 60	`rgb(31.4%,19.6%,60%)`
CMYK	48, 67, 0, 40
HSL	257.5°, 50.7, 39.8	`hsl(257.5,50.7%,39.8%)`
HSV (or HSB)	257.5°, 67.3, 60
Web Safe	663399	`#663399`

CIE-LAB	30.124, 38.777, -51.781
XYZ	10.198, 6.286, 30.811
xyY	0.216, 0.133, 6.286
CIE-LCH	30.124, 64.691, 306.829
CIE-LUV	30.124, 3.64, -70.895
Hunter-Lab	25.073, 28.722, -55.309
Binary	01010000, 00110010, 10011001

#503299
```
#503299 rgb(80,50,153)
```
#7b9932
```
#7b9932 rgb(123,153,50)
```

Complementary Color

#324899
```
#324899 rgb(50,72,153)
```
#503299
```
#503299 rgb(80,50,153)
```
#843299
```
#843299 rgb(132,50,153)
```

Analogous Color

#489932
```
#489932 rgb(72,153,50)
```
#503299
```
#503299 rgb(80,50,153)
```
#998432
```
#998432 rgb(153,132,50)
```

Split Complementary Color

#329950
```
#329950 rgb(50,153,80)
```
#503299
```
#503299 rgb(80,50,153)
```
#995032
```
#995032 rgb(153,80,50)
```

Triadic Color

#327b99
```
#327b99 rgb(50,123,153)
```
#503299
```
#503299 rgb(80,50,153)
```
#995032
```
#995032 rgb(153,80,50)
```
#7b9932
```
#7b9932 rgb(123,153,50)
```

Tetradic Color

#321f5f
```
#321f5f rgb(50,31,95)
```
#3c2573
```
#3c2573 rgb(60,37,115)
```
#462c86
```
#462c86 rgb(70,44,134)
```
#503299
```
#503299 rgb(80,50,153)
```
#5a38ac
```
#5a38ac rgb(90,56,172)
```
#643fbf
```
#643fbf rgb(100,63,191)
```
#7351c6
```
#7351c6 rgb(115,81,198)
```

Monochromatic Color

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

#363299
```
#363299 rgb(54,50,153)
```
#3f3299
```
#3f3299 rgb(63,50,153)
```
#473299
```
#473299 rgb(71,50,153)
```
#503299
```
#503299 rgb(80,50,153)
```
#593299
```
#593299 rgb(89,50,153)
```
#613299
```
#613299 rgb(97,50,153)
```
#6a3299
```
#6a3299 rgb(106,50,153)
```

Similar Colors

Text with hexadecimal color #503299

This text has a font color of #503299.

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

#503299 background color

This paragraph has a background color of #503299.

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

#503299 border color

This element has a border color of #503299.

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

CSS codes

.text {color:#503299;}

.background {background-color:#503299;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0714
```
#0a0714 rgb(10,7,20)
```
#120b23
```
#120b23 rgb(18,11,35)
```
#1a1032
```
#1a1032 rgb(26,16,50)
```
#221540
```
#221540 rgb(34,21,64)
```
#291a4f
```
#291a4f rgb(41,26,79)
```
#311f5e
```
#311f5e rgb(49,31,94)
```
#39246d
```
#39246d rgb(57,36,109)
```
#41287b
```
#41287b rgb(65,40,123)
```
#482d8a
```
#482d8a rgb(72,45,138)
```
#503299
```
#503299 rgb(80,50,153)
```
#5837a8
```
#5837a8 rgb(88,55,168)
```
#5f3cb7
```
#5f3cb7 rgb(95,60,183)
```

Shade Color Variation

#6944c2
```
#6944c2 rgb(105,68,194)
```
#7553c7
```
#7553c7 rgb(117,83,199)
```
#8062cc
```
#8062cc rgb(128,98,204)
```
#8c70d0
```
#8c70d0 rgb(140,112,208)
```
#987fd5
```
#987fd5 rgb(152,127,213)
```
#a48eda
```
#a48eda rgb(164,142,218)
```
#b09ddf
```
#b09ddf rgb(176,157,223)
```
#bcabe4
```
#bcabe4 rgb(188,171,228)
```
#c8bae9
```
#c8bae9 rgb(200,186,233)
```
#d4c9ed
```
#d4c9ed rgb(212,201,237)
```
#dfd8f2
```
#dfd8f2 rgb(223,216,242)
```
#ebe7f7
```
#ebe7f7 rgb(235,231,247)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

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

#64616a
```
#64616a rgb(100,97,106)
```
#605972
```
#605972 rgb(96,89,114)
```
#5d517a
```
#5d517a rgb(93,81,122)
```
#5a4982
```
#5a4982 rgb(90,73,130)
```
#574289
```
#574289 rgb(87,66,137)
```
#533a91
```
#533a91 rgb(83,58,145)
```
#503299
```
#503299 rgb(80,50,153)
```
#4d2aa1
```
#4d2aa1 rgb(77,42,161)
```
#4922a9
```
#4922a9 rgb(73,34,169)
```
#461bb0
```
#461bb0 rgb(70,27,176)
```
#4313b8
```
#4313b8 rgb(67,19,184)
```
#400bc0
```
#400bc0 rgb(64,11,192)
```
#3c03c8
```
#3c03c8 rgb(60,3,200)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#494357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#415359 Tritanopia 0.001% of the population

Trichromacy

#1d4398 Protanomaly 1% of men, 0.01% of women
#1d468d Deuteranomaly 6% of men, 0.4% of women
#464770 Tritanomaly 0.01% of the population

#503299 hex color

#503299 Color Information

#503299 Color Conversion

Color Schemes with #503299

Alternatives to #503299

#503299 Preview

Shades and Tints of #503299

Tones of #503299

Color Blindness Simulator