#506061 hex color

In a RGB color space, hex #506061 is composed of 31.4% red, 37.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 1% magenta, 0% yellow and 62% black. It has a hue angle of 183.5 degrees, a saturation of 9.6% and a lightness of 34.7%. #506061 color hex could be obtained by blending #a0c0c2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 38
- B 38
RGB color chart
- C 18
- M 1
- Y 0
- K 62
CMYK color chart

● #506061 color description : Very dark grayish cyan.

The hexadecimal color #506061 has RGB values of R:80, G:96, B:97 and CMYK values of C:0.18, M:0.01, Y:0, K:0.62. Its decimal value is 5267553.

Hex triplet	506061	`#506061`
RGB Decimal	80, 96, 97	`rgb(80,96,97)`
RGB Percent	31.4, 37.6, 38	`rgb(31.4%,37.6%,38%)`
CMYK	18, 1, 0, 62
HSL	183.5°, 9.6, 34.7	`hsl(183.5,9.6%,34.7%)`
HSV (or HSB)	183.5°, 17.5, 38
Web Safe	666666	`#666666`

CIE-LAB	39.469, -5.849, -2.62
XYZ	9.648, 10.934, 12.911
xyY	0.288, 0.326, 10.934
CIE-LCH	39.469, 6.409, 204.128
CIE-LUV	39.469, -8.277, -2.571
Hunter-Lab	33.067, -5.783, -0.003
Binary	01010000, 01100000, 01100001

#506061
```
#506061 rgb(80,96,97)
```
#615150
```
#615150 rgb(97,81,80)
```

Complementary Color

#50615a
```
#50615a rgb(80,97,90)
```
#506061
```
#506061 rgb(80,96,97)
```
#505861
```
#505861 rgb(80,88,97)
```

Analogous Color

#615a50
```
#615a50 rgb(97,90,80)
```
#506061
```
#506061 rgb(80,96,97)
```
#615058
```
#615058 rgb(97,80,88)
```

Split Complementary Color

#606150
```
#606150 rgb(96,97,80)
```
#506061
```
#506061 rgb(80,96,97)
```
#615060
```
#615060 rgb(97,80,96)
```

Triadic Color

#506151
```
#506151 rgb(80,97,81)
```
#506061
```
#506061 rgb(80,96,97)
```
#615060
```
#615060 rgb(97,80,96)
```
#615150
```
#615150 rgb(97,81,80)
```

Tetradic Color

#2d3737
```
#2d3737 rgb(45,55,55)
```
#394445
```
#394445 rgb(57,68,69)
```
#445253
```
#445253 rgb(68,82,83)
```
#506061
```
#506061 rgb(80,96,97)
```
#5c6e6f
```
#5c6e6f rgb(92,110,111)
```
#677c7d
```
#677c7d rgb(103,124,125)
```
#73898b
```
#73898b rgb(115,137,139)
```

Monochromatic Color

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

#50615e
```
#50615e rgb(80,97,94)
```
#50615f
```
#50615f rgb(80,97,95)
```
#506161
```
#506161 rgb(80,97,97)
```
#506061
```
#506061 rgb(80,96,97)
```
#505f61
```
#505f61 rgb(80,95,97)
```
#505d61
```
#505d61 rgb(80,93,97)
```
#505c61
```
#505c61 rgb(80,92,97)
```

Similar Colors

Text with hexadecimal color #506061

This text has a font color of #506061.

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

#506061 background color

This paragraph has a background color of #506061.

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

#506061 border color

This element has a border color of #506061.

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

CSS codes

.text {color:#506061;}

.background {background-color:#506061;}

.border {border:1px solid #506061;}

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

#000000
```
#000000 rgb(0,0,0)
```
#090b0b
```
#090b0b rgb(9,11,11)
```
#121616
```
#121616 rgb(18,22,22)
```
#1b2021
```
#1b2021 rgb(27,32,33)
```
#242b2b
```
#242b2b rgb(36,43,43)
```
#2d3536
```
#2d3536 rgb(45,53,54)
```
#354041
```
#354041 rgb(53,64,65)
```
#3e4b4c
```
#3e4b4c rgb(62,75,76)
```
#475556
```
#475556 rgb(71,85,86)
```
#506061
```
#506061 rgb(80,96,97)
```
#596b6c
```
#596b6c rgb(89,107,108)
```
#627576
```
#627576 rgb(98,117,118)
```
#6b8081
```
#6b8081 rgb(107,128,129)
```

Shade Color Variation

#748b8c
```
#748b8c rgb(116,139,140)
```
#7e9395
```
#7e9395 rgb(126,147,149)
```
#899c9e
```
#899c9e rgb(137,156,158)
```
#94a5a7
```
#94a5a7 rgb(148,165,167)
```
#9faeaf
```
#9faeaf rgb(159,174,175)
```
#a9b7b8
```
#a9b7b8 rgb(169,183,184)
```
#b4c0c1
```
#b4c0c1 rgb(180,192,193)
```
#bfc9ca
```
#bfc9ca rgb(191,201,202)
```
#cad2d3
```
#cad2d3 rgb(202,210,211)
```
#d4dbdc
```
#d4dbdc rgb(212,219,220)
```
#dfe4e5
```
#dfe4e5 rgb(223,228,229)
```
#eaeded
```
#eaeded rgb(234,237,237)
```
#f5f6f6
```
#f5f6f6 rgb(245,246,246)
```

Tint Color Variation

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

#575a5a
```
#575a5a rgb(87,90,90)
```
#506061
```
#506061 rgb(80,96,97)
```
#496668
```
#496668 rgb(73,102,104)
```
#426c6f
```
#426c6f rgb(66,108,111)
```
#3c7275
```
#3c7275 rgb(60,114,117)
```
#35787c
```
#35787c rgb(53,120,124)
```
#2e7e83
```
#2e7e83 rgb(46,126,131)
```
#27848a
```
#27848a rgb(39,132,138)
```
#208a91
```
#208a91 rgb(32,138,145)
```
#1a9097
```
#1a9097 rgb(26,144,151)
```
#13969e
```
#13969e rgb(19,150,158)
```
#0c9ca5
```
#0c9ca5 rgb(12,156,165)
```
#05a2ac
```
#05a2ac rgb(5,162,172)
```

Tone Color Variation

Below, you can see how #506061 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
#595c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#666467 Protanopia 1% of men
#6c626b Deuteranopia 1% of men
#5a676e Tritanopia 0.001% of the population

Trichromacy

#5e6365 Protanomaly 1% of men, 0.01% of women
#616167 Deuteranomaly 6% of men, 0.4% of women
#566469 Tritanomaly 0.01% of the population

#506061 hex color

#506061 Color Information

#506061 Color Conversion

Color Schemes with #506061

Alternatives to #506061

#506061 Preview

Shades and Tints of #506061

Tones of #506061

Color Blindness Simulator