#505b6a hex color

In a RGB color space, hex #505b6a is composed of 31.4% red, 35.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 14.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 214.6 degrees, a saturation of 14% and a lightness of 36.5%. #505b6a color hex could be obtained by blending #a0b6d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 36
- B 42
RGB color chart
- C 25
- M 14
- Y 0
- K 58
CMYK color chart

● #505b6a color description : Very dark grayish blue.

The hexadecimal color #505b6a has RGB values of R:80, G:91, B:106 and CMYK values of C:0.25, M:0.14, Y:0, K:0.58. Its decimal value is 5266282.

Hex triplet	505b6a	`#505b6a`
RGB Decimal	80, 91, 106	`rgb(80,91,106)`
RGB Percent	31.4, 35.7, 41.6	`rgb(31.4%,35.7%,41.6%)`
CMYK	25, 14, 0, 58
HSL	214.6°, 14, 36.5	`hsl(214.6,14%,36.5%)`
HSV (or HSB)	214.6°, 24.5, 41.6
Web Safe	666666	`#666666`

CIE-LAB	38.249, -0.572, -9.992
XYZ	9.65, 10.228, 15.101
xyY	0.276, 0.292, 10.228
CIE-LCH	38.249, 10.008, 266.725
CIE-LUV	38.249, -6.26, -13.211
Hunter-Lab	31.981, -2.105, -5.608
Binary	01010000, 01011011, 01101010

#505b6a
```
#505b6a rgb(80,91,106)
```
#6a5f50
```
#6a5f50 rgb(106,95,80)
```

Complementary Color

#50686a
```
#50686a rgb(80,104,106)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#52506a
```
#52506a rgb(82,80,106)
```

Analogous Color

#686a50
```
#686a50 rgb(104,106,80)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#6a5250
```
#6a5250 rgb(106,82,80)
```

Split Complementary Color

#5b6a50
```
#5b6a50 rgb(91,106,80)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#6a505b
```
#6a505b rgb(106,80,91)
```

Triadic Color

#506a5f
```
#506a5f rgb(80,106,95)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#6a505b
```
#6a505b rgb(106,80,91)
```
#6a5f50
```
#6a5f50 rgb(106,95,80)
```

Tetradic Color

#2f363e
```
#2f363e rgb(47,54,62)
```
#3a424d
```
#3a424d rgb(58,66,77)
```
#454f5b
```
#454f5b rgb(69,79,91)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#5b6779
```
#5b6779 rgb(91,103,121)
```
#667487
```
#667487 rgb(102,116,135)
```
#728195
```
#728195 rgb(114,129,149)
```

Monochromatic Color

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

#50626a
```
#50626a rgb(80,98,106)
```
#505f6a
```
#505f6a rgb(80,95,106)
```
#505d6a
```
#505d6a rgb(80,93,106)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#50596a
```
#50596a rgb(80,89,106)
```
#50576a
```
#50576a rgb(80,87,106)
```
#50556a
```
#50556a rgb(80,85,106)
```

Similar Colors

Text with hexadecimal color #505b6a

This text has a font color of #505b6a.

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

#505b6a background color

This paragraph has a background color of #505b6a.

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

#505b6a border color

This element has a border color of #505b6a.

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

CSS codes

.text {color:#505b6a;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#15181c
```
#15181c rgb(21,24,28)
```
#1d2127
```
#1d2127 rgb(29,33,39)
```
#262b32
```
#262b32 rgb(38,43,50)
```
#2e353d
```
#2e353d rgb(46,53,61)
```
#373e48
```
#373e48 rgb(55,62,72)
```
#3f4854
```
#3f4854 rgb(63,72,84)
```
#48515f
```
#48515f rgb(72,81,95)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#586575
```
#586575 rgb(88,101,117)
```
#616e80
```
#616e80 rgb(97,110,128)
```
#69788c
```
#69788c rgb(105,120,140)
```

Shade Color Variation

#738295
```
#738295 rgb(115,130,149)
```
#7e8c9e
```
#7e8c9e rgb(126,140,158)
```
#8996a6
```
#8996a6 rgb(137,150,166)
```
#95a0af
```
#95a0af rgb(149,160,175)
```
#a0aab7
```
#a0aab7 rgb(160,170,183)
```
#abb4c0
```
#abb4c0 rgb(171,180,192)
```
#b6bec8
```
#b6bec8 rgb(182,190,200)
```
#c1c8d0
```
#c1c8d0 rgb(193,200,208)
```
#ccd2d9
```
#ccd2d9 rgb(204,210,217)
```
#d8dce1
```
#d8dce1 rgb(216,220,225)
```
#e3e6ea
```
#e3e6ea rgb(227,230,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#575c63
```
#575c63 rgb(87,92,99)
```
#505b6a
```
#505b6a rgb(80,91,106)
```
#495a71
```
#495a71 rgb(73,90,113)
```
#425978
```
#425978 rgb(66,89,120)
```
#3b587f
```
#3b587f rgb(59,88,127)
```
#335787
```
#335787 rgb(51,87,135)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#255495
```
#255495 rgb(37,84,149)
```
#1e539c
```
#1e539c rgb(30,83,156)
```
#1752a3
```
#1752a3 rgb(23,82,163)
```
#1051aa
```
#1051aa rgb(16,81,170)
```
#0850b2
```
#0850b2 rgb(8,80,178)
```
#014fb9
```
#014fb9 rgb(1,79,185)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6170 Protanopia 1% of men
#636072 Deuteranopia 1% of men
#57646b Tritanopia 0.001% of the population

Trichromacy

#5a5f6e Protanomaly 1% of men, 0.01% of women
#5c5e6f Deuteranomaly 6% of men, 0.4% of women
#54616b Tritanomaly 0.01% of the population

#505b6a hex color

#505b6a Color Information

#505b6a Color Conversion

Color Schemes with #505b6a

Alternatives to #505b6a

#505b6a Preview

Shades and Tints of #505b6a

Tones of #505b6a

Color Blindness Simulator