#506257 hex color

In a RGB color space, hex #506257 is composed of 31.4% red, 38.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 0% magenta, 11.2% yellow and 61.6% black. It has a hue angle of 143.3 degrees, a saturation of 10.1% and a lightness of 34.9%. #506257 color hex could be obtained by blending #a0c4ae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 38
- B 34
RGB color chart
- C 18
- M 0
- Y 11
- K 62
CMYK color chart

● #506257 color description : Very dark grayish cyan - lime green.

The hexadecimal color #506257 has RGB values of R:80, G:98, B:87 and CMYK values of C:0.18, M:0, Y:0.11, K:0.62. Its decimal value is 5268055.

Hex triplet	506257	`#506257`
RGB Decimal	80, 98, 87	`rgb(80,98,87)`
RGB Percent	31.4, 38.4, 34.1	`rgb(31.4%,38.4%,34.1%)`
CMYK	18, 0, 11, 62
HSL	143.3°, 10.1, 34.9	`hsl(143.3,10.1%,34.9%)`
HSV (or HSB)	143.3°, 18.4, 38.4
Web Safe	666666	`#666666`

CIE-LAB	39.796, -9.312, 3.996
XYZ	9.396, 11.129, 10.669
xyY	0.301, 0.357, 11.129
CIE-LCH	39.796, 10.133, 156.777
CIE-LUV	39.796, -9.023, 6.426
Hunter-Lab	33.36, -8.105, 4.389
Binary	01010000, 01100010, 01010111

#506257
```
#506257 rgb(80,98,87)
```
#62505b
```
#62505b rgb(98,80,91)
```

Complementary Color

#526250
```
#526250 rgb(82,98,80)
```
#506257
```
#506257 rgb(80,98,87)
```
#506260
```
#506260 rgb(80,98,96)
```

Analogous Color

#625052
```
#625052 rgb(98,80,82)
```
#506257
```
#506257 rgb(80,98,87)
```
#605062
```
#605062 rgb(96,80,98)
```

Split Complementary Color

#625750
```
#625750 rgb(98,87,80)
```
#506257
```
#506257 rgb(80,98,87)
```
#575062
```
#575062 rgb(87,80,98)
```

Triadic Color

#5b6250
```
#5b6250 rgb(91,98,80)
```
#506257
```
#506257 rgb(80,98,87)
```
#575062
```
#575062 rgb(87,80,98)
```
#62505b
```
#62505b rgb(98,80,91)
```

Tetradic Color

#2e3832
```
#2e3832 rgb(46,56,50)
```
#39463e
```
#39463e rgb(57,70,62)
```
#45544b
```
#45544b rgb(69,84,75)
```
#506257
```
#506257 rgb(80,98,87)
```
#5b7063
```
#5b7063 rgb(91,112,99)
```
#677e70
```
#677e70 rgb(103,126,112)
```
#728c7c
```
#728c7c rgb(114,140,124)
```

Monochromatic Color

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

#506253
```
#506253 rgb(80,98,83)
```
#506254
```
#506254 rgb(80,98,84)
```
#506256
```
#506256 rgb(80,98,86)
```
#506257
```
#506257 rgb(80,98,87)
```
#506259
```
#506259 rgb(80,98,89)
```
#50625a
```
#50625a rgb(80,98,90)
```
#50625c
```
#50625c rgb(80,98,92)
```

Similar Colors

Text with hexadecimal color #506257

This text has a font color of #506257.

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

#506257 background color

This paragraph has a background color of #506257.

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

#506257 border color

This element has a border color of #506257.

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

CSS codes

.text {color:#506257;}

.background {background-color:#506257;}

.border {border:1px solid #506257;}

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 #f5f7f6 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#121614
```
#121614 rgb(18,22,20)
```
#1b211d
```
#1b211d rgb(27,33,29)
```
#242c27
```
#242c27 rgb(36,44,39)
```
#2d3731
```
#2d3731 rgb(45,55,49)
```
#36423a
```
#36423a rgb(54,66,58)
```
#3e4c44
```
#3e4c44 rgb(62,76,68)
```
#47574d
```
#47574d rgb(71,87,77)
```
#506257
```
#506257 rgb(80,98,87)
```
#596d61
```
#596d61 rgb(89,109,97)
```
#62786a
```
#62786a rgb(98,120,106)
```
#6a8274
```
#6a8274 rgb(106,130,116)
```

Shade Color Variation

#738d7d
```
#738d7d rgb(115,141,125)
```
#7e9687
```
#7e9687 rgb(126,150,135)
```
#899f91
```
#899f91 rgb(137,159,145)
```
#94a79b
```
#94a79b rgb(148,167,155)
```
#9fb0a5
```
#9fb0a5 rgb(159,176,165)
```
#a9b9b0
```
#a9b9b0 rgb(169,185,176)
```
#b4c2ba
```
#b4c2ba rgb(180,194,186)
```
#bfcbc4
```
#bfcbc4 rgb(191,203,196)
```
#cad4ce
```
#cad4ce rgb(202,212,206)
```
#d5dcd8
```
#d5dcd8 rgb(213,220,216)
```
#dfe5e2
```
#dfe5e2 rgb(223,229,226)
```
#eaeeec
```
#eaeeec rgb(234,238,236)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

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

#575b59
```
#575b59 rgb(87,91,89)
```
#506257
```
#506257 rgb(80,98,87)
```
#496955
```
#496955 rgb(73,105,85)
```
#427054
```
#427054 rgb(66,112,84)
```
#3b7752
```
#3b7752 rgb(59,119,82)
```
#357d51
```
#357d51 rgb(53,125,81)
```
#2e844f
```
#2e844f rgb(46,132,79)
```
#278b4e
```
#278b4e rgb(39,139,78)
```
#20924c
```
#20924c rgb(32,146,76)
```
#19994b
```
#19994b rgb(25,153,75)
```
#12a049
```
#12a049 rgb(18,160,73)
```
#0ca648
```
#0ca648 rgb(12,166,72)
```
#05ad46
```
#05ad46 rgb(5,173,70)
```

Tone Color Variation

Below, you can see how #506257 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
#595c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#69655d Protanopia 1% of men
#716262 Deuteranopia 1% of men
#5c676f Tritanopia 0.001% of the population

Trichromacy

#60645b Protanomaly 1% of men, 0.01% of women
#65625e Deuteranomaly 6% of men, 0.4% of women
#576566 Tritanomaly 0.01% of the population

#506257 hex color

#506257 Color Information

#506257 Color Conversion

Color Schemes with #506257

Alternatives to #506257

#506257 Preview

Shades and Tints of #506257

Tones of #506257

Color Blindness Simulator