#648b4f hex color

In a RGB color space, hex #648b4f is composed of 39.2% red, 54.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 0% magenta, 43.2% yellow and 45.5% black. It has a hue angle of 99 degrees, a saturation of 27.5% and a lightness of 42.7%. #648b4f color hex could be obtained by blending #c8ff9e with #001700. Closest websafe color is: #669966.

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

● #648b4f color description : Mostly desaturated dark green.

The hexadecimal color #648b4f has RGB values of R:100, G:139, B:79 and CMYK values of C:0.28, M:0, Y:0.43, K:0.45. Its decimal value is 6589263.

Hex triplet	648b4f	`#648b4f`
RGB Decimal	100, 139, 79	`rgb(100,139,79)`
RGB Percent	39.2, 54.5, 31	`rgb(39.2%,54.5%,31%)`
CMYK	28, 0, 43, 45
HSL	99°, 27.5, 42.7	`hsl(99,27.5%,42.7%)`
HSV (or HSB)	99°, 43.2, 54.5
Web Safe	669966	`#669966`

CIE-LAB	53.749, -25.146, 27.805
XYZ	15.899, 21.739, 10.755
xyY	0.329, 0.449, 21.739
CIE-LCH	53.749, 37.489, 132.125
CIE-LUV	53.749, -19.5, 38.043
Hunter-Lab	46.625, -20.725, 18.961
Binary	01100100, 10001011, 01001111

#648b4f
```
#648b4f rgb(100,139,79)
```
#764f8b
```
#764f8b rgb(118,79,139)
```

Complementary Color

#828b4f
```
#828b4f rgb(130,139,79)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#4f8b58
```
#4f8b58 rgb(79,139,88)
```

Analogous Color

#8b4f82
```
#8b4f82 rgb(139,79,130)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#584f8b
```
#584f8b rgb(88,79,139)
```

Split Complementary Color

#8b4f64
```
#8b4f64 rgb(139,79,100)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#4f648b
```
#4f648b rgb(79,100,139)
```

Triadic Color

#8b764f
```
#8b764f rgb(139,118,79)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#4f648b
```
#4f648b rgb(79,100,139)
```
#764f8b
```
#764f8b rgb(118,79,139)
```

Tetradic Color

#415a33
```
#415a33 rgb(65,90,51)
```
#4d6a3d
```
#4d6a3d rgb(77,106,61)
```
#587b46
```
#587b46 rgb(88,123,70)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#709b58
```
#709b58 rgb(112,155,88)
```
#7da865
```
#7da865 rgb(125,168,101)
```
#8ab176
```
#8ab176 rgb(138,177,118)
```

Monochromatic Color

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

#738b4f
```
#738b4f rgb(115,139,79)
```
#6e8b4f
```
#6e8b4f rgb(110,139,79)
```
#698b4f
```
#698b4f rgb(105,139,79)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#5f8b4f
```
#5f8b4f rgb(95,139,79)
```
#5a8b4f
```
#5a8b4f rgb(90,139,79)
```
#558b4f
```
#558b4f rgb(85,139,79)
```

Similar Colors

Text with hexadecimal color #648b4f

This text has a font color of #648b4f.

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

#648b4f background color

This paragraph has a background color of #648b4f.

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

#648b4f border color

This element has a border color of #648b4f.

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

CSS codes

.text {color:#648b4f;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0e08
```
#0a0e08 rgb(10,14,8)
```
#131a0f
```
#131a0f rgb(19,26,15)
```
#1c2716
```
#1c2716 rgb(28,39,22)
```
#25331d
```
#25331d rgb(37,51,29)
```
#2e4024
```
#2e4024 rgb(46,64,36)
```
#374c2b
```
#374c2b rgb(55,76,43)
```
#405933
```
#405933 rgb(64,89,51)
```
#49653a
```
#49653a rgb(73,101,58)
```
#527241
```
#527241 rgb(82,114,65)
```
#5b7e48
```
#5b7e48 rgb(91,126,72)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#6d9856
```
#6d9856 rgb(109,152,86)
```

Shade Color Variation

#76a35e
```
#76a35e rgb(118,163,94)
```
#81ab6a
```
#81ab6a rgb(129,171,106)
```
#8bb277
```
#8bb277 rgb(139,178,119)
```
#96b983
```
#96b983 rgb(150,185,131)
```
#a1c090
```
#a1c090 rgb(161,192,144)
```
#abc79c
```
#abc79c rgb(171,199,156)
```
#b6cea9
```
#b6cea9 rgb(182,206,169)
```
#c1d5b5
```
#c1d5b5 rgb(193,213,181)
```
#cbdcc2
```
#cbdcc2 rgb(203,220,194)
```
#d6e3ce
```
#d6e3ce rgb(214,227,206)
```
#e0eadb
```
#e0eadb rgb(224,234,219)
```
#ebf2e7
```
#ebf2e7 rgb(235,242,231)
```
#f6f9f4
```
#f6f9f4 rgb(246,249,244)
```

Tint Color Variation

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

#6c7268
```
#6c7268 rgb(108,114,104)
```
#697a60
```
#697a60 rgb(105,122,96)
```
#678357
```
#678357 rgb(103,131,87)
```
#648b4f
```
#648b4f rgb(100,139,79)
```
#619347
```
#619347 rgb(97,147,71)
```
#5f9c3e
```
#5f9c3e rgb(95,156,62)
```
#5ca436
```
#5ca436 rgb(92,164,54)
```
#5aad2d
```
#5aad2d rgb(90,173,45)
```
#57b525
```
#57b525 rgb(87,181,37)
```
#55bd1d
```
#55bd1d rgb(85,189,29)
```
#52c614
```
#52c614 rgb(82,198,20)
```
#50ce0c
```
#50ce0c rgb(80,206,12)
```
#4dd604
```
#4dd604 rgb(77,214,4)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#747c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938754 Protanopia 1% of men
#a0815d Deuteranopia 1% of men
#778993 Tritanopia 0.001% of the population

Trichromacy

#818852 Protanomaly 1% of men, 0.01% of women
#8a8458 Deuteranomaly 6% of men, 0.4% of women
#708a7a Tritanomaly 0.01% of the population

#648b4f hex color

#648b4f Color Information

#648b4f Color Conversion

Color Schemes with #648b4f

Alternatives to #648b4f

#648b4f Preview

Shades and Tints of #648b4f

Tones of #648b4f

Color Blindness Simulator