#506248 hex color

In a RGB color space, hex #506248 is composed of 31.4% red, 38.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 0% magenta, 26.5% yellow and 61.6% black. It has a hue angle of 101.5 degrees, a saturation of 15.3% and a lightness of 33.3%. #506248 color hex could be obtained by blending #a0c490 with #000000. Closest websafe color is: #666633.

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

● #506248 color description : Very dark grayish green.

The hexadecimal color #506248 has RGB values of R:80, G:98, B:72 and CMYK values of C:0.18, M:0, Y:0.27, K:0.62. Its decimal value is 5268040.

Hex triplet	506248	`#506248`
RGB Decimal	80, 98, 72	`rgb(80,98,72)`
RGB Percent	31.4, 38.4, 28.2	`rgb(31.4%,38.4%,28.2%)`
CMYK	18, 0, 27, 62
HSL	101.5°, 15.3, 33.3	`hsl(101.5,15.3%,33.3%)`
HSV (or HSB)	101.5°, 26.5, 38.4
Web Safe	666633	`#666633`

CIE-LAB	39.426, -12.322, 12.605
XYZ	8.845, 10.909, 7.77
xyY	0.321, 0.396, 10.909
CIE-LCH	39.426, 17.627, 134.348
CIE-LUV	39.426, -8.776, 16.975
Hunter-Lab	33.028, -9.995, 9.171
Binary	01010000, 01100010, 01001000

#506248
```
#506248 rgb(80,98,72)
```
#5a4862
```
#5a4862 rgb(90,72,98)
```

Complementary Color

#5d6248
```
#5d6248 rgb(93,98,72)
```
#506248
```
#506248 rgb(80,98,72)
```
#48624d
```
#48624d rgb(72,98,77)
```

Analogous Color

#62485d
```
#62485d rgb(98,72,93)
```
#506248
```
#506248 rgb(80,98,72)
```
#4d4862
```
#4d4862 rgb(77,72,98)
```

Split Complementary Color

#624850
```
#624850 rgb(98,72,80)
```
#506248
```
#506248 rgb(80,98,72)
```
#485062
```
#485062 rgb(72,80,98)
```

Triadic Color

#625a48
```
#625a48 rgb(98,90,72)
```
#506248
```
#506248 rgb(80,98,72)
```
#485062
```
#485062 rgb(72,80,98)
```
#5a4862
```
#5a4862 rgb(90,72,98)
```

Tetradic Color

#2c3628
```
#2c3628 rgb(44,54,40)
```
#384532
```
#384532 rgb(56,69,50)
```
#44533d
```
#44533d rgb(68,83,61)
```
#506248
```
#506248 rgb(80,98,72)
```
#5c7153
```
#5c7153 rgb(92,113,83)
```
#687f5e
```
#687f5e rgb(104,127,94)
```
#748e68
```
#748e68 rgb(116,142,104)
```

Monochromatic Color

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

#576248
```
#576248 rgb(87,98,72)
```
#546248
```
#546248 rgb(84,98,72)
```
#526248
```
#526248 rgb(82,98,72)
```
#506248
```
#506248 rgb(80,98,72)
```
#4e6248
```
#4e6248 rgb(78,98,72)
```
#4c6248
```
#4c6248 rgb(76,98,72)
```
#4a6248
```
#4a6248 rgb(74,98,72)
```

Similar Colors

Text with hexadecimal color #506248

This text has a font color of #506248.

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

#506248 background color

This paragraph has a background color of #506248.

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

#506248 border color

This element has a border color of #506248.

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

CSS codes

.text {color:#506248;}

.background {background-color:#506248;}

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

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

#060806
```
#060806 rgb(6,8,6)
```
#0f130e
```
#0f130e rgb(15,19,14)
```
#191e16
```
#191e16 rgb(25,30,22)
```
#22291e
```
#22291e rgb(34,41,30)
```
#2b3527
```
#2b3527 rgb(43,53,39)
```
#34402f
```
#34402f rgb(52,64,47)
```
#3e4b37
```
#3e4b37 rgb(62,75,55)
```
#475740
```
#475740 rgb(71,87,64)
```
#506248
```
#506248 rgb(80,98,72)
```
#596d50
```
#596d50 rgb(89,109,80)
```
#627959
```
#627959 rgb(98,121,89)
```
#6c8461
```
#6c8461 rgb(108,132,97)
```
#758f69
```
#758f69 rgb(117,143,105)
```

Shade Color Variation

#7f9974
```
#7f9974 rgb(127,153,116)
```
#89a17f
```
#89a17f rgb(137,161,127)
```
#94a98a
```
#94a98a rgb(148,169,138)
```
#9eb195
```
#9eb195 rgb(158,177,149)
```
#a8baa1
```
#a8baa1 rgb(168,186,161)
```
#b3c2ac
```
#b3c2ac rgb(179,194,172)
```
#bdcab7
```
#bdcab7 rgb(189,202,183)
```
#c8d3c3
```
#c8d3c3 rgb(200,211,195)
```
#d2dbce
```
#d2dbce rgb(210,219,206)
```
#dce3d9
```
#dce3d9 rgb(220,227,217)
```
#e7ece5
```
#e7ece5 rgb(231,236,229)
```
#f1f4f0
```
#f1f4f0 rgb(241,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535b4f is the less saturated color, while #34aa00 is the most saturated one.

#535b4f
```
#535b4f rgb(83,91,79)
```
#506248
```
#506248 rgb(80,98,72)
```
#4d6941
```
#4d6941 rgb(77,105,65)
```
#4b6f3b
```
#4b6f3b rgb(75,111,59)
```
#487634
```
#487634 rgb(72,118,52)
```
#467c2e
```
#467c2e rgb(70,124,46)
```
#438327
```
#438327 rgb(67,131,39)
```
#418921
```
#418921 rgb(65,137,33)
```
#3e901a
```
#3e901a rgb(62,144,26)
```
#3c9614
```
#3c9614 rgb(60,150,20)
```
#399d0d
```
#399d0d rgb(57,157,13)
```
#37a307
```
#37a307 rgb(55,163,7)
```
#34aa00
```
#34aa00 rgb(52,170,0)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b654f Protanopia 1% of men
#746154 Deuteranopia 1% of men
#5e666d Tritanopia 0.001% of the population

Trichromacy

#61634c Protanomaly 1% of men, 0.01% of women
#67614f Deuteranomaly 6% of men, 0.4% of women
#59645f Tritanomaly 0.01% of the population

#506248 hex color

#506248 Color Information

#506248 Color Conversion

Color Schemes with #506248

Alternatives to #506248

#506248 Preview

Shades and Tints of #506248

Tones of #506248

Color Blindness Simulator