#648b2a hex color

In a RGB color space, hex #648b2a is composed of 39.2% red, 54.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 0% magenta, 69.8% yellow and 45.5% black. It has a hue angle of 84.1 degrees, a saturation of 53.6% and a lightness of 35.5%. #648b2a color hex could be obtained by blending #c8ff54 with #001700. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 39
- G 55
- B 16
RGB color chart
- C 28
- M 0
- Y 70
- K 45
CMYK color chart

● #648b2a color description : Dark moderate green.

The hexadecimal color #648b2a has RGB values of R:100, G:139, B:42 and CMYK values of C:0.28, M:0, Y:0.7, K:0.45. Its decimal value is 6589226.

Hex triplet	648b2a	`#648b2a`
RGB Decimal	100, 139, 42	`rgb(100,139,42)`
RGB Percent	39.2, 54.5, 16.5	`rgb(39.2%,54.5%,16.5%)`
CMYK	28, 0, 70, 45
HSL	84.1°, 53.6, 35.5	`hsl(84.1,53.6%,35.5%)`
HSV (or HSB)	84.1°, 69.8, 54.5
Web Safe	669933	`#669933`

CIE-LAB	53.321, -29.163, 45.478
XYZ	14.906, 21.341, 5.524
xyY	0.357, 0.511, 21.341
CIE-LCH	53.321, 54.026, 122.67
CIE-LUV	53.321, -19.591, 54.03
Hunter-Lab	46.197, -23.25, 25.248
Binary	01100100, 10001011, 00101010

#648b2a
```
#648b2a rgb(100,139,42)
```
#512a8b
```
#512a8b rgb(81,42,139)
```

Complementary Color

#8b822a
```
#8b822a rgb(139,130,42)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#348b2a
```
#348b2a rgb(52,139,42)
```

Analogous Color

#822a8b
```
#822a8b rgb(130,42,139)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#2a348b
```
#2a348b rgb(42,52,139)
```

Split Complementary Color

#8b2a64
```
#8b2a64 rgb(139,42,100)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#2a648b
```
#2a648b rgb(42,100,139)
```

Triadic Color

#8b512a
```
#8b512a rgb(139,81,42)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#2a648b
```
#2a648b rgb(42,100,139)
```
#512a8b
```
#512a8b rgb(81,42,139)
```

Tetradic Color

#3a5018
```
#3a5018 rgb(58,80,24)
```
#48641e
```
#48641e rgb(72,100,30)
```
#567724
```
#567724 rgb(86,119,36)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#729f30
```
#729f30 rgb(114,159,48)
```
#80b236
```
#80b236 rgb(128,178,54)
```
#8ec43d
```
#8ec43d rgb(142,196,61)
```

Monochromatic Color

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

#7c8b2a
```
#7c8b2a rgb(124,139,42)
```
#748b2a
```
#748b2a rgb(116,139,42)
```
#6c8b2a
```
#6c8b2a rgb(108,139,42)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#5c8b2a
```
#5c8b2a rgb(92,139,42)
```
#548b2a
```
#548b2a rgb(84,139,42)
```
#4c8b2a
```
#4c8b2a rgb(76,139,42)
```

Similar Colors

Text with hexadecimal color #648b2a

This text has a font color of #648b2a.

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

#648b2a background color

This paragraph has a background color of #648b2a.

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

#648b2a border color

This element has a border color of #648b2a.

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

CSS codes

.text {color:#648b2a;}

.background {background-color:#648b2a;}

.border {border:1px solid #648b2a;}

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

#020301
```
#020301 rgb(2,3,1)
```
#0d1206
```
#0d1206 rgb(13,18,6)
```
#18220a
```
#18220a rgb(24,34,10)
```
#23310f
```
#23310f rgb(35,49,15)
```
#2e4013
```
#2e4013 rgb(46,64,19)
```
#394f18
```
#394f18 rgb(57,79,24)
```
#435e1c
```
#435e1c rgb(67,94,28)
```
#4e6d21
```
#4e6d21 rgb(78,109,33)
```
#597c25
```
#597c25 rgb(89,124,37)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#6f9a2f
```
#6f9a2f rgb(111,154,47)
```
#7aa933
```
#7aa933 rgb(122,169,51)
```
#85b838
```
#85b838 rgb(133,184,56)
```

Shade Color Variation

#8fc53f
```
#8fc53f rgb(143,197,63)
```
#98c94e
```
#98c94e rgb(152,201,78)
```
#a0ce5d
```
#a0ce5d rgb(160,206,93)
```
#a9d36c
```
#a9d36c rgb(169,211,108)
```
#b2d77b
```
#b2d77b rgb(178,215,123)
```
#bbdc8a
```
#bbdc8a rgb(187,220,138)
```
#c4e099
```
#c4e099 rgb(196,224,153)
```
#cce5a8
```
#cce5a8 rgb(204,229,168)
```
#d5e9b7
```
#d5e9b7 rgb(213,233,183)
```
#deeec6
```
#deeec6 rgb(222,238,198)
```
#e7f2d5
```
#e7f2d5 rgb(231,242,213)
```
#eff7e4
```
#eff7e4 rgb(239,247,228)
```
#f8fbf3
```
#f8fbf3 rgb(248,251,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6154 is the less saturated color, while #6cb500 is the most saturated one.

#5c6154
```
#5c6154 rgb(92,97,84)
```
#5d684d
```
#5d684d rgb(93,104,77)
```
#5f6f46
```
#5f6f46 rgb(95,111,70)
```
#60763f
```
#60763f rgb(96,118,63)
```
#617d38
```
#617d38 rgb(97,125,56)
```
#638431
```
#638431 rgb(99,132,49)
```
#648b2a
```
#648b2a rgb(100,139,42)
```
#659223
```
#659223 rgb(101,146,35)
```
#67991c
```
#67991c rgb(103,153,28)
```
#68a015
```
#68a015 rgb(104,160,21)
```
#69a70e
```
#69a70e rgb(105,167,14)
```
#6bae07
```
#6bae07 rgb(107,174,7)
```
#6cb500
```
#6cb500 rgb(108,181,0)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#717965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958632 Protanopia 1% of men
#a47f3c Deuteranopia 1% of men
#798891 Tritanopia 0.001% of the population

Trichromacy

#83872f Protanomaly 1% of men, 0.01% of women
#8d8335 Deuteranomaly 6% of men, 0.4% of women
#71896c Tritanomaly 0.01% of the population

#648b2a hex color

#648b2a Color Information

#648b2a Color Conversion

Color Schemes with #648b2a

Alternatives to #648b2a

#648b2a Preview

Shades and Tints of #648b2a

Tones of #648b2a

Color Blindness Simulator