#504495 hex color

In a RGB color space, hex #504495 is composed of 31.4% red, 26.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 54.4% magenta, 0% yellow and 41.6% black. It has a hue angle of 248.9 degrees, a saturation of 37.3% and a lightness of 42.5%. #504495 color hex could be obtained by blending #a088ff with #00002b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 27
- B 58
RGB color chart
- C 46
- M 54
- Y 0
- K 42
CMYK color chart

● #504495 color description : Dark moderate blue.

The hexadecimal color #504495 has RGB values of R:80, G:68, B:149 and CMYK values of C:0.46, M:0.54, Y:0, K:0.42. Its decimal value is 5260437.

Hex triplet	504495	`#504495`
RGB Decimal	80, 68, 149	`rgb(80,68,149)`
RGB Percent	31.4, 26.7, 58.4	`rgb(31.4%,26.7%,58.4%)`
CMYK	46, 54, 0, 42
HSL	248.9°, 37.3, 42.5	`hsl(248.9,37.3%,42.5%)`
HSV (or HSB)	248.9°, 54.4, 58.4
Web Safe	663399	`#663399`

CIE-LAB	34.002, 26.642, -43.071
XYZ	10.799, 8.009, 29.409
xyY	0.224, 0.166, 8.009
CIE-LCH	34.002, 50.645, 301.74
CIE-LUV	34.002, -0.329, -61.634
Hunter-Lab	28.301, 18.586, -41.801
Binary	01010000, 01000100, 10010101

#504495
```
#504495 rgb(80,68,149)
```
#899544
```
#899544 rgb(137,149,68)
```

Complementary Color

#446195
```
#446195 rgb(68,97,149)
```
#504495
```
#504495 rgb(80,68,149)
```
#794495
```
#794495 rgb(121,68,149)
```

Analogous Color

#619544
```
#619544 rgb(97,149,68)
```
#504495
```
#504495 rgb(80,68,149)
```
#957944
```
#957944 rgb(149,121,68)
```

Split Complementary Color

#449550
```
#449550 rgb(68,149,80)
```
#504495
```
#504495 rgb(80,68,149)
```
#955044
```
#955044 rgb(149,80,68)
```

Triadic Color

#448995
```
#448995 rgb(68,137,149)
```
#504495
```
#504495 rgb(80,68,149)
```
#955044
```
#955044 rgb(149,80,68)
```
#899544
```
#899544 rgb(137,149,68)
```

Tetradic Color

#342c60
```
#342c60 rgb(52,44,96)
```
#3d3472
```
#3d3472 rgb(61,52,114)
```
#473c83
```
#473c83 rgb(71,60,131)
```
#504495
```
#504495 rgb(80,68,149)
```
#594ca7
```
#594ca7 rgb(89,76,167)
```
#6659b3
```
#6659b3 rgb(102,89,179)
```
#766abb
```
#766abb rgb(118,106,187)
```

Monochromatic Color

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

#444c95
```
#444c95 rgb(68,76,149)
```
#444695
```
#444695 rgb(68,70,149)
```
#494495
```
#494495 rgb(73,68,149)
```
#504495
```
#504495 rgb(80,68,149)
```
#574495
```
#574495 rgb(87,68,149)
```
#5e4495
```
#5e4495 rgb(94,68,149)
```
#644495
```
#644495 rgb(100,68,149)
```

Similar Colors

Text with hexadecimal color #504495

This text has a font color of #504495.

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

#504495 background color

This paragraph has a background color of #504495.

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

#504495 border color

This element has a border color of #504495.

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

CSS codes

.text {color:#504495;}

.background {background-color:#504495;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#08070e
```
#08070e rgb(8,7,14)
```
#0f0d1c
```
#0f0d1c rgb(15,13,28)
```
#161329
```
#161329 rgb(22,19,41)
```
#1d1937
```
#1d1937 rgb(29,25,55)
```
#251f44
```
#251f44 rgb(37,31,68)
```
#2c2552
```
#2c2552 rgb(44,37,82)
```
#332b5f
```
#332b5f rgb(51,43,95)
```
#3a326d
```
#3a326d rgb(58,50,109)
```
#42387a
```
#42387a rgb(66,56,122)
```
#493e88
```
#493e88 rgb(73,62,136)
```
#504495
```
#504495 rgb(80,68,149)
```
#574aa2
```
#574aa2 rgb(87,74,162)
```

Shade Color Variation

#5f51af
```
#5f51af rgb(95,81,175)
```
#6b5eb6
```
#6b5eb6 rgb(107,94,182)
```
#786cbc
```
#786cbc rgb(120,108,188)
```
#8479c2
```
#8479c2 rgb(132,121,194)
```
#9087c8
```
#9087c8 rgb(144,135,200)
```
#9d94ce
```
#9d94ce rgb(157,148,206)
```
#a9a2d4
```
#a9a2d4 rgb(169,162,212)
```
#b5afdb
```
#b5afdb rgb(181,175,219)
```
#c2bde1
```
#c2bde1 rgb(194,189,225)
```
#cecae7
```
#cecae7 rgb(206,202,231)
```
#dbd7ed
```
#dbd7ed rgb(219,215,237)
```
#e7e5f3
```
#e7e5f3 rgb(231,229,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#676574
```
#676574 rgb(103,101,116)
```
#625d7c
```
#625d7c rgb(98,93,124)
```
#5c5584
```
#5c5584 rgb(92,85,132)
```
#564c8d
```
#564c8d rgb(86,76,141)
```
#504495
```
#504495 rgb(80,68,149)
```
#4a3c9d
```
#4a3c9d rgb(74,60,157)
```
#4433a6
```
#4433a6 rgb(68,51,166)
```
#3e2bae
```
#3e2bae rgb(62,43,174)
```
#3923b6
```
#3923b6 rgb(57,35,182)
```
#331abf
```
#331abf rgb(51,26,191)
```
#2d12c7
```
#2d12c7 rgb(45,18,199)
```
#270acf
```
#270acf rgb(39,10,207)
```
#2101d8
```
#2101d8 rgb(33,1,216)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#514e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2656a2 Protanopia 1% of men
#185a95 Deuteranopia 1% of men
#465c63 Tritanopia 0.001% of the population

Trichromacy

#354f9d Protanomaly 1% of men, 0.01% of women
#2c5295 Deuteranomaly 6% of men, 0.4% of women
#495375 Tritanomaly 0.01% of the population

#504495 hex color

#504495 Color Information

#504495 Color Conversion

Color Schemes with #504495

Alternatives to #504495

#504495 Preview

Shades and Tints of #504495

Tones of #504495

Color Blindness Simulator