#505a6a hex color

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

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

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

The hexadecimal color #505a6a has RGB values of R:80, G:90, B:106 and CMYK values of C:0.25, M:0.15, Y:0, K:0.58. Its decimal value is 5266026.

Hex triplet	505a6a	`#505a6a`
RGB Decimal	80, 90, 106	`rgb(80,90,106)`
RGB Percent	31.4, 35.3, 41.6	`rgb(31.4%,35.3%,41.6%)`
CMYK	25, 15, 0, 58
HSL	216.9°, 14, 36.5	`hsl(216.9,14%,36.5%)`
HSV (or HSB)	216.9°, 24.5, 41.6
Web Safe	666666	`#666666`

CIE-LAB	37.947, 0.044, -10.448
XYZ	9.565, 10.058, 15.072
xyY	0.276, 0.29, 10.058
CIE-LCH	37.947, 10.448, 270.239
CIE-LUV	37.947, -5.817, -13.893
Hunter-Lab	31.715, -1.664, -5.977
Binary	01010000, 01011010, 01101010

#505a6a
```
#505a6a rgb(80,90,106)
```
#6a6050
```
#6a6050 rgb(106,96,80)
```

Complementary Color

#50676a
```
#50676a rgb(80,103,106)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#53506a
```
#53506a rgb(83,80,106)
```

Analogous Color

#676a50
```
#676a50 rgb(103,106,80)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#6a5350
```
#6a5350 rgb(106,83,80)
```

Split Complementary Color

#5a6a50
```
#5a6a50 rgb(90,106,80)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#6a505a
```
#6a505a rgb(106,80,90)
```

Triadic Color

#506a60
```
#506a60 rgb(80,106,96)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#6a505a
```
#6a505a rgb(106,80,90)
```
#6a6050
```
#6a6050 rgb(106,96,80)
```

Tetradic Color

#2f353e
```
#2f353e rgb(47,53,62)
```
#3a414d
```
#3a414d rgb(58,65,77)
```
#454e5b
```
#454e5b rgb(69,78,91)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#5b6679
```
#5b6679 rgb(91,102,121)
```
#667387
```
#667387 rgb(102,115,135)
```
#727f95
```
#727f95 rgb(114,127,149)
```

Monochromatic Color

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

#50616a
```
#50616a rgb(80,97,106)
```
#505e6a
```
#505e6a rgb(80,94,106)
```
#505c6a
```
#505c6a rgb(80,92,106)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#50586a
```
#50586a rgb(80,88,106)
```
#50566a
```
#50566a rgb(80,86,106)
```
#50546a
```
#50546a rgb(80,84,106)
```

Similar Colors

Text with hexadecimal color #505a6a

This text has a font color of #505a6a.

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

#505a6a background color

This paragraph has a background color of #505a6a.

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

#505a6a border color

This element has a border color of #505a6a.

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

CSS codes

.text {color:#505a6a;}

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

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

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)
```
#2e343d
```
#2e343d rgb(46,52,61)
```
#373e48
```
#373e48 rgb(55,62,72)
```
#3f4754
```
#3f4754 rgb(63,71,84)
```
#48515f
```
#48515f rgb(72,81,95)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#586375
```
#586375 rgb(88,99,117)
```
#616d80
```
#616d80 rgb(97,109,128)
```
#69768c
```
#69768c rgb(105,118,140)
```

Shade Color Variation

#738095
```
#738095 rgb(115,128,149)
```
#7e8a9e
```
#7e8a9e rgb(126,138,158)
```
#8995a6
```
#8995a6 rgb(137,149,166)
```
#959faf
```
#959faf rgb(149,159,175)
```
#a0a9b7
```
#a0a9b7 rgb(160,169,183)
```
#abb3c0
```
#abb3c0 rgb(171,179,192)
```
#b6bdc8
```
#b6bdc8 rgb(182,189,200)
```
#c1c7d0
```
#c1c7d0 rgb(193,199,208)
```
#ccd1d9
```
#ccd1d9 rgb(204,209,217)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,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 #0148b9 is the most saturated one.

#575c63
```
#575c63 rgb(87,92,99)
```
#505a6a
```
#505a6a rgb(80,90,106)
```
#495871
```
#495871 rgb(73,88,113)
```
#425778
```
#425778 rgb(66,87,120)
```
#3b557f
```
#3b557f rgb(59,85,127)
```
#335387
```
#335387 rgb(51,83,135)
```
#2c528e
```
#2c528e rgb(44,82,142)
```
#255095
```
#255095 rgb(37,80,149)
```
#1e4e9c
```
#1e4e9c rgb(30,78,156)
```
#174da3
```
#174da3 rgb(23,77,163)
```
#104baa
```
#104baa rgb(16,75,170)
```
#0849b2
```
#0849b2 rgb(8,73,178)
```
#0148b9
```
#0148b9 rgb(1,72,185)
```

Tone Color Variation

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

#5e6170 Protanopia 1% of men
#625f72 Deuteranopia 1% of men
#57636a Tritanopia 0.001% of the population

Trichromacy

#595e6e Protanomaly 1% of men, 0.01% of women
#5b5d6f Deuteranomaly 6% of men, 0.4% of women
#54606a Tritanomaly 0.01% of the population

#505a6a hex color

#505a6a Color Information

#505a6a Color Conversion

Color Schemes with #505a6a

Alternatives to #505a6a

#505a6a Preview

Shades and Tints of #505a6a

Tones of #505a6a

Color Blindness Simulator