#506167 hex color

In a RGB color space, hex #506167 is composed of 31.4% red, 38% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 5.8% magenta, 0% yellow and 59.6% black. It has a hue angle of 195.7 degrees, a saturation of 12.6% and a lightness of 35.9%. #506167 color hex could be obtained by blending #a0c2ce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 38
- B 40
RGB color chart
- C 22
- M 6
- Y 0
- K 60
CMYK color chart

● #506167 color description : Very dark grayish blue.

The hexadecimal color #506167 has RGB values of R:80, G:97, B:103 and CMYK values of C:0.22, M:0.06, Y:0, K:0.6. Its decimal value is 5267815.

Hex triplet	506167	`#506167`
RGB Decimal	80, 97, 103	`rgb(80,97,103)`
RGB Percent	31.4, 38, 40.4	`rgb(31.4%,38%,40.4%)`
CMYK	22, 6, 0, 60
HSL	195.7°, 12.6, 35.9	`hsl(195.7,12.6%,35.9%)`
HSV (or HSB)	195.7°, 22.3, 40.4
Web Safe	666666	`#666666`

CIE-LAB	39.972, -4.974, -5.562
XYZ	10.031, 11.234, 14.471
xyY	0.281, 0.314, 11.234
CIE-LCH	39.972, 7.462, 228.196
CIE-LUV	39.972, -8.87, -6.657
Hunter-Lab	33.517, -5.235, -2.137
Binary	01010000, 01100001, 01100111

#506167
```
#506167 rgb(80,97,103)
```
#675650
```
#675650 rgb(103,86,80)
```

Complementary Color

#506762
```
#506762 rgb(80,103,98)
```
#506167
```
#506167 rgb(80,97,103)
```
#505667
```
#505667 rgb(80,86,103)
```

Analogous Color

#676250
```
#676250 rgb(103,98,80)
```
#506167
```
#506167 rgb(80,97,103)
```
#675056
```
#675056 rgb(103,80,86)
```

Split Complementary Color

#616750
```
#616750 rgb(97,103,80)
```
#506167
```
#506167 rgb(80,97,103)
```
#675061
```
#675061 rgb(103,80,97)
```

Triadic Color

#506756
```
#506756 rgb(80,103,86)
```
#506167
```
#506167 rgb(80,97,103)
```
#675061
```
#675061 rgb(103,80,97)
```
#675650
```
#675650 rgb(103,86,80)
```

Tetradic Color

#2f383c
```
#2f383c rgb(47,56,60)
```
#3a464a
```
#3a464a rgb(58,70,74)
```
#455359
```
#455359 rgb(69,83,89)
```
#506167
```
#506167 rgb(80,97,103)
```
#5b6f75
```
#5b6f75 rgb(91,111,117)
```
#667c84
```
#667c84 rgb(102,124,132)
```
#728991
```
#728991 rgb(114,137,145)
```

Monochromatic Color

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

#506767
```
#506767 rgb(80,103,103)
```
#506567
```
#506567 rgb(80,101,103)
```
#506367
```
#506367 rgb(80,99,103)
```
#506167
```
#506167 rgb(80,97,103)
```
#505f67
```
#505f67 rgb(80,95,103)
```
#505d67
```
#505d67 rgb(80,93,103)
```
#505b67
```
#505b67 rgb(80,91,103)
```

Similar Colors

Text with hexadecimal color #506167

This text has a font color of #506167.

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

#506167 background color

This paragraph has a background color of #506167.

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

#506167 border color

This element has a border color of #506167.

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

CSS codes

.text {color:#506167;}

.background {background-color:#506167;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0e0f
```
#0b0e0f rgb(11,14,15)
```
#14181a
```
#14181a rgb(20,24,26)
```
#1d2325
```
#1d2325 rgb(29,35,37)
```
#252d30
```
#252d30 rgb(37,45,48)
```
#2e373b
```
#2e373b rgb(46,55,59)
```
#364246
```
#364246 rgb(54,66,70)
```
#3f4c51
```
#3f4c51 rgb(63,76,81)
```
#47575c
```
#47575c rgb(71,87,92)
```
#506167
```
#506167 rgb(80,97,103)
```
#596b72
```
#596b72 rgb(89,107,114)
```
#61767d
```
#61767d rgb(97,118,125)
```
#6a8088
```
#6a8088 rgb(106,128,136)
```

Shade Color Variation

#738a92
```
#738a92 rgb(115,138,146)
```
#7e939b
```
#7e939b rgb(126,147,155)
```
#899da3
```
#899da3 rgb(137,157,163)
```
#94a6ac
```
#94a6ac rgb(148,166,172)
```
#9fafb5
```
#9fafb5 rgb(159,175,181)
```
#aab8bd
```
#aab8bd rgb(170,184,189)
```
#b5c2c6
```
#b5c2c6 rgb(181,194,198)
```
#c0cbce
```
#c0cbce rgb(192,203,206)
```
#cbd4d7
```
#cbd4d7 rgb(203,212,215)
```
#d6dde0
```
#d6dde0 rgb(214,221,224)
```
#e2e6e8
```
#e2e6e8 rgb(226,230,232)
```
#edf0f1
```
#edf0f1 rgb(237,240,241)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#575e60
```
#575e60 rgb(87,94,96)
```
#506167
```
#506167 rgb(80,97,103)
```
#49646e
```
#49646e rgb(73,100,110)
```
#426875
```
#426875 rgb(66,104,117)
```
#3b6b7c
```
#3b6b7c rgb(59,107,124)
```
#346e83
```
#346e83 rgb(52,110,131)
```
#2d728a
```
#2d728a rgb(45,114,138)
```
#267591
```
#267591 rgb(38,117,145)
```
#1f7998
```
#1f7998 rgb(31,121,152)
```
#187c9f
```
#187c9f rgb(24,124,159)
```
#117fa6
```
#117fa6 rgb(17,127,166)
```
#0a83ad
```
#0a83ad rgb(10,131,173)
```
#0386b4
```
#0386b4 rgb(3,134,180)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5a5e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#66656d Protanopia 1% of men
#6b6370 Deuteranopia 1% of men
#596870 Tritanopia 0.001% of the population

Trichromacy

#5e646a Protanomaly 1% of men, 0.01% of women
#61626d Deuteranomaly 6% of men, 0.4% of women
#56666d Tritanomaly 0.01% of the population

#506167 hex color

#506167 Color Information

#506167 Color Conversion

Color Schemes with #506167

Alternatives to #506167

#506167 Preview

Shades and Tints of #506167

Tones of #506167

Color Blindness Simulator