#486a48 hex color

In a RGB color space, hex #486a48 is composed of 28.2% red, 41.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 0% magenta, 32.1% yellow and 58.4% black. It has a hue angle of 120 degrees, a saturation of 19.1% and a lightness of 34.9%. #486a48 color hex could be obtained by blending #90d490 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 28
- G 42
- B 28
RGB color chart
- C 32
- M 0
- Y 32
- K 58
CMYK color chart

● #486a48 color description : Very dark grayish lime green.

The hexadecimal color #486a48 has RGB values of R:72, G:106, B:72 and CMYK values of C:0.32, M:0, Y:0.32, K:0.58. Its decimal value is 4745800.

Hex triplet	486a48	`#486a48`
RGB Decimal	72, 106, 72	`rgb(72,106,72)`
RGB Percent	28.2, 41.6, 28.2	`rgb(28.2%,41.6%,28.2%)`
CMYK	32, 0, 32, 58
HSL	120°, 19.1, 34.9	`hsl(120,19.1%,34.9%)`
HSV (or HSB)	120°, 32.1, 41.6
Web Safe	336633	`#336633`

CIE-LAB	41.459, -19.806, 15.291
XYZ	8.996, 12.153, 8.002
xyY	0.309, 0.417, 12.153
CIE-LCH	41.459, 25.022, 142.329
CIE-LUV	41.459, -16.552, 21.393
Hunter-Lab	34.862, -14.947, 10.793
Binary	01001000, 01101010, 01001000

#486a48
```
#486a48 rgb(72,106,72)
```
#6a486a
```
#6a486a rgb(106,72,106)
```

Complementary Color

#596a48
```
#596a48 rgb(89,106,72)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#486a59
```
#486a59 rgb(72,106,89)
```

Analogous Color

#6a4859
```
#6a4859 rgb(106,72,89)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#59486a
```
#59486a rgb(89,72,106)
```

Split Complementary Color

#6a4848
```
#6a4848 rgb(106,72,72)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#48486a
```
#48486a rgb(72,72,106)
```

Triadic Color

#6a6a48
```
#6a6a48 rgb(106,106,72)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#48486a
```
#48486a rgb(72,72,106)
```
#6a486a
```
#6a486a rgb(106,72,106)
```

Tetradic Color

#293c29
```
#293c29 rgb(41,60,41)
```
#334c33
```
#334c33 rgb(51,76,51)
```
#3e5b3e
```
#3e5b3e rgb(62,91,62)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#527952
```
#527952 rgb(82,121,82)
```
#5d885d
```
#5d885d rgb(93,136,93)
```
#679867
```
#679867 rgb(103,152,103)
```

Monochromatic Color

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

#516a48
```
#516a48 rgb(81,106,72)
```
#4e6a48
```
#4e6a48 rgb(78,106,72)
```
#4b6a48
```
#4b6a48 rgb(75,106,72)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#486a4b
```
#486a4b rgb(72,106,75)
```
#486a4e
```
#486a4e rgb(72,106,78)
```
#486a51
```
#486a51 rgb(72,106,81)
```

Similar Colors

Text with hexadecimal color #486a48

This text has a font color of #486a48.

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

#486a48 background color

This paragraph has a background color of #486a48.

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

#486a48 border color

This element has a border color of #486a48.

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

CSS codes

.text {color:#486a48;}

.background {background-color:#486a48;}

.border {border:1px solid #486a48;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090d09
```
#090d09 rgb(9,13,9)
```
#101810
```
#101810 rgb(16,24,16)
```
#182418
```
#182418 rgb(24,36,24)
```
#203020
```
#203020 rgb(32,48,32)
```
#283b28
```
#283b28 rgb(40,59,40)
```
#304730
```
#304730 rgb(48,71,48)
```
#385338
```
#385338 rgb(56,83,56)
```
#405e40
```
#405e40 rgb(64,94,64)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#507650
```
#507650 rgb(80,118,80)
```
#588158
```
#588158 rgb(88,129,88)
```
#608d60
```
#608d60 rgb(96,141,96)
```

Shade Color Variation

#689868
```
#689868 rgb(104,152,104)
```
#74a074
```
#74a074 rgb(116,160,116)
```
#7fa87f
```
#7fa87f rgb(127,168,127)
```
#8bb08b
```
#8bb08b rgb(139,176,139)
```
#97b897
```
#97b897 rgb(151,184,151)
```
#a2c0a2
```
#a2c0a2 rgb(162,192,162)
```
#aec8ae
```
#aec8ae rgb(174,200,174)
```
#bad0ba
```
#bad0ba rgb(186,208,186)
```
#c5d8c5
```
#c5d8c5 rgb(197,216,197)
```
#d1e0d1
```
#d1e0d1 rgb(209,224,209)
```
#dde8dd
```
#dde8dd rgb(221,232,221)
```
#e9f0e9
```
#e9f0e9 rgb(233,240,233)
```
#f4f8f4
```
#f4f8f4 rgb(244,248,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c56 is the less saturated color, while #04ae04 is the most saturated one.

#565c56
```
#565c56 rgb(86,92,86)
```
#4f634f
```
#4f634f rgb(79,99,79)
```
#486a48
```
#486a48 rgb(72,106,72)
```
#417141
```
#417141 rgb(65,113,65)
```
#3a783a
```
#3a783a rgb(58,120,58)
```
#337f33
```
#337f33 rgb(51,127,51)
```
#2d852d
```
#2d852d rgb(45,133,45)
```
#268c26
```
#268c26 rgb(38,140,38)
```
#1f931f
```
#1f931f rgb(31,147,31)
```
#189a18
```
#189a18 rgb(24,154,24)
```
#11a111
```
#11a111 rgb(17,161,17)
```
#0aa80a
```
#0aa80a rgb(10,168,10)
```
#04ae04
```
#04ae04 rgb(4,174,4)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71694e Protanopia 1% of men
#7a6655 Deuteranopia 1% of men
#596d75 Tritanopia 0.001% of the population

Trichromacy

#62694b Protanomaly 1% of men, 0.01% of women
#686750 Deuteranomaly 6% of men, 0.4% of women
#526b64 Tritanomaly 0.01% of the population

#486a48 hex color

#486a48 Color Information

#486a48 Color Conversion

Color Schemes with #486a48

Alternatives to #486a48

#486a48 Preview

Shades and Tints of #486a48

Tones of #486a48

Color Blindness Simulator