#505477 hex color

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

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

● #505477 color description : Mostly desaturated dark blue.

The hexadecimal color #505477 has RGB values of R:80, G:84, B:119 and CMYK values of C:0.33, M:0.29, Y:0, K:0.53. Its decimal value is 5264503.

Hex triplet	505477	`#505477`
RGB Decimal	80, 84, 119	`rgb(80,84,119)`
RGB Percent	31.4, 32.9, 46.7	`rgb(31.4%,32.9%,46.7%)`
CMYK	33, 29, 0, 53
HSL	233.8°, 19.6, 39	`hsl(233.8,19.6%,39%)`
HSV (or HSB)	233.8°, 32.8, 46.7
Web Safe	666666	`#666666`

CIE-LAB	36.702, 7.357, -20.395
XYZ	9.808, 9.378, 18.745
xyY	0.259, 0.247, 9.378
CIE-LCH	36.702, 21.681, 289.835
CIE-LUV	36.702, -3.843, -28.643
Hunter-Lab	30.623, 3.577, -14.856
Binary	01010000, 01010100, 01110111

#505477
```
#505477 rgb(80,84,119)
```
#777350
```
#777350 rgb(119,115,80)
```

Complementary Color

#506877
```
#506877 rgb(80,104,119)
```
#505477
```
#505477 rgb(80,84,119)
```
#605077
```
#605077 rgb(96,80,119)
```

Analogous Color

#687750
```
#687750 rgb(104,119,80)
```
#505477
```
#505477 rgb(80,84,119)
```
#776050
```
#776050 rgb(119,96,80)
```

Split Complementary Color

#547750
```
#547750 rgb(84,119,80)
```
#505477
```
#505477 rgb(80,84,119)
```
#775054
```
#775054 rgb(119,80,84)
```

Triadic Color

#507773
```
#507773 rgb(80,119,115)
```
#505477
```
#505477 rgb(80,84,119)
```
#775054
```
#775054 rgb(119,80,84)
```
#777350
```
#777350 rgb(119,115,80)
```

Tetradic Color

#313449
```
#313449 rgb(49,52,73)
```
#3b3e59
```
#3b3e59 rgb(59,62,89)
```
#464968
```
#464968 rgb(70,73,104)
```
#505477
```
#505477 rgb(80,84,119)
```
#5a5f86
```
#5a5f86 rgb(90,95,134)
```
#656a95
```
#656a95 rgb(101,106,149)
```
#7377a1
```
#7377a1 rgb(115,119,161)
```

Monochromatic Color

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

#505e77
```
#505e77 rgb(80,94,119)
```
#505b77
```
#505b77 rgb(80,91,119)
```
#505777
```
#505777 rgb(80,87,119)
```
#505477
```
#505477 rgb(80,84,119)
```
#505177
```
#505177 rgb(80,81,119)
```
#535077
```
#535077 rgb(83,80,119)
```
#565077
```
#565077 rgb(86,80,119)
```

Similar Colors

Text with hexadecimal color #505477

This text has a font color of #505477.

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

#505477 background color

This paragraph has a background color of #505477.

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

#505477 border color

This element has a border color of #505477.

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

CSS codes

.text {color:#505477;}

.background {background-color:#505477;}

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

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 #f5f5f8 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#09090d
```
#09090d rgb(9,9,13)
```
#111219
```
#111219 rgb(17,18,25)
```
#191a25
```
#191a25 rgb(25,26,37)
```
#212231
```
#212231 rgb(33,34,49)
```
#292b3c
```
#292b3c rgb(41,43,60)
```
#303348
```
#303348 rgb(48,51,72)
```
#383b54
```
#383b54 rgb(56,59,84)
```
#404360
```
#404360 rgb(64,67,96)
```
#484c6b
```
#484c6b rgb(72,76,107)
```
#505477
```
#505477 rgb(80,84,119)
```
#585c83
```
#585c83 rgb(88,92,131)
```
#60658e
```
#60658e rgb(96,101,142)
```

Shade Color Variation

#686d9a
```
#686d9a rgb(104,109,154)
```
#7479a2
```
#7479a2 rgb(116,121,162)
```
#8084a9
```
#8084a9 rgb(128,132,169)
```
#8b8fb1
```
#8b8fb1 rgb(139,143,177)
```
#979bb9
```
#979bb9 rgb(151,155,185)
```
#a3a6c1
```
#a3a6c1 rgb(163,166,193)
```
#afb1c9
```
#afb1c9 rgb(175,177,201)
```
#babdd1
```
#babdd1 rgb(186,189,209)
```
#c6c8d9
```
#c6c8d9 rgb(198,200,217)
```
#d2d3e1
```
#d2d3e1 rgb(210,211,225)
```
#dedfe8
```
#dedfe8 rgb(222,223,232)
```
#e9eaf0
```
#e9eaf0 rgb(233,234,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#5f6068
```
#5f6068 rgb(95,96,104)
```
#585a6f
```
#585a6f rgb(88,90,111)
```
#505477
```
#505477 rgb(80,84,119)
```
#484e7f
```
#484e7f rgb(72,78,127)
```
#414886
```
#414886 rgb(65,72,134)
```
#39428e
```
#39428e rgb(57,66,142)
```
#313c96
```
#313c96 rgb(49,60,150)
```
#2a369d
```
#2a369d rgb(42,54,157)
```
#222fa5
```
#222fa5 rgb(34,47,165)
```
#1a29ad
```
#1a29ad rgb(26,41,173)
```
#1323b4
```
#1323b4 rgb(19,35,180)
```
#0b1dbc
```
#0b1dbc rgb(11,29,188)
```
#0317c4
```
#0317c4 rgb(3,23,196)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#56565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#545d7e Protanopia 1% of men
#555d7d Deuteranopia 1% of men
#536168 Tritanopia 0.001% of the population

Trichromacy

#535a7b Protanomaly 1% of men, 0.01% of women
#535a7b Deuteranomaly 6% of men, 0.4% of women
#525c6d Tritanomaly 0.01% of the population

#505477 hex color

#505477 Color Information

#505477 Color Conversion

Color Schemes with #505477

Alternatives to #505477

#505477 Preview

Shades and Tints of #505477

Tones of #505477

Color Blindness Simulator