#505060 hex color

In a RGB color space, hex #505060 is composed of 31.4% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 16.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 240 degrees, a saturation of 9.1% and a lightness of 34.5%. #505060 color hex could be obtained by blending #a0a0c0 with #000000. Closest websafe color is: #666666.

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

● #505060 color description : Very dark grayish blue.

The hexadecimal color #505060 has RGB values of R:80, G:80, B:96 and CMYK values of C:0.17, M:0.17, Y:0, K:0.62. Its decimal value is 5263456.

Hex triplet	505060	`#505060`
RGB Decimal	80, 80, 96	`rgb(80,80,96)`
RGB Percent	31.4, 31.4, 37.6	`rgb(31.4%,31.4%,37.6%)`
CMYK	17, 17, 0, 62
HSL	240°, 9.1, 34.5	`hsl(240,9.1%,34.5%)`
HSV (or HSB)	240°, 16.7, 37.6
Web Safe	666666	`#666666`

CIE-LAB	34.574, 3.728, -9.298
XYZ	8.288, 8.287, 12.229
xyY	0.288, 0.288, 8.287
CIE-LCH	34.574, 10.017, 291.848
CIE-LUV	34.574, -0.901, -12.468
Hunter-Lab	28.788, 1.011, -5.034
Binary	01010000, 01010000, 01100000

#505060
```
#505060 rgb(80,80,96)
```
#606050
```
#606050 rgb(96,96,80)
```

Complementary Color

#505860
```
#505860 rgb(80,88,96)
```
#505060
```
#505060 rgb(80,80,96)
```
#585060
```
#585060 rgb(88,80,96)
```

Analogous Color

#586050
```
#586050 rgb(88,96,80)
```
#505060
```
#505060 rgb(80,80,96)
```
#605850
```
#605850 rgb(96,88,80)
```

Split Complementary Color

#506050
```
#506050 rgb(80,96,80)
```
#505060
```
#505060 rgb(80,80,96)
```
#605050
```
#605050 rgb(96,80,80)
```

Triadic Color

#506060
```
#506060 rgb(80,96,96)
```
#505060
```
#505060 rgb(80,80,96)
```
#605050
```
#605050 rgb(96,80,80)
```
#606050
```
#606050 rgb(96,96,80)
```

Tetradic Color

#2d2d36
```
#2d2d36 rgb(45,45,54)
```
#393944
```
#393944 rgb(57,57,68)
```
#444452
```
#444452 rgb(68,68,82)
```
#505060
```
#505060 rgb(80,80,96)
```
#5c5c6e
```
#5c5c6e rgb(92,92,110)
```
#67677c
```
#67677c rgb(103,103,124)
```
#73738a
```
#73738a rgb(115,115,138)
```

Monochromatic Color

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

#505460
```
#505460 rgb(80,84,96)
```
#505360
```
#505360 rgb(80,83,96)
```
#505160
```
#505160 rgb(80,81,96)
```
#505060
```
#505060 rgb(80,80,96)
```
#515060
```
#515060 rgb(81,80,96)
```
#535060
```
#535060 rgb(83,80,96)
```
#545060
```
#545060 rgb(84,80,96)
```

Similar Colors

Text with hexadecimal color #505060

This text has a font color of #505060.

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

#505060 background color

This paragraph has a background color of #505060.

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

#505060 border color

This element has a border color of #505060.

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

CSS codes

.text {color:#505060;}

.background {background-color:#505060;}

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

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, #09090a is the darkest color, while #ffffff is the lightest one.

#09090a
```
#09090a rgb(9,9,10)
```
#121215
```
#121215 rgb(18,18,21)
```
#1b1b20
```
#1b1b20 rgb(27,27,32)
```
#23232b
```
#23232b rgb(35,35,43)
```
#2c2c35
```
#2c2c35 rgb(44,44,53)
```
#353540
```
#353540 rgb(53,53,64)
```
#3e3e4b
```
#3e3e4b rgb(62,62,75)
```
#474755
```
#474755 rgb(71,71,85)
```
#505060
```
#505060 rgb(80,80,96)
```
#59596b
```
#59596b rgb(89,89,107)
```
#626275
```
#626275 rgb(98,98,117)
```
#6b6b80
```
#6b6b80 rgb(107,107,128)
```
#74748b
```
#74748b rgb(116,116,139)
```

Shade Color Variation

#7e7e94
```
#7e7e94 rgb(126,126,148)
```
#89899d
```
#89899d rgb(137,137,157)
```
#9494a6
```
#9494a6 rgb(148,148,166)
```
#9e9eaf
```
#9e9eaf rgb(158,158,175)
```
#a9a9b7
```
#a9a9b7 rgb(169,169,183)
```
#b4b4c0
```
#b4b4c0 rgb(180,180,192)
```
#bfbfc9
```
#bfbfc9 rgb(191,191,201)
```
#c9c9d2
```
#c9c9d2 rgb(201,201,210)
```
#d4d4db
```
#d4d4db rgb(212,212,219)
```
#dfdfe4
```
#dfdfe4 rgb(223,223,228)
```
#e9e9ed
```
#e9e9ed rgb(233,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575759 is the less saturated color, while #0606aa is the most saturated one.

#575759
```
#575759 rgb(87,87,89)
```
#505060
```
#505060 rgb(80,80,96)
```
#494967
```
#494967 rgb(73,73,103)
```
#42426e
```
#42426e rgb(66,66,110)
```
#3c3c74
```
#3c3c74 rgb(60,60,116)
```
#35357b
```
#35357b rgb(53,53,123)
```
#2e2e82
```
#2e2e82 rgb(46,46,130)
```
#272789
```
#272789 rgb(39,39,137)
```
#21218f
```
#21218f rgb(33,33,143)
```
#1a1a96
```
#1a1a96 rgb(26,26,150)
```
#13139d
```
#13139d rgb(19,19,157)
```
#0c0ca4
```
#0c0ca4 rgb(12,12,164)
```
#0606aa
```
#0606aa rgb(6,6,170)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#525255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575968 Protanopia 1% of men
#5b5868 Deuteranopia 1% of men
#575a60 Tritanopia 0.001% of the population

Trichromacy

#545665 Protanomaly 1% of men, 0.01% of women
#575565 Deuteranomaly 6% of men, 0.4% of women
#545660 Tritanomaly 0.01% of the population

#505060 hex color

#505060 Color Information

#505060 Color Conversion

Color Schemes with #505060

Alternatives to #505060

#505060 Preview

Shades and Tints of #505060

Tones of #505060

Color Blindness Simulator