#505573 hex color

In a RGB color space, hex #505573 is composed of 31.4% red, 33.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 26.1% magenta, 0% yellow and 54.9% black. It has a hue angle of 231.4 degrees, a saturation of 17.9% and a lightness of 38.2%. #505573 color hex could be obtained by blending #a0aae6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 33
- B 45
RGB color chart
- C 30
- M 26
- Y 0
- K 55
CMYK color chart

● #505573 color description : Mostly desaturated dark blue.

The hexadecimal color #505573 has RGB values of R:80, G:85, B:115 and CMYK values of C:0.3, M:0.26, Y:0, K:0.55. Its decimal value is 5264755.

Hex triplet	505573	`#505573`
RGB Decimal	80, 85, 115	`rgb(80,85,115)`
RGB Percent	31.4, 33.3, 45.1	`rgb(31.4%,33.3%,45.1%)`
CMYK	30, 26, 0, 55
HSL	231.4°, 17.9, 38.2	`hsl(231.4,17.9%,38.2%)`
HSV (or HSB)	231.4°, 30.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	36.818, 5.597, -17.741
XYZ	9.651, 9.44, 17.532
xyY	0.264, 0.258, 9.44
CIE-LCH	36.818, 18.603, 287.509
CIE-LUV	36.818, -4.055, -24.675
Hunter-Lab	30.725, 2.299, -12.325
Binary	01010000, 01010101, 01110011

#505573
```
#505573 rgb(80,85,115)
```
#736e50
```
#736e50 rgb(115,110,80)
```

Complementary Color

#506773
```
#506773 rgb(80,103,115)
```
#505573
```
#505573 rgb(80,85,115)
```
#5d5073
```
#5d5073 rgb(93,80,115)
```

Analogous Color

#677350
```
#677350 rgb(103,115,80)
```
#505573
```
#505573 rgb(80,85,115)
```
#735d50
```
#735d50 rgb(115,93,80)
```

Split Complementary Color

#557350
```
#557350 rgb(85,115,80)
```
#505573
```
#505573 rgb(80,85,115)
```
#735055
```
#735055 rgb(115,80,85)
```

Triadic Color

#50736e
```
#50736e rgb(80,115,110)
```
#505573
```
#505573 rgb(80,85,115)
```
#735055
```
#735055 rgb(115,80,85)
```
#736e50
```
#736e50 rgb(115,110,80)
```

Tetradic Color

#313446
```
#313446 rgb(49,52,70)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#464a64
```
#464a64 rgb(70,74,100)
```
#505573
```
#505573 rgb(80,85,115)
```
#5a6082
```
#5a6082 rgb(90,96,130)
```
#656b91
```
#656b91 rgb(101,107,145)
```
#72789d
```
#72789d rgb(114,120,157)
```

Monochromatic Color

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

#505e73
```
#505e73 rgb(80,94,115)
```
#505b73
```
#505b73 rgb(80,91,115)
```
#505873
```
#505873 rgb(80,88,115)
```
#505573
```
#505573 rgb(80,85,115)
```
#505273
```
#505273 rgb(80,82,115)
```
#515073
```
#515073 rgb(81,80,115)
```
#545073
```
#545073 rgb(84,80,115)
```

Similar Colors

Text with hexadecimal color #505573

This text has a font color of #505573.

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

#505573 background color

This paragraph has a background color of #505573.

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

#505573 border color

This element has a border color of #505573.

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

CSS codes

.text {color:#505573;}

.background {background-color:#505573;}

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

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, #08080b is the darkest color, while #fefeff is the lightest one.

#08080b
```
#08080b rgb(8,8,11)
```
#101116
```
#101116 rgb(16,17,22)
```
#181922
```
#181922 rgb(24,25,34)
```
#20222e
```
#20222e rgb(32,34,46)
```
#282a39
```
#282a39 rgb(40,42,57)
```
#303345
```
#303345 rgb(48,51,69)
```
#383b50
```
#383b50 rgb(56,59,80)
```
#40445c
```
#40445c rgb(64,68,92)
```
#484c67
```
#484c67 rgb(72,76,103)
```
#505573
```
#505573 rgb(80,85,115)
```
#585e7f
```
#585e7f rgb(88,94,127)
```
#60668a
```
#60668a rgb(96,102,138)
```
#686f96
```
#686f96 rgb(104,111,150)
```

Shade Color Variation

#747a9e
```
#747a9e rgb(116,122,158)
```
#7f85a6
```
#7f85a6 rgb(127,133,166)
```
#8b90ae
```
#8b90ae rgb(139,144,174)
```
#969bb6
```
#969bb6 rgb(150,155,182)
```
#a2a6be
```
#a2a6be rgb(162,166,190)
```
#adb1c6
```
#adb1c6 rgb(173,177,198)
```
#b9bcce
```
#b9bcce rgb(185,188,206)
```
#c4c7d6
```
#c4c7d6 rgb(196,199,214)
```
#d0d2de
```
#d0d2de rgb(208,210,222)
```
#dcdde6
```
#dcdde6 rgb(220,221,230)
```
#e7e8ee
```
#e7e8ee rgb(231,232,238)
```
#f3f3f6
```
#f3f3f6 rgb(243,243,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6064 is the less saturated color, while #051fbe is the most saturated one.

#5f6064
```
#5f6064 rgb(95,96,100)
```
#585a6c
```
#585a6c rgb(88,90,108)
```
#505573
```
#505573 rgb(80,85,115)
```
#49507b
```
#49507b rgb(73,80,123)
```
#414a82
```
#414a82 rgb(65,74,130)
```
#3a458a
```
#3a458a rgb(58,69,138)
```
#324091
```
#324091 rgb(50,64,145)
```
#2b3a99
```
#2b3a99 rgb(43,58,153)
```
#2335a0
```
#2335a0 rgb(35,53,160)
```
#1c30a8
```
#1c30a8 rgb(28,48,168)
```
#142aaf
```
#142aaf rgb(20,42,175)
```
#0d25b7
```
#0d25b7 rgb(13,37,183)
```
#051fbe
```
#051fbe rgb(5,31,190)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#56575d Atypical Achromatopsia 0.001% of the population

Dichromacy

#575e7a Protanopia 1% of men
#585d7a Deuteranopia 1% of men
#546168 Tritanopia 0.001% of the population

Trichromacy

#545a77 Protanomaly 1% of men, 0.01% of women
#555a77 Deuteranomaly 6% of men, 0.4% of women
#525c6c Tritanomaly 0.01% of the population

#505573 hex color

#505573 Color Information

#505573 Color Conversion

Color Schemes with #505573

Alternatives to #505573

#505573 Preview

Shades and Tints of #505573

Tones of #505573

Color Blindness Simulator