#505a6d hex color

In a RGB color space, hex #505a6d is composed of 31.4% red, 35.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 17.4% magenta, 0% yellow and 57.3% black. It has a hue angle of 219.3 degrees, a saturation of 15.3% and a lightness of 37.1%. #505a6d color hex could be obtained by blending #a0b4da with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 35
- B 43
RGB color chart
- C 27
- M 17
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #505a6d has RGB values of R:80, G:90, B:109 and CMYK values of C:0.27, M:0.17, Y:0, K:0.57. Its decimal value is 5266029.

Hex triplet	505a6d	`#505a6d`
RGB Decimal	80, 90, 109	`rgb(80,90,109)`
RGB Percent	31.4, 35.3, 42.7	`rgb(31.4%,35.3%,42.7%)`
CMYK	27, 17, 0, 57
HSL	219.3°, 15.3, 37.1	`hsl(219.3,15.3%,37.1%)`
HSV (or HSB)	219.3°, 26.6, 42.7
Web Safe	666666	`#666666`

CIE-LAB	38.06, 0.835, -12.131
XYZ	9.724, 10.122, 15.909
xyY	0.272, 0.283, 10.122
CIE-LCH	38.06, 12.16, 273.937
CIE-LUV	38.06, -5.926, -16.351
Hunter-Lab	31.815, -1.117, -7.377
Binary	01010000, 01011010, 01101101

#505a6d
```
#505a6d rgb(80,90,109)
```
#6d6350
```
#6d6350 rgb(109,99,80)
```

Complementary Color

#50696d
```
#50696d rgb(80,105,109)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#55506d
```
#55506d rgb(85,80,109)
```

Analogous Color

#696d50
```
#696d50 rgb(105,109,80)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#6d5550
```
#6d5550 rgb(109,85,80)
```

Split Complementary Color

#5a6d50
```
#5a6d50 rgb(90,109,80)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#6d505a
```
#6d505a rgb(109,80,90)
```

Triadic Color

#506d63
```
#506d63 rgb(80,109,99)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#6d505a
```
#6d505a rgb(109,80,90)
```
#6d6350
```
#6d6350 rgb(109,99,80)
```

Tetradic Color

#303641
```
#303641 rgb(48,54,65)
```
#3a4250
```
#3a4250 rgb(58,66,80)
```
#454e5e
```
#454e5e rgb(69,78,94)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#5b667c
```
#5b667c rgb(91,102,124)
```
#66728a
```
#66728a rgb(102,114,138)
```
#727f98
```
#727f98 rgb(114,127,152)
```

Monochromatic Color

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

#50616d
```
#50616d rgb(80,97,109)
```
#505f6d
```
#505f6d rgb(80,95,109)
```
#505c6d
```
#505c6d rgb(80,92,109)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#50586d
```
#50586d rgb(80,88,109)
```
#50556d
```
#50556d rgb(80,85,109)
```
#50536d
```
#50536d rgb(80,83,109)
```

Similar Colors

Text with hexadecimal color #505a6d

This text has a font color of #505a6d.

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

#505a6d background color

This paragraph has a background color of #505a6d.

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

#505a6d border color

This element has a border color of #505a6d.

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

CSS codes

.text {color:#505a6d;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#16191e
```
#16191e rgb(22,25,30)
```
#1e2229
```
#1e2229 rgb(30,34,41)
```
#262b34
```
#262b34 rgb(38,43,52)
```
#2f3540
```
#2f3540 rgb(47,53,64)
```
#373e4b
```
#373e4b rgb(55,62,75)
```
#3f4756
```
#3f4756 rgb(63,71,86)
```
#485162
```
#485162 rgb(72,81,98)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#586378
```
#586378 rgb(88,99,120)
```
#616d84
```
#616d84 rgb(97,109,132)
```
#69768f
```
#69768f rgb(105,118,143)
```

Shade Color Variation

#738098
```
#738098 rgb(115,128,152)
```
#7e8aa1
```
#7e8aa1 rgb(126,138,161)
```
#8a95a9
```
#8a95a9 rgb(138,149,169)
```
#959fb1
```
#959fb1 rgb(149,159,177)
```
#a0a9ba
```
#a0a9ba rgb(160,169,186)
```
#acb3c2
```
#acb3c2 rgb(172,179,194)
```
#b7beca
```
#b7beca rgb(183,190,202)
```
#c2c8d2
```
#c2c8d2 rgb(194,200,210)
```
#ced2db
```
#ced2db rgb(206,210,219)
```
#d9dce3
```
#d9dce3 rgb(217,220,227)
```
#e4e7eb
```
#e4e7eb rgb(228,231,235)
```
#f0f1f4
```
#f0f1f4 rgb(240,241,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575c66 is the less saturated color, while #0041bd is the most saturated one.

#575c66
```
#575c66 rgb(87,92,102)
```
#505a6d
```
#505a6d rgb(80,90,109)
```
#495874
```
#495874 rgb(73,88,116)
```
#41557c
```
#41557c rgb(65,85,124)
```
#3a5383
```
#3a5383 rgb(58,83,131)
```
#33518a
```
#33518a rgb(51,81,138)
```
#2c4f91
```
#2c4f91 rgb(44,79,145)
```
#244c99
```
#244c99 rgb(36,76,153)
```
#1d4aa0
```
#1d4aa0 rgb(29,74,160)
```
#1648a7
```
#1648a7 rgb(22,72,167)
```
#0f46ae
```
#0f46ae rgb(15,70,174)
```
#0743b6
```
#0743b6 rgb(7,67,182)
```
#0041bd
```
#0041bd rgb(0,65,189)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57595d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6173 Protanopia 1% of men
#616075 Deuteranopia 1% of men
#56646b Tritanopia 0.001% of the population

Trichromacy

#585e71 Protanomaly 1% of men, 0.01% of women
#5a5d72 Deuteranomaly 6% of men, 0.4% of women
#54606c Tritanomaly 0.01% of the population

#505a6d hex color

#505a6d Color Information

#505a6d Color Conversion

Color Schemes with #505a6d

Alternatives to #505a6d

#505a6d Preview

Shades and Tints of #505a6d

Tones of #505a6d

Color Blindness Simulator