#505f7b hex color

In a RGB color space, hex #505f7b is composed of 31.4% red, 37.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 22.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 219.1 degrees, a saturation of 21.2% and a lightness of 39.8%. #505f7b color hex could be obtained by blending #a0bef6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 37
- B 48
RGB color chart
- C 35
- M 23
- Y 0
- K 52
CMYK color chart

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

The hexadecimal color #505f7b has RGB values of R:80, G:95, B:123 and CMYK values of C:0.35, M:0.23, Y:0, K:0.52. Its decimal value is 5267323.

Hex triplet	505f7b	`#505f7b`
RGB Decimal	80, 95, 123	`rgb(80,95,123)`
RGB Percent	31.4, 37.3, 48.2	`rgb(31.4%,37.3%,48.2%)`
CMYK	35, 23, 0, 52
HSL	219.1°, 21.2, 39.8	`hsl(219.1,21.2%,39.8%)`
HSV (or HSB)	219.1°, 35, 48.2
Web Safe	666666	`#666666`

CIE-LAB	40.114, 1.607, -17.591
XYZ	10.975, 11.32, 20.344
xyY	0.257, 0.265, 11.32
CIE-LCH	40.114, 17.664, 275.22
CIE-LUV	40.114, -8.494, -24.517
Hunter-Lab	33.645, -0.652, -12.301
Binary	01010000, 01011111, 01111011

#505f7b
```
#505f7b rgb(80,95,123)
```
#7b6c50
```
#7b6c50 rgb(123,108,80)
```

Complementary Color

#50757b
```
#50757b rgb(80,117,123)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#57507b
```
#57507b rgb(87,80,123)
```

Analogous Color

#757b50
```
#757b50 rgb(117,123,80)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#7b5750
```
#7b5750 rgb(123,87,80)
```

Split Complementary Color

#5f7b50
```
#5f7b50 rgb(95,123,80)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#7b505f
```
#7b505f rgb(123,80,95)
```

Triadic Color

#507b6c
```
#507b6c rgb(80,123,108)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#7b505f
```
#7b505f rgb(123,80,95)
```
#7b6c50
```
#7b6c50 rgb(123,108,80)
```

Tetradic Color

#323b4d
```
#323b4d rgb(50,59,77)
```
#3c475c
```
#3c475c rgb(60,71,92)
```
#46536c
```
#46536c rgb(70,83,108)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#5a6b8a
```
#5a6b8a rgb(90,107,138)
```
#64779a
```
#64779a rgb(100,119,154)
```
#7384a4
```
#7384a4 rgb(115,132,164)
```

Monochromatic Color

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

#506a7b
```
#506a7b rgb(80,106,123)
```
#50667b
```
#50667b rgb(80,102,123)
```
#50637b
```
#50637b rgb(80,99,123)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#505b7b
```
#505b7b rgb(80,91,123)
```
#50587b
```
#50587b rgb(80,88,123)
```
#50547b
```
#50547b rgb(80,84,123)
```

Similar Colors

Text with hexadecimal color #505f7b

This text has a font color of #505f7b.

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

#505f7b background color

This paragraph has a background color of #505f7b.

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

#505f7b border color

This element has a border color of #505f7b.

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

CSS codes

.text {color:#505f7b;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0a0c10
```
#0a0c10 rgb(10,12,16)
```
#12161c
```
#12161c rgb(18,22,28)
```
#1a1f28
```
#1a1f28 rgb(26,31,40)
```
#222834
```
#222834 rgb(34,40,52)
```
#293140
```
#293140 rgb(41,49,64)
```
#313a4b
```
#313a4b rgb(49,58,75)
```
#394357
```
#394357 rgb(57,67,87)
```
#414d63
```
#414d63 rgb(65,77,99)
```
#48566f
```
#48566f rgb(72,86,111)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#586887
```
#586887 rgb(88,104,135)
```
#5f7193
```
#5f7193 rgb(95,113,147)
```

Shade Color Variation

#697b9d
```
#697b9d rgb(105,123,157)
```
#7585a5
```
#7585a5 rgb(117,133,165)
```
#8090ad
```
#8090ad rgb(128,144,173)
```
#8c9ab4
```
#8c9ab4 rgb(140,154,180)
```
#98a5bc
```
#98a5bc rgb(152,165,188)
```
#a4afc4
```
#a4afc4 rgb(164,175,196)
```
#b0bacc
```
#b0bacc rgb(176,186,204)
```
#bcc4d3
```
#bcc4d3 rgb(188,196,211)
```
#c8cedb
```
#c8cedb rgb(200,206,219)
```
#d4d9e3
```
#d4d9e3 rgb(212,217,227)
```
#dfe3eb
```
#dfe3eb rgb(223,227,235)
```
#ebeef2
```
#ebeef2 rgb(235,238,242)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60646b is the less saturated color, while #0247c9 is the most saturated one.

#60646b
```
#60646b rgb(96,100,107)
```
#586173
```
#586173 rgb(88,97,115)
```
#505f7b
```
#505f7b rgb(80,95,123)
```
#485d83
```
#485d83 rgb(72,93,131)
```
#405a8b
```
#405a8b rgb(64,90,139)
```
#395892
```
#395892 rgb(57,88,146)
```
#31569a
```
#31569a rgb(49,86,154)
```
#2953a2
```
#2953a2 rgb(41,83,162)
```
#2151aa
```
#2151aa rgb(33,81,170)
```
#194eb2
```
#194eb2 rgb(25,78,178)
```
#124cb9
```
#124cb9 rgb(18,76,185)
```
#0a4ac1
```
#0a4ac1 rgb(10,74,193)
```
#0247c9
```
#0247c9 rgb(2,71,201)
```

Tone Color Variation

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

Dichromacy

#5f6580 Protanopia 1% of men
#606582 Deuteranopia 1% of men
#546a72 Tritanopia 0.001% of the population

Trichromacy

#59637e Protanomaly 1% of men, 0.01% of women
#5a637f Deuteranomaly 6% of men, 0.4% of women
#526675 Tritanomaly 0.01% of the population

#505f7b hex color

#505f7b Color Information

#505f7b Color Conversion

Color Schemes with #505f7b

Alternatives to #505f7b

#505f7b Preview

Shades and Tints of #505f7b

Tones of #505f7b

Color Blindness Simulator