#648f6b hex color

In a RGB color space, hex #648f6b is composed of 39.2% red, 56.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 0% magenta, 25.2% yellow and 43.9% black. It has a hue angle of 129.8 degrees, a saturation of 17.7% and a lightness of 47.6%. #648f6b color hex could be obtained by blending #c8ffd6 with #001f00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 39
- G 56
- B 42
RGB color chart
- C 30
- M 0
- Y 25
- K 44
CMYK color chart

● #648f6b color description : Mostly desaturated dark lime green.

The hexadecimal color #648f6b has RGB values of R:100, G:143, B:107 and CMYK values of C:0.3, M:0, Y:0.25, K:0.44. Its decimal value is 6590315.

Hex triplet	648f6b	`#648f6b`
RGB Decimal	100, 143, 107	`rgb(100,143,107)`
RGB Percent	39.2, 56.1, 42	`rgb(39.2%,56.1%,42%)`
CMYK	30, 0, 25, 44
HSL	129.8°, 17.7, 47.6	`hsl(129.8,17.7%,47.6%)`
HSV (or HSB)	129.8°, 30.1, 56.1
Web Safe	669966	`#669966`

CIE-LAB	55.497, -22.484, 14.543
XYZ	17.731, 23.415, 17.494
xyY	0.302, 0.399, 23.415
CIE-LCH	55.497, 26.777, 147.105
CIE-LUV	55.497, -21.32, 22.871
Hunter-Lab	48.389, -19.274, 12.437
Binary	01100100, 10001111, 01101011

#648f6b
```
#648f6b rgb(100,143,107)
```
#8f6488
```
#8f6488 rgb(143,100,136)
```

Complementary Color

#738f64
```
#738f64 rgb(115,143,100)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#648f81
```
#648f81 rgb(100,143,129)
```

Analogous Color

#8f6473
```
#8f6473 rgb(143,100,115)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#81648f
```
#81648f rgb(129,100,143)
```

Split Complementary Color

#8f6b64
```
#8f6b64 rgb(143,107,100)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#6b648f
```
#6b648f rgb(107,100,143)
```

Triadic Color

#888f64
```
#888f64 rgb(136,143,100)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#6b648f
```
#6b648f rgb(107,100,143)
```
#8f6488
```
#8f6488 rgb(143,100,136)
```

Tetradic Color

#456249
```
#456249 rgb(69,98,73)
```
#4f7155
```
#4f7155 rgb(79,113,85)
```
#5a8060
```
#5a8060 rgb(90,128,96)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#719c78
```
#719c78 rgb(113,156,120)
```
#80a686
```
#80a686 rgb(128,166,134)
```
#8fb194
```
#8fb194 rgb(143,177,148)
```

Monochromatic Color

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

#688f64
```
#688f64 rgb(104,143,100)
```
#648f64
```
#648f64 rgb(100,143,100)
```
#648f67
```
#648f67 rgb(100,143,103)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#648f6f
```
#648f6f rgb(100,143,111)
```
#648f72
```
#648f72 rgb(100,143,114)
```
#648f76
```
#648f76 rgb(100,143,118)
```

Similar Colors

Text with hexadecimal color #648f6b

This text has a font color of #648f6b.

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

#648f6b background color

This paragraph has a background color of #648f6b.

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

#648f6b border color

This element has a border color of #648f6b.

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

CSS codes

.text {color:#648f6b;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0b100c
```
#0b100c rgb(11,16,12)
```
#131c15
```
#131c15 rgb(19,28,21)
```
#1b271d
```
#1b271d rgb(27,39,29)
```
#233326
```
#233326 rgb(35,51,38)
```
#2b3e2f
```
#2b3e2f rgb(43,62,47)
```
#344a37
```
#344a37 rgb(52,74,55)
```
#3c5540
```
#3c5540 rgb(60,85,64)
```
#446148
```
#446148 rgb(68,97,72)
```
#4c6c51
```
#4c6c51 rgb(76,108,81)
```
#54785a
```
#54785a rgb(84,120,90)
```
#5c8362
```
#5c8362 rgb(92,131,98)
```
#648f6b
```
#648f6b rgb(100,143,107)
```

Shade Color Variation

#6d9975
```
#6d9975 rgb(109,153,117)
```
#79a180
```
#79a180 rgb(121,161,128)
```
#85a98b
```
#85a98b rgb(133,169,139)
```
#90b195
```
#90b195 rgb(144,177,149)
```
#9cb9a0
```
#9cb9a0 rgb(156,185,160)
```
#a7c2ab
```
#a7c2ab rgb(167,194,171)
```
#b3cab6
```
#b3cab6 rgb(179,202,182)
```
#bed2c1
```
#bed2c1 rgb(190,210,193)
```
#cadacc
```
#cadacc rgb(202,218,204)
```
#d5e2d7
```
#d5e2d7 rgb(213,226,215)
```
#e1eae2
```
#e1eae2 rgb(225,234,226)
```
#ecf2ed
```
#ecf2ed rgb(236,242,237)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c78 is the less saturated color, while #07ec2c is the most saturated one.

#777c78
```
#777c78 rgb(119,124,120)
```
#6d8671
```
#6d8671 rgb(109,134,113)
```
#648f6b
```
#648f6b rgb(100,143,107)
```
#5b9865
```
#5b9865 rgb(91,152,101)
```
#51a25e
```
#51a25e rgb(81,162,94)
```
#48ab58
```
#48ab58 rgb(72,171,88)
```
#3fb452
```
#3fb452 rgb(63,180,82)
```
#35be4b
```
#35be4b rgb(53,190,75)
```
#2cc745
```
#2cc745 rgb(44,199,69)
```
#23d03f
```
#23d03f rgb(35,208,63)
```
#19da39
```
#19da39 rgb(25,218,57)
```
#10e332
```
#10e332 rgb(16,227,50)
```
#07ec2c
```
#07ec2c rgb(7,236,44)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#79817a Atypical Achromatopsia 0.001% of the population

Dichromacy

#948b6e Protanopia 1% of men
#9f8677 Deuteranopia 1% of men
#748f99 Tritanopia 0.001% of the population

Trichromacy

#828c6d Protanomaly 1% of men, 0.01% of women
#898972 Deuteranomaly 6% of men, 0.4% of women
#6e8f88 Tritanomaly 0.01% of the population

#648f6b hex color

#648f6b Color Information

#648f6b Color Conversion

Color Schemes with #648f6b

Alternatives to #648f6b

#648f6b Preview

Shades and Tints of #648f6b

Tones of #648f6b

Color Blindness Simulator