#504e85 hex color

In a RGB color space, hex #504e85 is composed of 31.4% red, 30.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 39.8% cyan, 41.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 242.2 degrees, a saturation of 26.1% and a lightness of 41.4%. #504e85 color hex could be obtained by blending #a09cff with #00000b. Closest websafe color is: #666699.

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

● #504e85 color description : Mostly desaturated dark blue.

The hexadecimal color #504e85 has RGB values of R:80, G:78, B:133 and CMYK values of C:0.4, M:0.41, Y:0, K:0.48. Its decimal value is 5262981.

Hex triplet	504e85	`#504e85`
RGB Decimal	80, 78, 133	`rgb(80,78,133)`
RGB Percent	31.4, 30.6, 52.2	`rgb(31.4%,30.6%,52.2%)`
CMYK	40, 41, 0, 48
HSL	242.2°, 26.1, 41.4	`hsl(242.2,26.1%,41.4%)`
HSV (or HSB)	242.2°, 41.4, 52.2
Web Safe	666699	`#666699`

CIE-LAB	35.689, 15.316, -30.603
XYZ	10.265, 8.847, 23.356
xyY	0.242, 0.208, 8.847
CIE-LCH	35.689, 34.222, 296.586
CIE-LUV	35.689, -2.367, -43.88
Hunter-Lab	29.745, 9.55, -25.734
Binary	01010000, 01001110, 10000101

#504e85
```
#504e85 rgb(80,78,133)
```
#83854e
```
#83854e rgb(131,133,78)
```

Complementary Color

#4e6885
```
#4e6885 rgb(78,104,133)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#6c4e85
```
#6c4e85 rgb(108,78,133)
```

Analogous Color

#68854e
```
#68854e rgb(104,133,78)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#856c4e
```
#856c4e rgb(133,108,78)
```

Split Complementary Color

#4e8550
```
#4e8550 rgb(78,133,80)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#85504e
```
#85504e rgb(133,80,78)
```

Triadic Color

#4e8385
```
#4e8385 rgb(78,131,133)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#85504e
```
#85504e rgb(133,80,78)
```
#83854e
```
#83854e rgb(131,133,78)
```

Tetradic Color

#333255
```
#333255 rgb(51,50,85)
```
#3d3b65
```
#3d3b65 rgb(61,59,101)
```
#464575
```
#464575 rgb(70,69,117)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#5a5795
```
#5a5795 rgb(90,87,149)
```
#6563a3
```
#6563a3 rgb(101,99,163)
```
#7573ad
```
#7573ad rgb(117,115,173)
```

Monochromatic Color

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

#4e5a85
```
#4e5a85 rgb(78,90,133)
```
#4e5585
```
#4e5585 rgb(78,85,133)
```
#4e5185
```
#4e5185 rgb(78,81,133)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#554e85
```
#554e85 rgb(85,78,133)
```
#594e85
```
#594e85 rgb(89,78,133)
```
#5e4e85
```
#5e4e85 rgb(94,78,133)
```

Similar Colors

Text with hexadecimal color #504e85

This text has a font color of #504e85.

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

#504e85 background color

This paragraph has a background color of #504e85.

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

#504e85 border color

This element has a border color of #504e85.

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

CSS codes

.text {color:#504e85;}

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

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0d0d16
```
#0d0d16 rgb(13,13,22)
```
#151422
```
#151422 rgb(21,20,34)
```
#1c1b2e
```
#1c1b2e rgb(28,27,46)
```
#23223b
```
#23223b rgb(35,34,59)
```
#2b2a47
```
#2b2a47 rgb(43,42,71)
```
#323154
```
#323154 rgb(50,49,84)
```
#3a3860
```
#3a3860 rgb(58,56,96)
```
#413f6c
```
#413f6c rgb(65,63,108)
```
#494779
```
#494779 rgb(73,71,121)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#575591
```
#575591 rgb(87,85,145)
```
#5f5d9e
```
#5f5d9e rgb(95,93,158)
```

Shade Color Variation

#6a68a6
```
#6a68a6 rgb(106,104,166)
```
#7674ad
```
#7674ad rgb(118,116,173)
```
#8280b5
```
#8280b5 rgb(130,128,181)
```
#8e8dbc
```
#8e8dbc rgb(142,141,188)
```
#9b99c3
```
#9b99c3 rgb(155,153,195)
```
#a7a5ca
```
#a7a5ca rgb(167,165,202)
```
#b3b2d2
```
#b3b2d2 rgb(179,178,210)
```
#bfbed9
```
#bfbed9 rgb(191,190,217)
```
#cbcbe0
```
#cbcbe0 rgb(203,203,224)
```
#d8d7e7
```
#d8d7e7 rgb(216,215,231)
```
#e4e3ef
```
#e4e3ef rgb(228,227,239)
```
#f0f0f6
```
#f0f0f6 rgb(240,240,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67666d is the less saturated color, while #0c05ce is the most saturated one.

#67666d
```
#67666d rgb(103,102,109)
```
#5f5e75
```
#5f5e75 rgb(95,94,117)
```
#58567d
```
#58567d rgb(88,86,125)
```
#504e85
```
#504e85 rgb(80,78,133)
```
#48468d
```
#48468d rgb(72,70,141)
```
#413e95
```
#413e95 rgb(65,62,149)
```
#39369d
```
#39369d rgb(57,54,157)
```
#322ea5
```
#322ea5 rgb(50,46,165)
```
#2a25ae
```
#2a25ae rgb(42,37,174)
```
#231db6
```
#231db6 rgb(35,29,182)
```
#1b15be
```
#1b15be rgb(27,21,190)
```
#140dc6
```
#140dc6 rgb(20,13,198)
```
#0c05ce
```
#0c05ce rgb(12,5,206)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#54545f Atypical Achromatopsia 0.001% of the population

Dichromacy

#475b8e Protanopia 1% of men
#445c89 Deuteranopia 1% of men
#4e5f66 Tritanopia 0.001% of the population

Trichromacy

#4a568a Protanomaly 1% of men, 0.01% of women
#485787 Deuteranomaly 6% of men, 0.4% of women
#4e5971 Tritanomaly 0.01% of the population

#504e85 hex color

#504e85 Color Information

#504e85 Color Conversion

Color Schemes with #504e85

Alternatives to #504e85

#504e85 Preview

Shades and Tints of #504e85

Tones of #504e85

Color Blindness Simulator