#506077 hex color

In a RGB color space, hex #506077 is composed of 31.4% red, 37.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 19.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 215.4 degrees, a saturation of 19.6% and a lightness of 39%. #506077 color hex could be obtained by blending #a0c0ee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 38
- B 47
RGB color chart
- C 33
- M 19
- Y 0
- K 53
CMYK color chart

● #506077 color description : Mostly desaturated dark blue.

The hexadecimal color #506077 has RGB values of R:80, G:96, B:119 and CMYK values of C:0.33, M:0.19, Y:0, K:0.53. Its decimal value is 5267575.

Hex triplet	506077	`#506077`
RGB Decimal	80, 96, 119	`rgb(80,96,119)`
RGB Percent	31.4, 37.6, 46.7	`rgb(31.4%,37.6%,46.7%)`
CMYK	33, 19, 0, 53
HSL	215.4°, 19.6, 39	`hsl(215.4,19.6%,39%)`
HSV (or HSB)	215.4°, 32.8, 46.7
Web Safe	666666	`#666666`

CIE-LAB	40.251, -0.133, -14.94
XYZ	10.82, 11.403, 19.083
xyY	0.262, 0.276, 11.403
CIE-LCH	40.251, 14.94, 269.489
CIE-LUV	40.251, -8.808, -20.48
Hunter-Lab	33.768, -1.898, -9.868
Binary	01010000, 01100000, 01110111

#506077
```
#506077 rgb(80,96,119)
```
#776750
```
#776750 rgb(119,103,80)
```

Complementary Color

#507477
```
#507477 rgb(80,116,119)
```
#506077
```
#506077 rgb(80,96,119)
```
#545077
```
#545077 rgb(84,80,119)
```

Analogous Color

#747750
```
#747750 rgb(116,119,80)
```
#506077
```
#506077 rgb(80,96,119)
```
#775450
```
#775450 rgb(119,84,80)
```

Split Complementary Color

#607750
```
#607750 rgb(96,119,80)
```
#506077
```
#506077 rgb(80,96,119)
```
#775060
```
#775060 rgb(119,80,96)
```

Triadic Color

#507767
```
#507767 rgb(80,119,103)
```
#506077
```
#506077 rgb(80,96,119)
```
#775060
```
#775060 rgb(119,80,96)
```
#776750
```
#776750 rgb(119,103,80)
```

Tetradic Color

#313b49
```
#313b49 rgb(49,59,73)
```
#3b4759
```
#3b4759 rgb(59,71,89)
```
#465468
```
#465468 rgb(70,84,104)
```
#506077
```
#506077 rgb(80,96,119)
```
#5a6c86
```
#5a6c86 rgb(90,108,134)
```
#657995
```
#657995 rgb(101,121,149)
```
#7386a1
```
#7386a1 rgb(115,134,161)
```

Monochromatic Color

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

#506a77
```
#506a77 rgb(80,106,119)
```
#506777
```
#506777 rgb(80,103,119)
```
#506377
```
#506377 rgb(80,99,119)
```
#506077
```
#506077 rgb(80,96,119)
```
#505d77
```
#505d77 rgb(80,93,119)
```
#505a77
```
#505a77 rgb(80,90,119)
```
#505677
```
#505677 rgb(80,86,119)
```

Similar Colors

Text with hexadecimal color #506077

This text has a font color of #506077.

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

#506077 background color

This paragraph has a background color of #506077.

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

#506077 border color

This element has a border color of #506077.

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

CSS codes

.text {color:#506077;}

.background {background-color:#506077;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111419
```
#111419 rgb(17,20,25)
```
#191e25
```
#191e25 rgb(25,30,37)
```
#212731
```
#212731 rgb(33,39,49)
```
#29313c
```
#29313c rgb(41,49,60)
```
#303a48
```
#303a48 rgb(48,58,72)
```
#384454
```
#384454 rgb(56,68,84)
```
#404d60
```
#404d60 rgb(64,77,96)
```
#48576b
```
#48576b rgb(72,87,107)
```
#506077
```
#506077 rgb(80,96,119)
```
#586983
```
#586983 rgb(88,105,131)
```
#60738e
```
#60738e rgb(96,115,142)
```

Shade Color Variation

#687c9a
```
#687c9a rgb(104,124,154)
```
#7487a2
```
#7487a2 rgb(116,135,162)
```
#8091a9
```
#8091a9 rgb(128,145,169)
```
#8b9bb1
```
#8b9bb1 rgb(139,155,177)
```
#97a5b9
```
#97a5b9 rgb(151,165,185)
```
#a3afc1
```
#a3afc1 rgb(163,175,193)
```
#afb9c9
```
#afb9c9 rgb(175,185,201)
```
#bac4d1
```
#bac4d1 rgb(186,196,209)
```
#c6ced9
```
#c6ced9 rgb(198,206,217)
```
#d2d8e1
```
#d2d8e1 rgb(210,216,225)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e9ecf0
```
#e9ecf0 rgb(233,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#5f6368
```
#5f6368 rgb(95,99,104)
```
#58616f
```
#58616f rgb(88,97,111)
```
#506077
```
#506077 rgb(80,96,119)
```
#485f7f
```
#485f7f rgb(72,95,127)
```
#415d86
```
#415d86 rgb(65,93,134)
```
#395c8e
```
#395c8e rgb(57,92,142)
```
#315b96
```
#315b96 rgb(49,91,150)
```
#2a599d
```
#2a599d rgb(42,89,157)
```
#2258a5
```
#2258a5 rgb(34,88,165)
```
#1a56ad
```
#1a56ad rgb(26,86,173)
```
#1355b4
```
#1355b4 rgb(19,85,180)
```
#0b54bc
```
#0b54bc rgb(11,84,188)
```
#0352c4
```
#0352c4 rgb(3,82,196)
```

Tone Color Variation

Below, you can see how #506077 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
#5b5e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667c Protanopia 1% of men
#63657f Deuteranopia 1% of men
#556a72 Tritanopia 0.001% of the population

Trichromacy

#5b637a Protanomaly 1% of men, 0.01% of women
#5c637c Deuteranomaly 6% of men, 0.4% of women
#536673 Tritanomaly 0.01% of the population

#506077 hex color

#506077 Color Information

#506077 Color Conversion

Color Schemes with #506077

Alternatives to #506077

#506077 Preview

Shades and Tints of #506077

Tones of #506077

Color Blindness Simulator