#505e7f hex color

In a RGB color space, hex #505e7f is composed of 31.4% red, 36.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 26% magenta, 0% yellow and 50.2% black. It has a hue angle of 222.1 degrees, a saturation of 22.7% and a lightness of 40.6%. #505e7f color hex could be obtained by blending #a0bcfe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 37
- B 50
RGB color chart
- C 37
- M 26
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #505e7f has RGB values of R:80, G:94, B:127 and CMYK values of C:0.37, M:0.26, Y:0, K:0.5. Its decimal value is 5267071.

Hex triplet	505e7f	`#505e7f`
RGB Decimal	80, 94, 127	`rgb(80,94,127)`
RGB Percent	31.4, 36.9, 49.8	`rgb(31.4%,36.9%,49.8%)`
CMYK	37, 26, 0, 50
HSL	222.1°, 22.7, 40.6	`hsl(222.1,22.7%,40.6%)`
HSV (or HSB)	222.1°, 37, 49.8
Web Safe	666666	`#666666`

CIE-LAB	39.987, 3.377, -20.224
XYZ	11.141, 11.243, 21.661
xyY	0.253, 0.255, 11.243
CIE-LCH	39.987, 20.504, 279.48
CIE-LUV	39.987, -8.199, -28.558
Hunter-Lab	33.53, 0.631, -14.83
Binary	01010000, 01011110, 01111111

#505e7f
```
#505e7f rgb(80,94,127)
```
#7f7150
```
#7f7150 rgb(127,113,80)
```

Complementary Color

#50767f
```
#50767f rgb(80,118,127)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#5a507f
```
#5a507f rgb(90,80,127)
```

Analogous Color

#767f50
```
#767f50 rgb(118,127,80)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#7f5a50
```
#7f5a50 rgb(127,90,80)
```

Split Complementary Color

#5e7f50
```
#5e7f50 rgb(94,127,80)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#7f505e
```
#7f505e rgb(127,80,94)
```

Triadic Color

#507f71
```
#507f71 rgb(80,127,113)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#7f505e
```
#7f505e rgb(127,80,94)
```
#7f7150
```
#7f7150 rgb(127,113,80)
```

Tetradic Color

#323b50
```
#323b50 rgb(50,59,80)
```
#3c4760
```
#3c4760 rgb(60,71,96)
```
#46526f
```
#46526f rgb(70,82,111)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#5a6a8f
```
#5a6a8f rgb(90,106,143)
```
#64759e
```
#64759e rgb(100,117,158)
```
#7483a7
```
#7483a7 rgb(116,131,167)
```

Monochromatic Color

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

#506a7f
```
#506a7f rgb(80,106,127)
```
#50667f
```
#50667f rgb(80,102,127)
```
#50627f
```
#50627f rgb(80,98,127)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#505a7f
```
#505a7f rgb(80,90,127)
```
#50567f
```
#50567f rgb(80,86,127)
```
#50527f
```
#50527f rgb(80,82,127)
```

Similar Colors

Text with hexadecimal color #505e7f

This text has a font color of #505e7f.

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

#505e7f background color

This paragraph has a background color of #505e7f.

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

#505e7f border color

This element has a border color of #505e7f.

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

CSS codes

.text {color:#505e7f;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0e13
```
#0c0e13 rgb(12,14,19)
```
#13171f
```
#13171f rgb(19,23,31)
```
#1b202b
```
#1b202b rgb(27,32,43)
```
#232937
```
#232937 rgb(35,41,55)
```
#2a3143
```
#2a3143 rgb(42,49,67)
```
#323a4f
```
#323a4f rgb(50,58,79)
```
#39435b
```
#39435b rgb(57,67,91)
```
#414c67
```
#414c67 rgb(65,76,103)
```
#485573
```
#485573 rgb(72,85,115)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#58678b
```
#58678b rgb(88,103,139)
```
#5f7097
```
#5f7097 rgb(95,112,151)
```

Shade Color Variation

#697aa1
```
#697aa1 rgb(105,122,161)
```
#7584a8
```
#7584a8 rgb(117,132,168)
```
#818fb0
```
#818fb0 rgb(129,143,176)
```
#8d9ab7
```
#8d9ab7 rgb(141,154,183)
```
#99a5bf
```
#99a5bf rgb(153,165,191)
```
#a5afc7
```
#a5afc7 rgb(165,175,199)
```
#b1bace
```
#b1bace rgb(177,186,206)
```
#bdc5d6
```
#bdc5d6 rgb(189,197,214)
```
#c9cfdd
```
#c9cfdd rgb(201,207,221)
```
#d6dae5
```
#d6dae5 rgb(214,218,229)
```
#e2e5ec
```
#e2e5ec rgb(226,229,236)
```
#eef0f4
```
#eef0f4 rgb(238,240,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60646f is the less saturated color, while #003ecf is the most saturated one.

#60646f
```
#60646f rgb(96,100,111)
```
#586177
```
#586177 rgb(88,97,119)
```
#505e7f
```
#505e7f rgb(80,94,127)
```
#485b87
```
#485b87 rgb(72,91,135)
```
#40588f
```
#40588f rgb(64,88,143)
```
#385497
```
#385497 rgb(56,84,151)
```
#30519f
```
#30519f rgb(48,81,159)
```
#284ea7
```
#284ea7 rgb(40,78,167)
```
#204baf
```
#204baf rgb(32,75,175)
```
#1847b7
```
#1847b7 rgb(24,71,183)
```
#1044bf
```
#1044bf rgb(16,68,191)
```
#0841c7
```
#0841c7 rgb(8,65,199)
```
#003ecf
```
#003ecf rgb(0,62,207)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6585 Protanopia 1% of men
#5d6586 Deuteranopia 1% of men
#536a71 Tritanopia 0.001% of the population

Trichromacy

#586282 Protanomaly 1% of men, 0.01% of women
#586283 Deuteranomaly 6% of men, 0.4% of women
#526576 Tritanomaly 0.01% of the population

#505e7f hex color

#505e7f Color Information

#505e7f Color Conversion

Color Schemes with #505e7f

Alternatives to #505e7f

#505e7f Preview

Shades and Tints of #505e7f

Tones of #505e7f

Color Blindness Simulator