#648c2a hex color

In a RGB color space, hex #648c2a is composed of 39.2% red, 54.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 70% yellow and 45.1% black. It has a hue angle of 84.5 degrees, a saturation of 53.8% and a lightness of 35.7%. #648c2a color hex could be obtained by blending #c8ff54 with #001900. Closest websafe color is: #669933.

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

● #648c2a color description : Dark green.

The hexadecimal color #648c2a has RGB values of R:100, G:140, B:42 and CMYK values of C:0.29, M:0, Y:0.7, K:0.45. Its decimal value is 6589482.

Hex triplet	648c2a	`#648c2a`
RGB Decimal	100, 140, 42	`rgb(100,140,42)`
RGB Percent	39.2, 54.9, 16.5	`rgb(39.2%,54.9%,16.5%)`
CMYK	29, 0, 70, 45
HSL	84.5°, 53.8, 35.7	`hsl(84.5,53.8%,35.7%)`
HSV (or HSB)	84.5°, 70, 54.9
Web Safe	669933	`#669933`

CIE-LAB	53.635, -29.641, 45.803
XYZ	15.051, 21.632, 5.573
xyY	0.356, 0.512, 21.632
CIE-LCH	53.635, 54.557, 122.908
CIE-LUV	53.635, -20.112, 54.495
Hunter-Lab	46.51, -23.629, 25.453
Binary	01100100, 10001100, 00101010

#648c2a
```
#648c2a rgb(100,140,42)
```
#522a8c
```
#522a8c rgb(82,42,140)
```

Complementary Color

#8c832a
```
#8c832a rgb(140,131,42)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#338c2a
```
#338c2a rgb(51,140,42)
```

Analogous Color

#832a8c
```
#832a8c rgb(131,42,140)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#2a338c
```
#2a338c rgb(42,51,140)
```

Split Complementary Color

#8c2a64
```
#8c2a64 rgb(140,42,100)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#2a648c
```
#2a648c rgb(42,100,140)
```

Triadic Color

#8c522a
```
#8c522a rgb(140,82,42)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#2a648c
```
#2a648c rgb(42,100,140)
```
#522a8c
```
#522a8c rgb(82,42,140)
```

Tetradic Color

#3a5118
```
#3a5118 rgb(58,81,24)
```
#48651e
```
#48651e rgb(72,101,30)
```
#567824
```
#567824 rgb(86,120,36)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#72a030
```
#72a030 rgb(114,160,48)
```
#80b336
```
#80b336 rgb(128,179,54)
```
#8ec53e
```
#8ec53e rgb(142,197,62)
```

Monochromatic Color

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

#7d8c2a
```
#7d8c2a rgb(125,140,42)
```
#748c2a
```
#748c2a rgb(116,140,42)
```
#6c8c2a
```
#6c8c2a rgb(108,140,42)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#5c8c2a
```
#5c8c2a rgb(92,140,42)
```
#548c2a
```
#548c2a rgb(84,140,42)
```
#4c8c2a
```
#4c8c2a rgb(76,140,42)
```

Similar Colors

Text with hexadecimal color #648c2a

This text has a font color of #648c2a.

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

#648c2a background color

This paragraph has a background color of #648c2a.

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

#648c2a border color

This element has a border color of #648c2a.

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

CSS codes

.text {color:#648c2a;}

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

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0e1306
```
#0e1306 rgb(14,19,6)
```
#19220a
```
#19220a rgb(25,34,10)
```
#23310f
```
#23310f rgb(35,49,15)
```
#2e4113
```
#2e4113 rgb(46,65,19)
```
#395018
```
#395018 rgb(57,80,24)
```
#445f1c
```
#445f1c rgb(68,95,28)
```
#4e6e21
```
#4e6e21 rgb(78,110,33)
```
#597d25
```
#597d25 rgb(89,125,37)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#6f9b2f
```
#6f9b2f rgb(111,155,47)
```
#7aaa33
```
#7aaa33 rgb(122,170,51)
```
#84b938
```
#84b938 rgb(132,185,56)
```

Shade Color Variation

#8fc53f
```
#8fc53f rgb(143,197,63)
```
#97ca4e
```
#97ca4e rgb(151,202,78)
```
#a0ce5d
```
#a0ce5d rgb(160,206,93)
```
#a9d36c
```
#a9d36c rgb(169,211,108)
```
#b2d87b
```
#b2d87b rgb(178,216,123)
```
#bbdc8a
```
#bbdc8a rgb(187,220,138)
```
#c4e19a
```
#c4e19a rgb(196,225,154)
```
#cce5a9
```
#cce5a9 rgb(204,229,169)
```
#d5eab8
```
#d5eab8 rgb(213,234,184)
```
#deeec7
```
#deeec7 rgb(222,238,199)
```
#e7f3d6
```
#e7f3d6 rgb(231,243,214)
```
#f0f7e5
```
#f0f7e5 rgb(240,247,229)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#5c6254
```
#5c6254 rgb(92,98,84)
```
#5e694d
```
#5e694d rgb(94,105,77)
```
#5f7046
```
#5f7046 rgb(95,112,70)
```
#60773f
```
#60773f rgb(96,119,63)
```
#617e38
```
#617e38 rgb(97,126,56)
```
#638531
```
#638531 rgb(99,133,49)
```
#648c2a
```
#648c2a rgb(100,140,42)
```
#659323
```
#659323 rgb(101,147,35)
```
#679a1c
```
#679a1c rgb(103,154,28)
```
#68a115
```
#68a115 rgb(104,161,21)
```
#69a80e
```
#69a80e rgb(105,168,14)
```
#6aaf07
```
#6aaf07 rgb(106,175,7)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#727a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968632 Protanopia 1% of men
#a5803c Deuteranopia 1% of men
#798892 Tritanopia 0.001% of the population

Trichromacy

#83882f Protanomaly 1% of men, 0.01% of women
#8d8435 Deuteranomaly 6% of men, 0.4% of women
#718a6c Tritanomaly 0.01% of the population

#648c2a hex color

#648c2a Color Information

#648c2a Color Conversion

Color Schemes with #648c2a

Alternatives to #648c2a

#648c2a Preview

Shades and Tints of #648c2a

Tones of #648c2a

Color Blindness Simulator