#505c54 hex color

In a RGB color space, hex #505c54 is composed of 31.4% red, 36.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 0% magenta, 8.7% yellow and 63.9% black. It has a hue angle of 140 degrees, a saturation of 7% and a lightness of 33.7%. #505c54 color hex could be obtained by blending #a0b8a8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 36
- B 33
RGB color chart
- C 13
- M 0
- Y 9
- K 64
CMYK color chart

● #505c54 color description : Very dark grayish cyan - lime green.

The hexadecimal color #505c54 has RGB values of R:80, G:92, B:84 and CMYK values of C:0.13, M:0, Y:0.09, K:0.64. Its decimal value is 5266516.

Hex triplet	505c54	`#505c54`
RGB Decimal	80, 92, 84	`rgb(80,92,84)`
RGB Percent	31.4, 36.1, 32.9	`rgb(31.4%,36.1%,32.9%)`
CMYK	13, 0, 9, 64
HSL	140°, 7, 33.7	`hsl(140,7%,33.7%)`
HSV (or HSB)	140°, 13, 36.1
Web Safe	666666	`#666666`

CIE-LAB	37.842, -6.437, 3.028
XYZ	8.735, 10, 9.857
xyY	0.306, 0.35, 10
CIE-LCH	37.842, 7.114, 154.808
CIE-LUV	37.842, -6.041, 4.726
Hunter-Lab	31.622, -6.031, 3.654
Binary	01010000, 01011100, 01010100

#505c54
```
#505c54 rgb(80,92,84)
```
#5c5058
```
#5c5058 rgb(92,80,88)
```

Complementary Color

#525c50
```
#525c50 rgb(82,92,80)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#505c5a
```
#505c5a rgb(80,92,90)
```

Analogous Color

#5c5052
```
#5c5052 rgb(92,80,82)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#5a505c
```
#5a505c rgb(90,80,92)
```

Split Complementary Color

#5c5450
```
#5c5450 rgb(92,84,80)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#54505c
```
#54505c rgb(84,80,92)
```

Triadic Color

#585c50
```
#585c50 rgb(88,92,80)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#54505c
```
#54505c rgb(84,80,92)
```
#5c5058
```
#5c5058 rgb(92,80,88)
```

Tetradic Color

#2c332f
```
#2c332f rgb(44,51,47)
```
#38413b
```
#38413b rgb(56,65,59)
```
#444e48
```
#444e48 rgb(68,78,72)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#5c6a60
```
#5c6a60 rgb(92,106,96)
```
#68776d
```
#68776d rgb(104,119,109)
```
#748579
```
#748579 rgb(116,133,121)
```

Monochromatic Color

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

#505c51
```
#505c51 rgb(80,92,81)
```
#505c52
```
#505c52 rgb(80,92,82)
```
#505c53
```
#505c53 rgb(80,92,83)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#505c55
```
#505c55 rgb(80,92,85)
```
#505c56
```
#505c56 rgb(80,92,86)
```
#505c57
```
#505c57 rgb(80,92,87)
```

Similar Colors

Text with hexadecimal color #505c54

This text has a font color of #505c54.

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

#505c54 background color

This paragraph has a background color of #505c54.

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

#505c54 border color

This element has a border color of #505c54.

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

CSS codes

.text {color:#505c54;}

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

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

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

#070807
```
#070807 rgb(7,8,7)
```
#101311
```
#101311 rgb(16,19,17)
```
#191d1b
```
#191d1b rgb(25,29,27)
```
#222824
```
#222824 rgb(34,40,36)
```
#2c322e
```
#2c322e rgb(44,50,46)
```
#353d37
```
#353d37 rgb(53,61,55)
```
#3e4741
```
#3e4741 rgb(62,71,65)
```
#47524a
```
#47524a rgb(71,82,74)
```
#505c54
```
#505c54 rgb(80,92,84)
```
#59665e
```
#59665e rgb(89,102,94)
```
#627167
```
#627167 rgb(98,113,103)
```
#6b7b71
```
#6b7b71 rgb(107,123,113)
```
#74867a
```
#74867a rgb(116,134,122)
```

Shade Color Variation

#7f8f84
```
#7f8f84 rgb(127,143,132)
```
#89998e
```
#89998e rgb(137,153,142)
```
#94a298
```
#94a298 rgb(148,162,152)
```
#9eaba2
```
#9eaba2 rgb(158,171,162)
```
#a9b4ac
```
#a9b4ac rgb(169,180,172)
```
#b3bdb6
```
#b3bdb6 rgb(179,189,182)
```
#bec6c0
```
#bec6c0 rgb(190,198,192)
```
#c8cfca
```
#c8cfca rgb(200,207,202)
```
#d3d8d5
```
#d3d8d5 rgb(211,216,213)
```
#dde2df
```
#dde2df rgb(221,226,223)
```
#e8ebe9
```
#e8ebe9 rgb(232,235,233)
```
#f2f4f3
```
#f2f4f3 rgb(242,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505c54 is the less saturated color, while #01ab3a is the most saturated one.

#505c54
```
#505c54 rgb(80,92,84)
```
#496352
```
#496352 rgb(73,99,82)
```
#436950
```
#436950 rgb(67,105,80)
```
#3c704d
```
#3c704d rgb(60,112,77)
```
#36764b
```
#36764b rgb(54,118,75)
```
#2f7d49
```
#2f7d49 rgb(47,125,73)
```
#288447
```
#288447 rgb(40,132,71)
```
#228a45
```
#228a45 rgb(34,138,69)
```
#1b9142
```
#1b9142 rgb(27,145,66)
```
#149840
```
#149840 rgb(20,152,64)
```
#0e9e3e
```
#0e9e3e rgb(14,158,62)
```
#07a53c
```
#07a53c rgb(7,165,60)
```
#01ab3a
```
#01ab3a rgb(1,171,58)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#565957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64615b Protanopia 1% of men
#6b5e5e Deuteranopia 1% of men
#5b6269 Tritanopia 0.001% of the population

Trichromacy

#5d5f58 Protanomaly 1% of men, 0.01% of women
#615d5a Deuteranomaly 6% of men, 0.4% of women
#576061 Tritanomaly 0.01% of the population

#505c54 hex color

#505c54 Color Information

#505c54 Color Conversion

Color Schemes with #505c54

Alternatives to #505c54

#505c54 Preview

Shades and Tints of #505c54

Tones of #505c54

Color Blindness Simulator