#505c6a hex color

In a RGB color space, hex #505c6a is composed of 31.4% red, 36.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 13.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 212.3 degrees, a saturation of 14% and a lightness of 36.5%. #505c6a color hex could be obtained by blending #a0b8d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 36
- B 42
RGB color chart
- C 25
- M 13
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #505c6a has RGB values of R:80, G:92, B:106 and CMYK values of C:0.25, M:0.13, Y:0, K:0.58. Its decimal value is 5266538.

Hex triplet	505c6a	`#505c6a`
RGB Decimal	80, 92, 106	`rgb(80,92,106)`
RGB Percent	31.4, 36.1, 41.6	`rgb(31.4%,36.1%,41.6%)`
CMYK	25, 13, 0, 58
HSL	212.3°, 14, 36.5	`hsl(212.3,14%,36.5%)`
HSV (or HSB)	212.3°, 24.5, 41.6
Web Safe	666666	`#666666`

CIE-LAB	38.551, -1.185, -9.536
XYZ	9.736, 10.4, 15.129
xyY	0.276, 0.295, 10.4
CIE-LCH	38.551, 9.609, 262.918
CIE-LUV	38.551, -6.703, -12.526
Hunter-Lab	32.249, -2.545, -5.241
Binary	01010000, 01011100, 01101010

#505c6a
```
#505c6a rgb(80,92,106)
```
#6a5e50
```
#6a5e50 rgb(106,94,80)
```

Complementary Color

#50696a
```
#50696a rgb(80,105,106)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#51506a
```
#51506a rgb(81,80,106)
```

Analogous Color

#696a50
```
#696a50 rgb(105,106,80)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#6a5150
```
#6a5150 rgb(106,81,80)
```

Split Complementary Color

#5c6a50
```
#5c6a50 rgb(92,106,80)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#6a505c
```
#6a505c rgb(106,80,92)
```

Triadic Color

#506a5e
```
#506a5e rgb(80,106,94)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#6a505c
```
#6a505c rgb(106,80,92)
```
#6a5e50
```
#6a5e50 rgb(106,94,80)
```

Tetradic Color

#2f363e
```
#2f363e rgb(47,54,62)
```
#3a434d
```
#3a434d rgb(58,67,77)
```
#454f5b
```
#454f5b rgb(69,79,91)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#5b6979
```
#5b6979 rgb(91,105,121)
```
#667587
```
#667587 rgb(102,117,135)
```
#728295
```
#728295 rgb(114,130,149)
```

Monochromatic Color

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

#50636a
```
#50636a rgb(80,99,106)
```
#50606a
```
#50606a rgb(80,96,106)
```
#505e6a
```
#505e6a rgb(80,94,106)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#50586a
```
#50586a rgb(80,88,106)
```
#50566a
```
#50566a rgb(80,86,106)
```

Similar Colors

Text with hexadecimal color #505c6a

This text has a font color of #505c6a.

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

#505c6a background color

This paragraph has a background color of #505c6a.

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

#505c6a border color

This element has a border color of #505c6a.

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

CSS codes

.text {color:#505c6a;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#15181c
```
#15181c rgb(21,24,28)
```
#1d2227
```
#1d2227 rgb(29,34,39)
```
#262b32
```
#262b32 rgb(38,43,50)
```
#2e353d
```
#2e353d rgb(46,53,61)
```
#373f48
```
#373f48 rgb(55,63,72)
```
#3f4954
```
#3f4954 rgb(63,73,84)
```
#48525f
```
#48525f rgb(72,82,95)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#586675
```
#586675 rgb(88,102,117)
```
#616f80
```
#616f80 rgb(97,111,128)
```
#69798c
```
#69798c rgb(105,121,140)
```

Shade Color Variation

#738395
```
#738395 rgb(115,131,149)
```
#7e8d9e
```
#7e8d9e rgb(126,141,158)
```
#8997a6
```
#8997a6 rgb(137,151,166)
```
#95a1af
```
#95a1af rgb(149,161,175)
```
#a0abb7
```
#a0abb7 rgb(160,171,183)
```
#abb4c0
```
#abb4c0 rgb(171,180,192)
```
#b6bec8
```
#b6bec8 rgb(182,190,200)
```
#c1c8d0
```
#c1c8d0 rgb(193,200,208)
```
#ccd2d9
```
#ccd2d9 rgb(204,210,217)
```
#d8dce1
```
#d8dce1 rgb(216,220,225)
```
#e3e6ea
```
#e3e6ea rgb(227,230,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#575d63
```
#575d63 rgb(87,93,99)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#495b71
```
#495b71 rgb(73,91,113)
```
#425b78
```
#425b78 rgb(66,91,120)
```
#3b5a7f
```
#3b5a7f rgb(59,90,127)
```
#335a87
```
#335a87 rgb(51,90,135)
```
#2c598e
```
#2c598e rgb(44,89,142)
```
#255995
```
#255995 rgb(37,89,149)
```
#1e589c
```
#1e589c rgb(30,88,156)
```
#1758a3
```
#1758a3 rgb(23,88,163)
```
#1057aa
```
#1057aa rgb(16,87,170)
```
#0856b2
```
#0856b2 rgb(8,86,178)
```
#0156b9
```
#0156b9 rgb(1,86,185)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#606270 Protanopia 1% of men
#646172 Deuteranopia 1% of men
#57656c Tritanopia 0.001% of the population

Trichromacy

#5a606e Protanomaly 1% of men, 0.01% of women
#5d5f6f Deuteranomaly 6% of men, 0.4% of women
#55616b Tritanomaly 0.01% of the population

#505c6a hex color

#505c6a Color Information

#505c6a Color Conversion

Color Schemes with #505c6a

Alternatives to #505c6a

#505c6a Preview

Shades and Tints of #505c6a

Tones of #505c6a

Color Blindness Simulator