#505e75 hex color

In a RGB color space, hex #505e75 is composed of 31.4% red, 36.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 19.7% magenta, 0% yellow and 54.1% black. It has a hue angle of 217.3 degrees, a saturation of 18.8% and a lightness of 38.6%. #505e75 color hex could be obtained by blending #a0bcea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 37
- B 46
RGB color chart
- C 32
- M 20
- Y 0
- K 54
CMYK color chart

● #505e75 color description : Mostly desaturated dark blue.

The hexadecimal color #505e75 has RGB values of R:80, G:94, B:117 and CMYK values of C:0.32, M:0.2, Y:0, K:0.54. Its decimal value is 5267061.

Hex triplet	505e75	`#505e75`
RGB Decimal	80, 94, 117	`rgb(80,94,117)`
RGB Percent	31.4, 36.9, 45.9	`rgb(31.4%,36.9%,45.9%)`
CMYK	32, 20, 0, 54
HSL	217.3°, 18.8, 38.6	`hsl(217.3,18.8%,38.6%)`
HSV (or HSB)	217.3°, 31.6, 45.9
Web Safe	666666	`#666666`

CIE-LAB	39.572, 0.54, -14.752
XYZ	10.521, 10.995, 18.397
xyY	0.264, 0.275, 10.995
CIE-LCH	39.572, 14.762, 272.095
CIE-LUV	39.572, -7.905, -20.209
Hunter-Lab	33.159, -1.39, -9.683
Binary	01010000, 01011110, 01110101

#505e75
```
#505e75 rgb(80,94,117)
```
#756750
```
#756750 rgb(117,103,80)
```

Complementary Color

#507175
```
#507175 rgb(80,113,117)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#555075
```
#555075 rgb(85,80,117)
```

Analogous Color

#717550
```
#717550 rgb(113,117,80)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#755550
```
#755550 rgb(117,85,80)
```

Split Complementary Color

#5e7550
```
#5e7550 rgb(94,117,80)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#75505e
```
#75505e rgb(117,80,94)
```

Triadic Color

#507567
```
#507567 rgb(80,117,103)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#75505e
```
#75505e rgb(117,80,94)
```
#756750
```
#756750 rgb(117,103,80)
```

Tetradic Color

#313948
```
#313948 rgb(49,57,72)
```
#3b4657
```
#3b4657 rgb(59,70,87)
```
#465266
```
#465266 rgb(70,82,102)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#5a6a84
```
#5a6a84 rgb(90,106,132)
```
#657693
```
#657693 rgb(101,118,147)
```
#73839f
```
#73839f rgb(115,131,159)
```

Monochromatic Color

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

#506775
```
#506775 rgb(80,103,117)
```
#506475
```
#506475 rgb(80,100,117)
```
#506175
```
#506175 rgb(80,97,117)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#505b75
```
#505b75 rgb(80,91,117)
```
#505875
```
#505875 rgb(80,88,117)
```
#505575
```
#505575 rgb(80,85,117)
```

Similar Colors

Text with hexadecimal color #505e75

This text has a font color of #505e75.

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

#505e75 background color

This paragraph has a background color of #505e75.

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

#505e75 border color

This element has a border color of #505e75.

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

CSS codes

.text {color:#505e75;}

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

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

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 #f4f5f7 is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#080a0c
```
#080a0c rgb(8,10,12)
```
#101318
```
#101318 rgb(16,19,24)
```
#181c23
```
#181c23 rgb(24,28,35)
```
#20262f
```
#20262f rgb(32,38,47)
```
#282f3b
```
#282f3b rgb(40,47,59)
```
#303946
```
#303946 rgb(48,57,70)
```
#384252
```
#384252 rgb(56,66,82)
```
#404b5e
```
#404b5e rgb(64,75,94)
```
#485569
```
#485569 rgb(72,85,105)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#586781
```
#586781 rgb(88,103,129)
```
#60718c
```
#60718c rgb(96,113,140)
```

Shade Color Variation

#687a98
```
#687a98 rgb(104,122,152)
```
#7484a0
```
#7484a0 rgb(116,132,160)
```
#7f8fa8
```
#7f8fa8 rgb(127,143,168)
```
#8b99b0
```
#8b99b0 rgb(139,153,176)
```
#97a3b8
```
#97a3b8 rgb(151,163,184)
```
#a2adc0
```
#a2adc0 rgb(162,173,192)
```
#aeb8c8
```
#aeb8c8 rgb(174,184,200)
```
#bac2d0
```
#bac2d0 rgb(186,194,208)
```
#c5ccd8
```
#c5ccd8 rgb(197,204,216)
```
#d1d6df
```
#d1d6df rgb(209,214,223)
```
#dde1e7
```
#dde1e7 rgb(221,225,231)
```
#e8ebef
```
#e8ebef rgb(232,235,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#5f6266
```
#5f6266 rgb(95,98,102)
```
#58606d
```
#58606d rgb(88,96,109)
```
#505e75
```
#505e75 rgb(80,94,117)
```
#485c7d
```
#485c7d rgb(72,92,125)
```
#415a84
```
#415a84 rgb(65,90,132)
```
#39588c
```
#39588c rgb(57,88,140)
```
#325793
```
#325793 rgb(50,87,147)
```
#2a559b
```
#2a559b rgb(42,85,155)
```
#2353a2
```
#2353a2 rgb(35,83,162)
```
#1b51aa
```
#1b51aa rgb(27,81,170)
```
#134fb2
```
#134fb2 rgb(19,79,178)
```
#0c4db9
```
#0c4db9 rgb(12,77,185)
```
#044cc1
```
#044cc1 rgb(4,76,193)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60647b Protanopia 1% of men
#62637d Deuteranopia 1% of men
#556870 Tritanopia 0.001% of the population

Trichromacy

#5a6278 Protanomaly 1% of men, 0.01% of women
#5b617a Deuteranomaly 6% of men, 0.4% of women
#536471 Tritanomaly 0.01% of the population

#505e75 hex color

#505e75 Color Information

#505e75 Color Conversion

Color Schemes with #505e75

Alternatives to #505e75

#505e75 Preview

Shades and Tints of #505e75

Tones of #505e75

Color Blindness Simulator