#506460 hex color

In a RGB color space, hex #506460 is composed of 31.4% red, 39.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 4% yellow and 60.8% black. It has a hue angle of 168 degrees, a saturation of 11.1% and a lightness of 35.3%. #506460 color hex could be obtained by blending #a0c8c0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 39
- B 38
RGB color chart
- C 20
- M 0
- Y 4
- K 61
CMYK color chart

● #506460 color description : Very dark grayish cyan.

The hexadecimal color #506460 has RGB values of R:80, G:100, B:96 and CMYK values of C:0.2, M:0, Y:0.04, K:0.61. Its decimal value is 5268576.

Hex triplet	506460	`#506460`
RGB Decimal	80, 100, 96	`rgb(80,100,96)`
RGB Percent	31.4, 39.2, 37.6	`rgb(31.4%,39.2%,37.6%)`
CMYK	20, 0, 4, 61
HSL	168°, 11.1, 35.3	`hsl(168,11.1%,35.3%)`
HSV (or HSB)	168°, 20, 39.2
Web Safe	666666	`#666666`

CIE-LAB	40.677, -8.442, -0.233
XYZ	9.976, 11.664, 12.791
xyY	0.29, 0.339, 11.664
CIE-LCH	40.677, 8.446, 181.584
CIE-LUV	40.677, -10.123, 0.928
Hunter-Lab	34.153, -7.626, 1.701
Binary	01010000, 01100100, 01100000

#506460
```
#506460 rgb(80,100,96)
```
#645054
```
#645054 rgb(100,80,84)
```

Complementary Color

#506456
```
#506456 rgb(80,100,86)
```
#506460
```
#506460 rgb(80,100,96)
```
#505e64
```
#505e64 rgb(80,94,100)
```

Analogous Color

#645650
```
#645650 rgb(100,86,80)
```
#506460
```
#506460 rgb(80,100,96)
```
#64505e
```
#64505e rgb(100,80,94)
```

Split Complementary Color

#646050
```
#646050 rgb(100,96,80)
```
#506460
```
#506460 rgb(80,100,96)
```
#605064
```
#605064 rgb(96,80,100)
```

Triadic Color

#546450
```
#546450 rgb(84,100,80)
```
#506460
```
#506460 rgb(80,100,96)
```
#605064
```
#605064 rgb(96,80,100)
```
#645054
```
#645054 rgb(100,80,84)
```

Tetradic Color

#2e3a37
```
#2e3a37 rgb(46,58,55)
```
#394845
```
#394845 rgb(57,72,69)
```
#455652
```
#455652 rgb(69,86,82)
```
#506460
```
#506460 rgb(80,100,96)
```
#5b726e
```
#5b726e rgb(91,114,110)
```
#67807b
```
#67807b rgb(103,128,123)
```
#728e89
```
#728e89 rgb(114,142,137)
```

Monochromatic Color

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

#50645b
```
#50645b rgb(80,100,91)
```
#50645d
```
#50645d rgb(80,100,93)
```
#50645e
```
#50645e rgb(80,100,94)
```
#506460
```
#506460 rgb(80,100,96)
```
#506462
```
#506462 rgb(80,100,98)
```
#506463
```
#506463 rgb(80,100,99)
```
#506364
```
#506364 rgb(80,99,100)
```

Similar Colors

Text with hexadecimal color #506460

This text has a font color of #506460.

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

#506460 background color

This paragraph has a background color of #506460.

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

#506460 border color

This element has a border color of #506460.

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

CSS codes

.text {color:#506460;}

.background {background-color:#506460;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0c
```
#0a0d0c rgb(10,13,12)
```
#131817
```
#131817 rgb(19,24,23)
```
#1c2321
```
#1c2321 rgb(28,35,33)
```
#242e2c
```
#242e2c rgb(36,46,44)
```
#2d3836
```
#2d3836 rgb(45,56,54)
```
#364341
```
#364341 rgb(54,67,65)
```
#3f4e4b
```
#3f4e4b rgb(63,78,75)
```
#475956
```
#475956 rgb(71,89,86)
```
#506460
```
#506460 rgb(80,100,96)
```
#596f6a
```
#596f6a rgb(89,111,106)
```
#617a75
```
#617a75 rgb(97,122,117)
```
#6a857f
```
#6a857f rgb(106,133,127)
```

Shade Color Variation

#738f8a
```
#738f8a rgb(115,143,138)
```
#7e9893
```
#7e9893 rgb(126,152,147)
```
#89a19c
```
#89a19c rgb(137,161,156)
```
#94a9a5
```
#94a9a5 rgb(148,169,165)
```
#9fb2ae
```
#9fb2ae rgb(159,178,174)
```
#aabbb7
```
#aabbb7 rgb(170,187,183)
```
#b5c4c1
```
#b5c4c1 rgb(181,196,193)
```
#c0ccca
```
#c0ccca rgb(192,204,202)
```
#cad5d3
```
#cad5d3 rgb(202,213,211)
```
#d5dedc
```
#d5dedc rgb(213,222,220)
```
#e0e6e5
```
#e0e6e5 rgb(224,230,229)
```
#ebefee
```
#ebefee rgb(235,239,238)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```

Tint Color Variation

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

#575d5c
```
#575d5c rgb(87,93,92)
```
#506460
```
#506460 rgb(80,100,96)
```
#496b64
```
#496b64 rgb(73,107,100)
```
#427268
```
#427268 rgb(66,114,104)
```
#3b796c
```
#3b796c rgb(59,121,108)
```
#348071
```
#348071 rgb(52,128,113)
```
#2d8775
```
#2d8775 rgb(45,135,117)
```
#268e79
```
#268e79 rgb(38,142,121)
```
#20947d
```
#20947d rgb(32,148,125)
```
#199b81
```
#199b81 rgb(25,155,129)
```
#12a285
```
#12a285 rgb(18,162,133)
```
#0ba98a
```
#0ba98a rgb(11,169,138)
```
#04b08e
```
#04b08e rgb(4,176,142)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b5f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6766 Protanopia 1% of men
#70656a Deuteranopia 1% of men
#5b6a72 Tritanopia 0.001% of the population

Trichromacy

#606663 Protanomaly 1% of men, 0.01% of women
#646466 Deuteranomaly 6% of men, 0.4% of women
#57686b Tritanomaly 0.01% of the population

#506460 hex color

#506460 Color Information

#506460 Color Conversion

Color Schemes with #506460

Alternatives to #506460

#506460 Preview

Shades and Tints of #506460

Tones of #506460

Color Blindness Simulator