#648b2f hex color

In a RGB color space, hex #648b2f is composed of 39.2% red, 54.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 0% magenta, 66.2% yellow and 45.5% black. It has a hue angle of 85.4 degrees, a saturation of 49.5% and a lightness of 36.5%. #648b2f color hex could be obtained by blending #c8ff5e with #001700. Closest websafe color is: #669933.

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

● #648b2f color description : Dark moderate green.

The hexadecimal color #648b2f has RGB values of R:100, G:139, B:47 and CMYK values of C:0.28, M:0, Y:0.66, K:0.45. Its decimal value is 6589231.

Hex triplet	648b2f	`#648b2f`
RGB Decimal	100, 139, 47	`rgb(100,139,47)`
RGB Percent	39.2, 54.5, 18.4	`rgb(39.2%,54.5%,18.4%)`
CMYK	28, 0, 66, 45
HSL	85.4°, 49.5, 36.5	`hsl(85.4,49.5%,36.5%)`
HSV (or HSB)	85.4°, 66.2, 54.5
Web Safe	669933	`#669933`

CIE-LAB	53.362, -28.768, 43.375
XYZ	15.001, 21.379, 6.025
xyY	0.354, 0.504, 21.379
CIE-LCH	53.362, 52.048, 123.554
CIE-LUV	53.362, -19.581, 52.419
Hunter-Lab	46.238, -23.006, 24.64
Binary	01100100, 10001011, 00101111

#648b2f
```
#648b2f rgb(100,139,47)
```
#562f8b
```
#562f8b rgb(86,47,139)
```

Complementary Color

#8b842f
```
#8b842f rgb(139,132,47)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#368b2f
```
#368b2f rgb(54,139,47)
```

Analogous Color

#842f8b
```
#842f8b rgb(132,47,139)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#2f368b
```
#2f368b rgb(47,54,139)
```

Split Complementary Color

#8b2f64
```
#8b2f64 rgb(139,47,100)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#2f648b
```
#2f648b rgb(47,100,139)
```

Triadic Color

#8b562f
```
#8b562f rgb(139,86,47)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#2f648b
```
#2f648b rgb(47,100,139)
```
#562f8b
```
#562f8b rgb(86,47,139)
```

Tetradic Color

#3b521c
```
#3b521c rgb(59,82,28)
```
#496522
```
#496522 rgb(73,101,34)
```
#567829
```
#567829 rgb(86,120,41)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#729e35
```
#729e35 rgb(114,158,53)
```
#7fb13c
```
#7fb13c rgb(127,177,60)
```
#8dc046
```
#8dc046 rgb(141,192,70)
```

Monochromatic Color

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

#7b8b2f
```
#7b8b2f rgb(123,139,47)
```
#738b2f
```
#738b2f rgb(115,139,47)
```
#6c8b2f
```
#6c8b2f rgb(108,139,47)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#5c8b2f
```
#5c8b2f rgb(92,139,47)
```
#558b2f
```
#558b2f rgb(85,139,47)
```
#4d8b2f
```
#4d8b2f rgb(77,139,47)
```

Similar Colors

Text with hexadecimal color #648b2f

This text has a font color of #648b2f.

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

#648b2f background color

This paragraph has a background color of #648b2f.

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

#648b2f border color

This element has a border color of #648b2f.

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

CSS codes

.text {color:#648b2f;}

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

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

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

#050702
```
#050702 rgb(5,7,2)
```
#101607
```
#101607 rgb(16,22,7)
```
#1a240c
```
#1a240c rgb(26,36,12)
```
#253311
```
#253311 rgb(37,51,17)
```
#2f4216
```
#2f4216 rgb(47,66,22)
```
#3a501b
```
#3a501b rgb(58,80,27)
```
#445f20
```
#445f20 rgb(68,95,32)
```
#4f6e25
```
#4f6e25 rgb(79,110,37)
```
#597c2a
```
#597c2a rgb(89,124,42)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#6f9a34
```
#6f9a34 rgb(111,154,52)
```
#79a839
```
#79a839 rgb(121,168,57)
```
#84b73e
```
#84b73e rgb(132,183,62)
```

Shade Color Variation

#8dc148
```
#8dc148 rgb(141,193,72)
```
#97c656
```
#97c656 rgb(151,198,86)
```
#a0cb65
```
#a0cb65 rgb(160,203,101)
```
#a9d073
```
#a9d073 rgb(169,208,115)
```
#b2d582
```
#b2d582 rgb(178,213,130)
```
#bbda91
```
#bbda91 rgb(187,218,145)
```
#c4df9f
```
#c4df9f rgb(196,223,159)
```
#cde4ae
```
#cde4ae rgb(205,228,174)
```
#d6e9bd
```
#d6e9bd rgb(214,233,189)
```
#dfeecb
```
#dfeecb rgb(223,238,203)
```
#e8f3da
```
#e8f3da rgb(232,243,218)
```
#f1f7e9
```
#f1f7e9 rgb(241,247,233)
```
#fafcf7
```
#fafcf7 rgb(250,252,247)
```

Tint Color Variation

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

#5d605a
```
#5d605a rgb(93,96,90)
```
#5f6753
```
#5f6753 rgb(95,103,83)
```
#606e4c
```
#606e4c rgb(96,110,76)
```
#617644
```
#617644 rgb(97,118,68)
```
#627d3d
```
#627d3d rgb(98,125,61)
```
#638436
```
#638436 rgb(99,132,54)
```
#648b2f
```
#648b2f rgb(100,139,47)
```
#659228
```
#659228 rgb(101,146,40)
```
#669921
```
#669921 rgb(102,153,33)
```
#67a01a
```
#67a01a rgb(103,160,26)
```
#68a812
```
#68a812 rgb(104,168,18)
```
#69af0b
```
#69af0b rgb(105,175,11)
```
#6bb604
```
#6bb604 rgb(107,182,4)
```

Tone Color Variation

Below, you can see how #648b2f 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
#727967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948636 Protanopia 1% of men
#a48040 Deuteranopia 1% of men
#798892 Tritanopia 0.001% of the population

Trichromacy

#838733 Protanomaly 1% of men, 0.01% of women
#8d843a Deuteranomaly 6% of men, 0.4% of women
#71896e Tritanomaly 0.01% of the population

#648b2f hex color

#648b2f Color Information

#648b2f Color Conversion

Color Schemes with #648b2f

Alternatives to #648b2f

#648b2f Preview

Shades and Tints of #648b2f

Tones of #648b2f

Color Blindness Simulator