#505c6f hex color

In a RGB color space, hex #505c6f is composed of 31.4% red, 36.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 17.1% magenta, 0% yellow and 56.5% black. It has a hue angle of 216.8 degrees, a saturation of 16.2% and a lightness of 37.5%. #505c6f color hex could be obtained by blending #a0b8de with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #505c6f has RGB values of R:80, G:92, B:111 and CMYK values of C:0.28, M:0.17, Y:0, K:0.56. Its decimal value is 5266543.

Hex triplet	505c6f	`#505c6f`
RGB Decimal	80, 92, 111	`rgb(80,92,111)`
RGB Percent	31.4, 36.1, 43.5	`rgb(31.4%,36.1%,43.5%)`
CMYK	28, 17, 0, 56
HSL	216.8°, 16.2, 37.5	`hsl(216.8,16.2%,37.5%)`
HSV (or HSB)	216.8°, 27.9, 43.5
Web Safe	666666	`#666666`

CIE-LAB	38.738, 0.136, -12.337
XYZ	10.004, 10.507, 16.539
xyY	0.27, 0.284, 10.507
CIE-LCH	38.738, 12.337, 270.63
CIE-LUV	38.738, -6.863, -16.625
Hunter-Lab	32.415, -1.636, -7.561
Binary	01010000, 01011100, 01101111

#505c6f
```
#505c6f rgb(80,92,111)
```
#6f6350
```
#6f6350 rgb(111,99,80)
```

Complementary Color

#506c6f
```
#506c6f rgb(80,108,111)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#54506f
```
#54506f rgb(84,80,111)
```

Analogous Color

#6c6f50
```
#6c6f50 rgb(108,111,80)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#6f5450
```
#6f5450 rgb(111,84,80)
```

Split Complementary Color

#5c6f50
```
#5c6f50 rgb(92,111,80)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#6f505c
```
#6f505c rgb(111,80,92)
```

Triadic Color

#506f63
```
#506f63 rgb(80,111,99)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#6f505c
```
#6f505c rgb(111,80,92)
```
#6f6350
```
#6f6350 rgb(111,99,80)
```

Tetradic Color

#303743
```
#303743 rgb(48,55,67)
```
#3b4351
```
#3b4351 rgb(59,67,81)
```
#455060
```
#455060 rgb(69,80,96)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#5b687e
```
#5b687e rgb(91,104,126)
```
#65758d
```
#65758d rgb(101,117,141)
```
#728199
```
#728199 rgb(114,129,153)
```

Monochromatic Color

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

#50646f
```
#50646f rgb(80,100,111)
```
#50616f
```
#50616f rgb(80,97,111)
```
#505f6f
```
#505f6f rgb(80,95,111)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#50596f
```
#50596f rgb(80,89,111)
```
#50576f
```
#50576f rgb(80,87,111)
```
#50546f
```
#50546f rgb(80,84,111)
```

Similar Colors

Text with hexadecimal color #505c6f

This text has a font color of #505c6f.

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

#505c6f background color

This paragraph has a background color of #505c6f.

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

#505c6f border color

This element has a border color of #505c6f.

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

CSS codes

.text {color:#505c6f;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1014
```
#0e1014 rgb(14,16,20)
```
#161a1f
```
#161a1f rgb(22,26,31)
```
#1f232b
```
#1f232b rgb(31,35,43)
```
#272d36
```
#272d36 rgb(39,45,54)
```
#2f3641
```
#2f3641 rgb(47,54,65)
```
#37404d
```
#37404d rgb(55,64,77)
```
#404958
```
#404958 rgb(64,73,88)
```
#485364
```
#485364 rgb(72,83,100)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#58657a
```
#58657a rgb(88,101,122)
```
#606f86
```
#606f86 rgb(96,111,134)
```
#697891
```
#697891 rgb(105,120,145)
```

Shade Color Variation

#73829a
```
#73829a rgb(115,130,154)
```
#7f8ca2
```
#7f8ca2 rgb(127,140,162)
```
#8a97ab
```
#8a97ab rgb(138,151,171)
```
#95a1b3
```
#95a1b3 rgb(149,161,179)
```
#a1abbb
```
#a1abbb rgb(161,171,187)
```
#acb5c3
```
#acb5c3 rgb(172,181,195)
```
#b8bfcc
```
#b8bfcc rgb(184,191,204)
```
#c3c9d4
```
#c3c9d4 rgb(195,201,212)
```
#ced4dc
```
#ced4dc rgb(206,212,220)
```
#dadee4
```
#dadee4 rgb(218,222,228)
```
#e5e8ec
```
#e5e8ec rgb(229,232,236)
```
#f1f2f5
```
#f1f2f5 rgb(241,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#575e68
```
#575e68 rgb(87,94,104)
```
#505c6f
```
#505c6f rgb(80,92,111)
```
#495a76
```
#495a76 rgb(73,90,118)
```
#41597e
```
#41597e rgb(65,89,126)
```
#3a5785
```
#3a5785 rgb(58,87,133)
```
#33558c
```
#33558c rgb(51,85,140)
```
#2b5494
```
#2b5494 rgb(43,84,148)
```
#24529b
```
#24529b rgb(36,82,155)
```
#1d50a2
```
#1d50a2 rgb(29,80,162)
```
#154faa
```
#154faa rgb(21,79,170)
```
#0e4db1
```
#0e4db1 rgb(14,77,177)
```
#074bb8
```
#074bb8 rgb(7,75,184)
```

Tone Color Variation

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

#5f6275 Protanopia 1% of men
#626177 Deuteranopia 1% of men
#56666d Tritanopia 0.001% of the population

Trichromacy

#596073 Protanomaly 1% of men, 0.01% of women
#5b5f74 Deuteranomaly 6% of men, 0.4% of women
#54626e Tritanomaly 0.01% of the population

#505c6f hex color

#505c6f Color Information

#505c6f Color Conversion

Color Schemes with #505c6f

Alternatives to #505c6f

#505c6f Preview

Shades and Tints of #505c6f

Tones of #505c6f

Color Blindness Simulator