#503baa hex color

In a RGB color space, hex #503baa is composed of 31.4% red, 23.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 65.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 251.4 degrees, a saturation of 48.5% and a lightness of 44.9%. #503baa color hex could be obtained by blending #a076ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 23
- B 67
RGB color chart
- C 53
- M 65
- Y 0
- K 33
CMYK color chart

● #503baa color description : Dark moderate blue.

The hexadecimal color #503baa has RGB values of R:80, G:59, B:170 and CMYK values of C:0.53, M:0.65, Y:0, K:0.33. Its decimal value is 5258154.

Hex triplet	503baa	`#503baa`
RGB Decimal	80, 59, 170	`rgb(80,59,170)`
RGB Percent	31.4, 23.1, 66.7	`rgb(31.4%,23.1%,66.7%)`
CMYK	53, 65, 0, 33
HSL	251.4°, 48.5, 44.9	`hsl(251.4,48.5%,44.9%)`
HSV (or HSB)	251.4°, 65.3, 66.7
Web Safe	663399	`#663399`

CIE-LAB	33.426, 38.67, -56.676
XYZ	12.127, 7.735, 38.882
xyY	0.206, 0.132, 7.735
CIE-LCH	33.426, 68.612, 304.306
CIE-LUV	33.426, 0.132, -79.933
Hunter-Lab	27.813, 29.156, -63.419
Binary	01010000, 00111011, 10101010

#503baa
```
#503baa rgb(80,59,170)
```
#95aa3b
```
#95aa3b rgb(149,170,59)
```

Complementary Color

#3b5eaa
```
#3b5eaa rgb(59,94,170)
```
#503baa
```
#503baa rgb(80,59,170)
```
#883baa
```
#883baa rgb(136,59,170)
```

Analogous Color

#5eaa3b
```
#5eaa3b rgb(94,170,59)
```
#503baa
```
#503baa rgb(80,59,170)
```
#aa883b
```
#aa883b rgb(170,136,59)
```

Split Complementary Color

#3baa50
```
#3baa50 rgb(59,170,80)
```
#503baa
```
#503baa rgb(80,59,170)
```
#aa503b
```
#aa503b rgb(170,80,59)
```

Triadic Color

#3b95aa
```
#3b95aa rgb(59,149,170)
```
#503baa
```
#503baa rgb(80,59,170)
```
#aa503b
```
#aa503b rgb(170,80,59)
```
#95aa3b
```
#95aa3b rgb(149,170,59)
```

Tetradic Color

#352771
```
#352771 rgb(53,39,113)
```
#3e2e84
```
#3e2e84 rgb(62,46,132)
```
#473497
```
#473497 rgb(71,52,151)
```
#503baa
```
#503baa rgb(80,59,170)
```
#5942bd
```
#5942bd rgb(89,66,189)
```
#6954c4
```
#6954c4 rgb(105,84,196)
```
#7a67ca
```
#7a67ca rgb(122,103,202)
```

Monochromatic Color

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

#3b42aa
```
#3b42aa rgb(59,66,170)
```
#3e3baa
```
#3e3baa rgb(62,59,170)
```
#473baa
```
#473baa rgb(71,59,170)
```
#503baa
```
#503baa rgb(80,59,170)
```
#593baa
```
#593baa rgb(89,59,170)
```
#633baa
```
#633baa rgb(99,59,170)
```
#6c3baa
```
#6c3baa rgb(108,59,170)
```

Similar Colors

Text with hexadecimal color #503baa

This text has a font color of #503baa.

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

#503baa background color

This paragraph has a background color of #503baa.

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

#503baa border color

This element has a border color of #503baa.

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

CSS codes

.text {color:#503baa;}

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

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

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, #05030a is the darkest color, while #fbfafd is the lightest one.

#05030a
```
#05030a rgb(5,3,10)
```
#0b0818
```
#0b0818 rgb(11,8,24)
```
#120e27
```
#120e27 rgb(18,14,39)
```
#191336
```
#191336 rgb(25,19,54)
```
#201844
```
#201844 rgb(32,24,68)
```
#271d53
```
#271d53 rgb(39,29,83)
```
#2e2261
```
#2e2261 rgb(46,34,97)
```
#352770
```
#352770 rgb(53,39,112)
```
#3b2c7e
```
#3b2c7e rgb(59,44,126)
```
#42318d
```
#42318d rgb(66,49,141)
```
#49369b
```
#49369b rgb(73,54,155)
```
#503baa
```
#503baa rgb(80,59,170)
```
#5740b9
```
#5740b9 rgb(87,64,185)
```

Shade Color Variation

#624cc1
```
#624cc1 rgb(98,76,193)
```
#6e5ac6
```
#6e5ac6 rgb(110,90,198)
```
#7b69cb
```
#7b69cb rgb(123,105,203)
```
#8877d0
```
#8877d0 rgb(136,119,208)
```
#9586d5
```
#9586d5 rgb(149,134,213)
```
#a294da
```
#a294da rgb(162,148,218)
```
#aea3df
```
#aea3df rgb(174,163,223)
```
#bbb1e4
```
#bbb1e4 rgb(187,177,228)
```
#c8c0e9
```
#c8c0e9 rgb(200,192,233)
```
#d5cfee
```
#d5cfee rgb(213,207,238)
```
#e1ddf3
```
#e1ddf3 rgb(225,221,243)
```
#eeecf8
```
#eeecf8 rgb(238,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717075 is the less saturated color, while #2f06df is the most saturated one.

#717075
```
#717075 rgb(113,112,117)
```
#6b677e
```
#6b677e rgb(107,103,126)
```
#665e87
```
#665e87 rgb(102,94,135)
```
#605590
```
#605590 rgb(96,85,144)
```
#5b4d98
```
#5b4d98 rgb(91,77,152)
```
#5544a1
```
#5544a1 rgb(85,68,161)
```
#503baa
```
#503baa rgb(80,59,170)
```
#4b32b3
```
#4b32b3 rgb(75,50,179)
```
#4529bc
```
#4529bc rgb(69,41,188)
```
#4021c4
```
#4021c4 rgb(64,33,196)
```
#3a18cd
```
#3a18cd rgb(58,24,205)
```
#350fd6
```
#350fd6 rgb(53,15,214)
```
#2f06df
```
#2f06df rgb(47,6,223)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4e4a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005992 Deuteranopia 1% of men
#395d63 Tritanopia 0.001% of the population

Trichromacy

#1d4ba7 Protanomaly 1% of men, 0.01% of women
#1d4e9a Deuteranomaly 6% of men, 0.4% of women
#41507d Tritanomaly 0.01% of the population

#503baa hex color

#503baa Color Information

#503baa Color Conversion

Color Schemes with #503baa

Alternatives to #503baa

#503baa Preview

Shades and Tints of #503baa

Tones of #503baa

Color Blindness Simulator