colorhexa.com

#48563f hex color

In a RGB color space, hex #48563f is composed of 28.2% red, 33.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 26.7% yellow and 66.3% black. It has a hue angle of 96.5 degrees, a saturation of 15.4% and a lightness of 29.2%. #48563f color hex could be obtained by blending #90ac7e with #000000. Closest websafe color is: #336633.

- R 28
- G 34
- B 25
RGB color chart
- C 16
- M 0
- Y 27
- K 66
CMYK color chart

● #48563f color description : Very dark grayish green.

The hexadecimal color #48563f has RGB values of R:72, G:86, B:63 and CMYK values of C:0.16, M:0, Y:0.27, K:0.66. Its decimal value is 4740671.

Hex triplet	48563f	`#48563f`
RGB Decimal	72, 86, 63	`rgb(72,86,63)`
RGB Percent	28.2, 33.7, 24.7	`rgb(28.2%,33.7%,24.7%)`
CMYK	16, 0, 27, 66
HSL	96.5°, 15.4, 29.2	`hsl(96.5,15.4%,29.2%)`
HSV (or HSB)	96.5°, 26.7, 33.7
Web Safe	336633	`#336633`

CIE-LAB	34.786, -10.354, 11.63
XYZ	6.897, 8.392, 5.959
xyY	0.325, 0.395, 8.392
CIE-LCH	34.786, 15.571, 131.679
CIE-LUV	34.786, -6.653, 14.923
Hunter-Lab	28.969, -8.197, 8.083
Binary	01001000, 01010110, 00111111

#48563f
```
#48563f rgb(72,86,63)
```
#4d3f56
```
#4d3f56 rgb(77,63,86)
```

Complementary Color

#54563f
```
#54563f rgb(84,86,63)
```
#48563f
```
#48563f rgb(72,86,63)
```
#3f5642
```
#3f5642 rgb(63,86,66)
```

Analogous Color

#563f54
```
#563f54 rgb(86,63,84)
```
#48563f
```
#48563f rgb(72,86,63)
```
#423f56
```
#423f56 rgb(66,63,86)
```

Split Complementary Color

#232a1f
```
#232a1f rgb(35,42,31)
```
#2f3929
```
#2f3929 rgb(47,57,41)
```
#3c4734
```
#3c4734 rgb(60,71,52)
```
#48563f
```
#48563f rgb(72,86,63)
```
#54654a
```
#54654a rgb(84,101,74)
```
#617355
```
#617355 rgb(97,115,85)
```
#6d825f
```
#6d825f rgb(109,130,95)
```

Monochromatic Color

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

#4e563f
```
#4e563f rgb(78,86,63)
```
#4c563f
```
#4c563f rgb(76,86,63)
```
#4a563f
```
#4a563f rgb(74,86,63)
```
#48563f
```
#48563f rgb(72,86,63)
```
#46563f
```
#46563f rgb(70,86,63)
```
#44563f
```
#44563f rgb(68,86,63)
```
#42563f
```
#42563f rgb(66,86,63)
```

Similar Colors

Text with hexadecimal color #48563f

This text has a font color of #48563f.

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

#48563f background color

This paragraph has a background color of #48563f.

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

#48563f border color

This element has a border color of #48563f.

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

CSS codes

.text {color:#48563f;}

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

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

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

#060705
```
#060705 rgb(6,7,5)
```
#0f120d
```
#0f120d rgb(15,18,13)
```
#191d16
```
#191d16 rgb(25,29,22)
```
#22291e
```
#22291e rgb(34,41,30)
```
#2c3426
```
#2c3426 rgb(44,52,38)
```
#353f2e
```
#353f2e rgb(53,63,46)
```
#3f4b37
```
#3f4b37 rgb(63,75,55)
```
#48563f
```
#48563f rgb(72,86,63)
```
#516147
```
#516147 rgb(81,97,71)
```
#5b6d50
```
#5b6d50 rgb(91,109,80)
```
#647858
```
#647858 rgb(100,120,88)
```
#6e8360
```
#6e8360 rgb(110,131,96)
```
#778f68
```
#778f68 rgb(119,143,104)
```

Shade Color Variation

#819873
```
#819873 rgb(129,152,115)
```
#8ba07e
```
#8ba07e rgb(139,160,126)
```
#96a989
```
#96a989 rgb(150,169,137)
```
#a0b195
```
#a0b195 rgb(160,177,149)
```
#aab9a0
```
#aab9a0 rgb(170,185,160)
```
#b4c2ab
```
#b4c2ab rgb(180,194,171)
```
#becab6
```
#becab6 rgb(190,202,182)
```
#c8d2c2
```
#c8d2c2 rgb(200,210,194)
```
#d2dacd
```
#d2dacd rgb(210,218,205)
```
#dce3d8
```
#dce3d8 rgb(220,227,216)
```
#e7ebe4
```
#e7ebe4 rgb(231,235,228)
```
#f1f3ef
```
#f1f3ef rgb(241,243,239)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4b4a is the less saturated color, while #3c8f06 is the most saturated one.

#4a4b4a
```
#4a4b4a rgb(74,75,74)
```
#495045
```
#495045 rgb(73,80,69)
```
#48563f
```
#48563f rgb(72,86,63)
```
#475c39
```
#475c39 rgb(71,92,57)
```
#466134
```
#466134 rgb(70,97,52)
```
#44672e
```
#44672e rgb(68,103,46)
```
#436d28
```
#436d28 rgb(67,109,40)
```
#427322
```
#427322 rgb(66,115,34)
```
#41781d
```
#41781d rgb(65,120,29)
```
#3f7e17
```
#3f7e17 rgb(63,126,23)
```
#3e8411
```
#3e8411 rgb(62,132,17)
```
#3d8a0b
```
#3d8a0b rgb(61,138,11)
```
#3c8f06
```
#3c8f06 rgb(60,143,6)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4e504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#605a47 Protanopia 1% of men
#68574b Deuteranopia 1% of men
#565b61 Tritanopia 0.001% of the population

Trichromacy

#575844 Protanomaly 1% of men, 0.01% of women
#5c5646 Deuteranomaly 6% of men, 0.4% of women
#505955 Tritanomaly 0.01% of the population