#506e79 hex color

In a RGB color space, hex #506e79 is composed of 31.4% red, 43.1% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 9.1% magenta, 0% yellow and 52.5% black. It has a hue angle of 196.1 degrees, a saturation of 20.4% and a lightness of 39.4%. #506e79 color hex could be obtained by blending #a0dcf2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 43
- B 47
RGB color chart
- C 34
- M 9
- Y 0
- K 53
CMYK color chart

● #506e79 color description : Mostly desaturated dark blue.

The hexadecimal color #506e79 has RGB values of R:80, G:110, B:121 and CMYK values of C:0.34, M:0.09, Y:0, K:0.53. Its decimal value is 5271161.

Hex triplet	506e79	`#506e79`
RGB Decimal	80, 110, 121	`rgb(80,110,121)`
RGB Percent	31.4, 43.1, 47.5	`rgb(31.4%,43.1%,47.5%)`
CMYK	34, 9, 0, 53
HSL	196.1°, 20.4, 39.4	`hsl(196.1,20.4%,39.4%)`
HSV (or HSB)	196.1°, 33.9, 47.5
Web Safe	666666	`#666666`

CIE-LAB	44.571, -7.941, -9.608
XYZ	12.335, 14.237, 20.186
xyY	0.264, 0.304, 14.237
CIE-LCH	44.571, 12.465, 230.426
CIE-LUV	44.571, -14.834, -12.178
Hunter-Lab	37.732, -7.681, -5.307
Binary	01010000, 01101110, 01111001

#506e79
```
#506e79 rgb(80,110,121)
```
#795b50
```
#795b50 rgb(121,91,80)
```

Complementary Color

#507970
```
#507970 rgb(80,121,112)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#505a79
```
#505a79 rgb(80,90,121)
```

Analogous Color

#797050
```
#797050 rgb(121,112,80)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#79505a
```
#79505a rgb(121,80,90)
```

Split Complementary Color

#6e7950
```
#6e7950 rgb(110,121,80)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#79506e
```
#79506e rgb(121,80,110)
```

Triadic Color

#50795b
```
#50795b rgb(80,121,91)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#79506e
```
#79506e rgb(121,80,110)
```
#795b50
```
#795b50 rgb(121,91,80)
```

Tetradic Color

#32444b
```
#32444b rgb(50,68,75)
```
#3c525a
```
#3c525a rgb(60,82,90)
```
#46606a
```
#46606a rgb(70,96,106)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#5a7c88
```
#5a7c88 rgb(90,124,136)
```
#648a98
```
#648a98 rgb(100,138,152)
```
#7396a2
```
#7396a2 rgb(115,150,162)
```

Monochromatic Color

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

#507879
```
#507879 rgb(80,120,121)
```
#507579
```
#507579 rgb(80,117,121)
```
#507179
```
#507179 rgb(80,113,121)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#506b79
```
#506b79 rgb(80,107,121)
```
#506779
```
#506779 rgb(80,103,121)
```
#506479
```
#506479 rgb(80,100,121)
```

Similar Colors

Text with hexadecimal color #506e79

This text has a font color of #506e79.

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

#506e79 background color

This paragraph has a background color of #506e79.

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

#506e79 border color

This element has a border color of #506e79.

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

CSS codes

.text {color:#506e79;}

.background {background-color:#506e79;}

.border {border:1px solid #506e79;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0d0f
```
#0a0d0f rgb(10,13,15)
```
#12181b
```
#12181b rgb(18,24,27)
```
#192326
```
#192326 rgb(25,35,38)
```
#212e32
```
#212e32 rgb(33,46,50)
```
#29383e
```
#29383e rgb(41,56,62)
```
#31434a
```
#31434a rgb(49,67,74)
```
#394e56
```
#394e56 rgb(57,78,86)
```
#405961
```
#405961 rgb(64,89,97)
```
#48636d
```
#48636d rgb(72,99,109)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#587985
```
#587985 rgb(88,121,133)
```
#608391
```
#608391 rgb(96,131,145)
```

Shade Color Variation

#688e9b
```
#688e9b rgb(104,142,155)
```
#7497a3
```
#7497a3 rgb(116,151,163)
```
#80a0ab
```
#80a0ab rgb(128,160,171)
```
#8ca8b3
```
#8ca8b3 rgb(140,168,179)
```
#98b1bb
```
#98b1bb rgb(152,177,187)
```
#a3bac2
```
#a3bac2 rgb(163,186,194)
```
#afc3ca
```
#afc3ca rgb(175,195,202)
```
#bbccd2
```
#bbccd2 rgb(187,204,210)
```
#c7d5da
```
#c7d5da rgb(199,213,218)
```
#d3dee2
```
#d3dee2 rgb(211,222,226)
```
#dee7ea
```
#dee7ea rgb(222,231,234)
```
#eaeff1
```
#eaeff1 rgb(234,239,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f676a is the less saturated color, while #0392c6 is the most saturated one.

#5f676a
```
#5f676a rgb(95,103,106)
```
#586a71
```
#586a71 rgb(88,106,113)
```
#506e79
```
#506e79 rgb(80,110,121)
```
#487281
```
#487281 rgb(72,114,129)
```
#417588
```
#417588 rgb(65,117,136)
```
#397990
```
#397990 rgb(57,121,144)
```
#317c98
```
#317c98 rgb(49,124,152)
```
#2980a0
```
#2980a0 rgb(41,128,160)
```
#2283a7
```
#2283a7 rgb(34,131,167)
```
#1a87af
```
#1a87af rgb(26,135,175)
```
#128bb7
```
#128bb7 rgb(18,139,183)
```
#0a8ebf
```
#0a8ebf rgb(10,142,191)
```
#0392c6
```
#0392c6 rgb(3,146,198)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f707c Protanopia 1% of men
#726e82 Deuteranopia 1% of men
#58757e Tritanopia 0.001% of the population

Trichromacy

#636f7b Protanomaly 1% of men, 0.01% of women
#666e7e Deuteranomaly 6% of men, 0.4% of women
#55727c Tritanomaly 0.01% of the population

#506e79 hex color

#506e79 Color Information

#506e79 Color Conversion

Color Schemes with #506e79

Alternatives to #506e79

#506e79 Preview

Shades and Tints of #506e79

Tones of #506e79

Color Blindness Simulator