#50657f hex color

In a RGB color space, hex #50657f is composed of 31.4% red, 39.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 20.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 213.2 degrees, a saturation of 22.7% and a lightness of 40.6%. #50657f color hex could be obtained by blending #a0cafe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 40
- B 50
RGB color chart
- C 37
- M 20
- Y 0
- K 50
CMYK color chart

● #50657f color description : Mostly desaturated dark blue.

The hexadecimal color #50657f has RGB values of R:80, G:101, B:127 and CMYK values of C:0.37, M:0.2, Y:0, K:0.5. Its decimal value is 5268863.

Hex triplet	50657f	`#50657f`
RGB Decimal	80, 101, 127	`rgb(80,101,127)`
RGB Percent	31.4, 39.6, 49.8	`rgb(31.4%,39.6%,49.8%)`
CMYK	37, 20, 0, 50
HSL	213.2°, 22.7, 40.6	`hsl(213.2,22.7%,40.6%)`
HSV (or HSB)	213.2°, 37, 49.8
Web Safe	666666	`#666666`

CIE-LAB	42.069, -0.924, -17.022
XYZ	11.792, 12.545, 21.878
xyY	0.255, 0.271, 12.545
CIE-LCH	42.069, 17.047, 266.894
CIE-LUV	42.069, -11.074, -23.65
Hunter-Lab	35.419, -2.555, -11.83
Binary	01010000, 01100101, 01111111

#50657f
```
#50657f rgb(80,101,127)
```
#7f6a50
```
#7f6a50 rgb(127,106,80)
```

Complementary Color

#507d7f
```
#507d7f rgb(80,125,127)
```
#50657f
```
#50657f rgb(80,101,127)
```
#53507f
```
#53507f rgb(83,80,127)
```

Analogous Color

#7d7f50
```
#7d7f50 rgb(125,127,80)
```
#50657f
```
#50657f rgb(80,101,127)
```
#7f5350
```
#7f5350 rgb(127,83,80)
```

Split Complementary Color

#657f50
```
#657f50 rgb(101,127,80)
```
#50657f
```
#50657f rgb(80,101,127)
```
#7f5065
```
#7f5065 rgb(127,80,101)
```

Triadic Color

#507f6a
```
#507f6a rgb(80,127,106)
```
#50657f
```
#50657f rgb(80,101,127)
```
#7f5065
```
#7f5065 rgb(127,80,101)
```
#7f6a50
```
#7f6a50 rgb(127,106,80)
```

Tetradic Color

#324050
```
#324050 rgb(50,64,80)
```
#3c4c60
```
#3c4c60 rgb(60,76,96)
```
#46596f
```
#46596f rgb(70,89,111)
```
#50657f
```
#50657f rgb(80,101,127)
```
#5a718f
```
#5a718f rgb(90,113,143)
```
#647e9e
```
#647e9e rgb(100,126,158)
```
#748ba7
```
#748ba7 rgb(116,139,167)
```

Monochromatic Color

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

#50717f
```
#50717f rgb(80,113,127)
```
#506d7f
```
#506d7f rgb(80,109,127)
```
#50697f
```
#50697f rgb(80,105,127)
```
#50657f
```
#50657f rgb(80,101,127)
```
#50617f
```
#50617f rgb(80,97,127)
```
#505d7f
```
#505d7f rgb(80,93,127)
```
#50597f
```
#50597f rgb(80,89,127)
```

Similar Colors

Text with hexadecimal color #50657f

This text has a font color of #50657f.

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

#50657f background color

This paragraph has a background color of #50657f.

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

#50657f border color

This element has a border color of #50657f.

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

CSS codes

.text {color:#50657f;}

.background {background-color:#50657f;}

.border {border:1px solid #50657f;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0f13
```
#0c0f13 rgb(12,15,19)
```
#13181f
```
#13181f rgb(19,24,31)
```
#1b222b
```
#1b222b rgb(27,34,43)
```
#232c37
```
#232c37 rgb(35,44,55)
```
#2a3543
```
#2a3543 rgb(42,53,67)
```
#323f4f
```
#323f4f rgb(50,63,79)
```
#39485b
```
#39485b rgb(57,72,91)
```
#415267
```
#415267 rgb(65,82,103)
```
#485b73
```
#485b73 rgb(72,91,115)
```
#50657f
```
#50657f rgb(80,101,127)
```
#586f8b
```
#586f8b rgb(88,111,139)
```
#5f7897
```
#5f7897 rgb(95,120,151)
```

Shade Color Variation

#6982a1
```
#6982a1 rgb(105,130,161)
```
#758ca8
```
#758ca8 rgb(117,140,168)
```
#8196b0
```
#8196b0 rgb(129,150,176)
```
#8da0b7
```
#8da0b7 rgb(141,160,183)
```
#99aabf
```
#99aabf rgb(153,170,191)
```
#a5b4c7
```
#a5b4c7 rgb(165,180,199)
```
#b1bece
```
#b1bece rgb(177,190,206)
```
#bdc8d6
```
#bdc8d6 rgb(189,200,214)
```
#c9d2dd
```
#c9d2dd rgb(201,210,221)
```
#d6dce5
```
#d6dce5 rgb(214,220,229)
```
#e2e6ec
```
#e2e6ec rgb(226,230,236)
```
#eef0f4
```
#eef0f4 rgb(238,240,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60676f is the less saturated color, while #005dcf is the most saturated one.

#60676f
```
#60676f rgb(96,103,111)
```
#586677
```
#586677 rgb(88,102,119)
```
#50657f
```
#50657f rgb(80,101,127)
```
#486487
```
#486487 rgb(72,100,135)
```
#40638f
```
#40638f rgb(64,99,143)
```
#386297
```
#386297 rgb(56,98,151)
```
#30629f
```
#30629f rgb(48,98,159)
```
#2861a7
```
#2861a7 rgb(40,97,167)
```
#2060af
```
#2060af rgb(32,96,175)
```
#185fb7
```
#185fb7 rgb(24,95,183)
```
#105ebf
```
#105ebf rgb(16,94,191)
```
#085dc7
```
#085dc7 rgb(8,93,199)
```
#005dcf
```
#005dcf rgb(0,93,207)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5e6368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a83 Protanopia 1% of men
#656986 Deuteranopia 1% of men
#546f77 Tritanopia 0.001% of the population

Trichromacy

#5d6882 Protanomaly 1% of men, 0.01% of women
#5d6784 Deuteranomaly 6% of men, 0.4% of women
#536b7a Tritanomaly 0.01% of the population

#50657f hex color

#50657f Color Information

#50657f Color Conversion

Color Schemes with #50657f

Alternatives to #50657f

#50657f Preview

Shades and Tints of #50657f

Tones of #50657f

Color Blindness Simulator