#505b76 hex color

In a RGB color space, hex #505b76 is composed of 31.4% red, 35.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 22.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 222.6 degrees, a saturation of 19.2% and a lightness of 38.8%. #505b76 color hex could be obtained by blending #a0b6ec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 36
- B 46
RGB color chart
- C 32
- M 23
- Y 0
- K 54
CMYK color chart

● #505b76 color description : Mostly desaturated dark blue.

The hexadecimal color #505b76 has RGB values of R:80, G:91, B:118 and CMYK values of C:0.32, M:0.23, Y:0, K:0.54. Its decimal value is 5266294.

Hex triplet	505b76	`#505b76`
RGB Decimal	80, 91, 118	`rgb(80,91,118)`
RGB Percent	31.4, 35.7, 46.3	`rgb(31.4%,35.7%,46.3%)`
CMYK	32, 23, 0, 54
HSL	222.6°, 19.2, 38.8	`hsl(222.6,19.2%,38.8%)`
HSV (or HSB)	222.6°, 32.2, 46.3
Web Safe	666666	`#666666`

CIE-LAB	38.717, 2.674, -16.673
XYZ	10.319, 10.495, 18.621
xyY	0.262, 0.266, 10.495
CIE-LCH	38.717, 16.886, 279.11
CIE-LUV	38.717, -6.673, -23.11
Hunter-Lab	32.397, 0.16, -11.401
Binary	01010000, 01011011, 01110110

#505b76
```
#505b76 rgb(80,91,118)
```
#766b50
```
#766b50 rgb(118,107,80)
```

Complementary Color

#506e76
```
#506e76 rgb(80,110,118)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#585076
```
#585076 rgb(88,80,118)
```

Analogous Color

#6e7650
```
#6e7650 rgb(110,118,80)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#765850
```
#765850 rgb(118,88,80)
```

Split Complementary Color

#5b7650
```
#5b7650 rgb(91,118,80)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#76505b
```
#76505b rgb(118,80,91)
```

Triadic Color

#50766b
```
#50766b rgb(80,118,107)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#76505b
```
#76505b rgb(118,80,91)
```
#766b50
```
#766b50 rgb(118,107,80)
```

Tetradic Color

#313848
```
#313848 rgb(49,56,72)
```
#3b4458
```
#3b4458 rgb(59,68,88)
```
#464f67
```
#464f67 rgb(70,79,103)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#5a6785
```
#5a6785 rgb(90,103,133)
```
#657294
```
#657294 rgb(101,114,148)
```
#7380a0
```
#7380a0 rgb(115,128,160)
```

Monochromatic Color

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

#506576
```
#506576 rgb(80,101,118)
```
#506176
```
#506176 rgb(80,97,118)
```
#505e76
```
#505e76 rgb(80,94,118)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#505876
```
#505876 rgb(80,88,118)
```
#505576
```
#505576 rgb(80,85,118)
```
#505276
```
#505276 rgb(80,82,118)
```

Similar Colors

Text with hexadecimal color #505b76

This text has a font color of #505b76.

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

#505b76 background color

This paragraph has a background color of #505b76.

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

#505b76 border color

This element has a border color of #505b76.

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

CSS codes

.text {color:#505b76;}

.background {background-color:#505b76;}

.border {border:1px solid #505b76;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0d
```
#090a0d rgb(9,10,13)
```
#111318
```
#111318 rgb(17,19,24)
```
#191c24
```
#191c24 rgb(25,28,36)
```
#202530
```
#202530 rgb(32,37,48)
```
#282e3c
```
#282e3c rgb(40,46,60)
```
#303747
```
#303747 rgb(48,55,71)
```
#384053
```
#384053 rgb(56,64,83)
```
#40495f
```
#40495f rgb(64,73,95)
```
#48526a
```
#48526a rgb(72,82,106)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#586482
```
#586482 rgb(88,100,130)
```
#606d8d
```
#606d8d rgb(96,109,141)
```

Shade Color Variation

#687699
```
#687699 rgb(104,118,153)
```
#7481a1
```
#7481a1 rgb(116,129,161)
```
#808ba9
```
#808ba9 rgb(128,139,169)
```
#8b96b0
```
#8b96b0 rgb(139,150,176)
```
#97a1b8
```
#97a1b8 rgb(151,161,184)
```
#a3abc0
```
#a3abc0 rgb(163,171,192)
```
#aeb6c8
```
#aeb6c8 rgb(174,182,200)
```
#bac0d0
```
#bac0d0 rgb(186,192,208)
```
#c6cbd8
```
#c6cbd8 rgb(198,203,216)
```
#d1d6e0
```
#d1d6e0 rgb(209,214,224)
```
#dde0e8
```
#dde0e8 rgb(221,224,232)
```
#e9ebf0
```
#e9ebf0 rgb(233,235,240)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

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

#5f6167
```
#5f6167 rgb(95,97,103)
```
#585e6e
```
#585e6e rgb(88,94,110)
```
#505b76
```
#505b76 rgb(80,91,118)
```
#48587e
```
#48587e rgb(72,88,126)
```
#415585
```
#415585 rgb(65,85,133)
```
#39518d
```
#39518d rgb(57,81,141)
```
#324e94
```
#324e94 rgb(50,78,148)
```
#2a4b9c
```
#2a4b9c rgb(42,75,156)
```
#2248a4
```
#2248a4 rgb(34,72,164)
```
#1b45ab
```
#1b45ab rgb(27,69,171)
```
#1341b3
```
#1341b3 rgb(19,65,179)
```
#0b3ebb
```
#0b3ebb rgb(11,62,187)
```
#043bc2
```
#043bc2 rgb(4,59,194)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c627c Protanopia 1% of men
#5e627d Deuteranopia 1% of men
#55666d Tritanopia 0.001% of the population

Trichromacy

#585f7a Protanomaly 1% of men, 0.01% of women
#595f7a Deuteranomaly 6% of men, 0.4% of women
#536270 Tritanomaly 0.01% of the population

#505b76 hex color

#505b76 Color Information

#505b76 Color Conversion

Color Schemes with #505b76

Alternatives to #505b76

#505b76 Preview

Shades and Tints of #505b76

Tones of #505b76

Color Blindness Simulator