#504ea3 hex color

In a RGB color space, hex #504ea3 is composed of 31.4% red, 30.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 52.1% magenta, 0% yellow and 36.1% black. It has a hue angle of 241.4 degrees, a saturation of 35.3% and a lightness of 47.3%. #504ea3 color hex could be obtained by blending #a09cff with #000047. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 31
- B 64
RGB color chart
- C 51
- M 52
- Y 0
- K 36
CMYK color chart

● #504ea3 color description : Dark moderate blue.

The hexadecimal color #504ea3 has RGB values of R:80, G:78, B:163 and CMYK values of C:0.51, M:0.52, Y:0, K:0.36. Its decimal value is 5263011.

Hex triplet	504ea3	`#504ea3`
RGB Decimal	80, 78, 163	`rgb(80,78,163)`
RGB Percent	31.4, 30.6, 63.9	`rgb(31.4%,30.6%,63.9%)`
CMYK	51, 52, 0, 36
HSL	241.4°, 35.3, 47.3	`hsl(241.4,35.3%,47.3%)`
HSV (or HSB)	241.4°, 52.1, 63.9
Web Safe	666699	`#666699`

CIE-LAB	37.478, 24.722, -45.931
XYZ	12.642, 9.798, 35.873
xyY	0.217, 0.168, 9.798
CIE-LCH	37.478, 52.162, 298.291
CIE-LUV	37.478, -4.195, -67.406
Hunter-Lab	31.302, 17.314, -46.037
Binary	01010000, 01001110, 10100011

#504ea3
```
#504ea3 rgb(80,78,163)
```
#a1a34e
```
#a1a34e rgb(161,163,78)
```

Complementary Color

#4e77a3
```
#4e77a3 rgb(78,119,163)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#7b4ea3
```
#7b4ea3 rgb(123,78,163)
```

Analogous Color

#77a34e
```
#77a34e rgb(119,163,78)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#a37b4e
```
#a37b4e rgb(163,123,78)
```

Split Complementary Color

#4ea350
```
#4ea350 rgb(78,163,80)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#a3504e
```
#a3504e rgb(163,80,78)
```

Triadic Color

#4ea1a3
```
#4ea1a3 rgb(78,161,163)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#a3504e
```
#a3504e rgb(163,80,78)
```
#a1a34e
```
#a1a34e rgb(161,163,78)
```

Tetradic Color

#37356f
```
#37356f rgb(55,53,111)
```
#3f3d81
```
#3f3d81 rgb(63,61,129)
```
#484692
```
#484692 rgb(72,70,146)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#5c5ab0
```
#5c5ab0 rgb(92,90,176)
```
#6d6cb8
```
#6d6cb8 rgb(109,108,184)
```
#7e7dc1
```
#7e7dc1 rgb(126,125,193)
```

Monochromatic Color

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

#4e61a3
```
#4e61a3 rgb(78,97,163)
```
#4e5aa3
```
#4e5aa3 rgb(78,90,163)
```
#4e53a3
```
#4e53a3 rgb(78,83,163)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#574ea3
```
#574ea3 rgb(87,78,163)
```
#5e4ea3
```
#5e4ea3 rgb(94,78,163)
```
#654ea3
```
#654ea3 rgb(101,78,163)
```

Similar Colors

Text with hexadecimal color #504ea3

This text has a font color of #504ea3.

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

#504ea3 background color

This paragraph has a background color of #504ea3.

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

#504ea3 border color

This element has a border color of #504ea3.

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

CSS codes

.text {color:#504ea3;}

.background {background-color:#504ea3;}

.border {border:1px solid #504ea3;}

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

#020204
```
#020204 rgb(2,2,4)
```
#080811
```
#080811 rgb(8,8,17)
```
#0f0f1e
```
#0f0f1e rgb(15,15,30)
```
#15152c
```
#15152c rgb(21,21,44)
```
#1c1b39
```
#1c1b39 rgb(28,27,57)
```
#222246
```
#222246 rgb(34,34,70)
```
#292853
```
#292853 rgb(41,40,83)
```
#2f2e61
```
#2f2e61 rgb(47,46,97)
```
#36356e
```
#36356e rgb(54,53,110)
```
#3c3b7b
```
#3c3b7b rgb(60,59,123)
```
#434188
```
#434188 rgb(67,65,136)
```
#494896
```
#494896 rgb(73,72,150)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```

Shade Color Variation

#5856ae
```
#5856ae rgb(88,86,174)
```
#6664b5
```
#6664b5 rgb(102,100,181)
```
#7371bb
```
#7371bb rgb(115,113,187)
```
#807ec1
```
#807ec1 rgb(128,126,193)
```
#8d8bc8
```
#8d8bc8 rgb(141,139,200)
```
#9a99ce
```
#9a99ce rgb(154,153,206)
```
#a7a6d4
```
#a7a6d4 rgb(167,166,212)
```
#b4b3db
```
#b4b3db rgb(180,179,219)
```
#c1c0e1
```
#c1c0e1 rgb(193,192,225)
```
#cecee7
```
#cecee7 rgb(206,206,231)
```
#dbdbee
```
#dbdbee rgb(219,219,238)
```
#e9e8f4
```
#e9e8f4 rgb(233,232,244)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73737e is the less saturated color, while #0904ed is the most saturated one.

#73737e
```
#73737e rgb(115,115,126)
```
#6a6a87
```
#6a6a87 rgb(106,106,135)
```
#626190
```
#626190 rgb(98,97,144)
```
#59579a
```
#59579a rgb(89,87,154)
```
#504ea3
```
#504ea3 rgb(80,78,163)
```
#4745ac
```
#4745ac rgb(71,69,172)
```
#3e3bb6
```
#3e3bb6 rgb(62,59,182)
```
#3632bf
```
#3632bf rgb(54,50,191)
```
#2d29c8
```
#2d29c8 rgb(45,41,200)
```
#2420d1
```
#2420d1 rgb(36,32,209)
```
#1b16db
```
#1b16db rgb(27,22,219)
```
#120de4
```
#120de4 rgb(18,13,228)
```
#0904ed
```
#0904ed rgb(9,4,237)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#565667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e5eae Protanopia 1% of men
#1562a3 Deuteranopia 1% of men
#42666d Tritanopia 0.001% of the population

Trichromacy

#3a58aa Protanomaly 1% of men, 0.01% of women
#2b5aa3 Deuteranomaly 6% of men, 0.4% of women
#475d81 Tritanomaly 0.01% of the population

#504ea3 hex color

#504ea3 Color Information

#504ea3 Color Conversion

Color Schemes with #504ea3

Alternatives to #504ea3

#504ea3 Preview

Shades and Tints of #504ea3

Tones of #504ea3

Color Blindness Simulator