#505d71 hex color

In a RGB color space, hex #505d71 is composed of 31.4% red, 36.5% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 17.7% magenta, 0% yellow and 55.7% black. It has a hue angle of 216.4 degrees, a saturation of 17.1% and a lightness of 37.8%. #505d71 color hex could be obtained by blending #a0bae2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 36
- B 44
RGB color chart
- C 29
- M 18
- Y 0
- K 56
CMYK color chart

● #505d71 color description : Very dark grayish blue.

The hexadecimal color #505d71 has RGB values of R:80, G:93, B:113 and CMYK values of C:0.29, M:0.18, Y:0, K:0.56. Its decimal value is 5266801.

Hex triplet	505d71	`#505d71`
RGB Decimal	80, 93, 113	`rgb(80,93,113)`
RGB Percent	31.4, 36.5, 44.3	`rgb(31.4%,36.5%,44.3%)`
CMYK	29, 18, 0, 56
HSL	216.4°, 17.1, 37.8	`hsl(216.4,17.1%,37.8%)`
HSV (or HSB)	216.4°, 29.2, 44.3
Web Safe	666666	`#666666`

CIE-LAB	39.115, 0.06, -12.993
XYZ	10.203, 10.726, 17.155
xyY	0.268, 0.282, 10.726
CIE-LCH	39.115, 12.994, 270.264
CIE-LUV	39.115, -7.358, -17.586
Hunter-Lab	32.751, -1.707, -8.13
Binary	01010000, 01011101, 01110001

#505d71
```
#505d71 rgb(80,93,113)
```
#716450
```
#716450 rgb(113,100,80)
```

Complementary Color

#506e71
```
#506e71 rgb(80,110,113)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#545071
```
#545071 rgb(84,80,113)
```

Analogous Color

#6e7150
```
#6e7150 rgb(110,113,80)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#715450
```
#715450 rgb(113,84,80)
```

Split Complementary Color

#5d7150
```
#5d7150 rgb(93,113,80)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#71505d
```
#71505d rgb(113,80,93)
```

Triadic Color

#507164
```
#507164 rgb(80,113,100)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#71505d
```
#71505d rgb(113,80,93)
```
#716450
```
#716450 rgb(113,100,80)
```

Tetradic Color

#303844
```
#303844 rgb(48,56,68)
```
#3b4453
```
#3b4453 rgb(59,68,83)
```
#455162
```
#455162 rgb(69,81,98)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#5b6980
```
#5b6980 rgb(91,105,128)
```
#65768f
```
#65768f rgb(101,118,143)
```
#72829b
```
#72829b rgb(114,130,155)
```

Monochromatic Color

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

#506571
```
#506571 rgb(80,101,113)
```
#506371
```
#506371 rgb(80,99,113)
```
#506071
```
#506071 rgb(80,96,113)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#505a71
```
#505a71 rgb(80,90,113)
```
#505871
```
#505871 rgb(80,88,113)
```
#505571
```
#505571 rgb(80,85,113)
```

Similar Colors

Text with hexadecimal color #505d71

This text has a font color of #505d71.

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

#505d71 background color

This paragraph has a background color of #505d71.

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

#505d71 border color

This element has a border color of #505d71.

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

CSS codes

.text {color:#505d71;}

.background {background-color:#505d71;}

.border {border:1px solid #505d71;}

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

#07080a
```
#07080a rgb(7,8,10)
```
#0f1115
```
#0f1115 rgb(15,17,21)
```
#171b21
```
#171b21 rgb(23,27,33)
```
#1f242c
```
#1f242c rgb(31,36,44)
```
#272e38
```
#272e38 rgb(39,46,56)
```
#2f3743
```
#2f3743 rgb(47,55,67)
```
#38414f
```
#38414f rgb(56,65,79)
```
#404a5a
```
#404a5a rgb(64,74,90)
```
#485466
```
#485466 rgb(72,84,102)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#58667c
```
#58667c rgb(88,102,124)
```
#607088
```
#607088 rgb(96,112,136)
```
#687993
```
#687993 rgb(104,121,147)
```

Shade Color Variation

#73839c
```
#73839c rgb(115,131,156)
```
#7f8ea4
```
#7f8ea4 rgb(127,142,164)
```
#8a98ac
```
#8a98ac rgb(138,152,172)
```
#96a2b5
```
#96a2b5 rgb(150,162,181)
```
#a1acbd
```
#a1acbd rgb(161,172,189)
```
#adb6c5
```
#adb6c5 rgb(173,182,197)
```
#b8c0cd
```
#b8c0cd rgb(184,192,205)
```
#c4cbd5
```
#c4cbd5 rgb(196,203,213)
```
#cfd5dd
```
#cfd5dd rgb(207,213,221)
```
#dbdfe5
```
#dbdfe5 rgb(219,223,229)
```
#e6e9ed
```
#e6e9ed rgb(230,233,237)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5f6062
```
#5f6062 rgb(95,96,98)
```
#575f6a
```
#575f6a rgb(87,95,106)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#495b78
```
#495b78 rgb(73,91,120)
```
#415a80
```
#415a80 rgb(65,90,128)
```
#3a5887
```
#3a5887 rgb(58,88,135)
```
#32578f
```
#32578f rgb(50,87,143)
```
#2b5596
```
#2b5596 rgb(43,85,150)
```
#23549e
```
#23549e rgb(35,84,158)
```
#1c52a5
```
#1c52a5 rgb(28,82,165)
```
#1550ac
```
#1550ac rgb(21,80,172)
```
#0d4fb4
```
#0d4fb4 rgb(13,79,180)
```
#064dbb
```
#064dbb rgb(6,77,187)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#606377 Protanopia 1% of men
#626279 Deuteranopia 1% of men
#56676e Tritanopia 0.001% of the population

Trichromacy

#5a6175 Protanomaly 1% of men, 0.01% of women
#5b6076 Deuteranomaly 6% of men, 0.4% of women
#54636f Tritanomaly 0.01% of the population

#505d71 hex color

#505d71 Color Information

#505d71 Color Conversion

Color Schemes with #505d71

Alternatives to #505d71

#505d71 Preview

Shades and Tints of #505d71

Tones of #505d71

Color Blindness Simulator