#667666 hex color

In a RGB color space, hex #667666 is composed of 40% red, 46.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 0% magenta, 13.6% yellow and 53.7% black. It has a hue angle of 120 degrees, a saturation of 7.3% and a lightness of 43.1%. #667666 color hex could be obtained by blending #cceccc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 46
- B 40
RGB color chart
- C 14
- M 0
- Y 14
- K 54
CMYK color chart

● #667666 color description : Dark grayish lime green.

The hexadecimal color #667666 has RGB values of R:102, G:118, B:102 and CMYK values of C:0.14, M:0, Y:0.14, K:0.54. Its decimal value is 6714982.

Hex triplet	667666	`#667666`
RGB Decimal	102, 118, 102	`rgb(102,118,102)`
RGB Percent	40, 46.3, 40	`rgb(40%,46.3%,40%)`
CMYK	14, 0, 14, 54
HSL	120°, 7.3, 43.1	`hsl(120,7.3%,43.1%)`
HSV (or HSB)	120°, 13.6, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.932, -9.292, 6.831
XYZ	14.356, 16.741, 15.045
xyY	0.311, 0.363, 16.741
CIE-LCH	47.932, 11.533, 143.678
CIE-LUV	47.932, -8.078, 10.434
Hunter-Lab	40.915, -8.973, 6.84
Binary	01100110, 01110110, 01100110

#667666
```
#667666 rgb(102,118,102)
```
#766676
```
#766676 rgb(118,102,118)
```

Complementary Color

#6e7666
```
#6e7666 rgb(110,118,102)
```
#667666
```
#667666 rgb(102,118,102)
```
#66766e
```
#66766e rgb(102,118,110)
```

Analogous Color

#76666e
```
#76666e rgb(118,102,110)
```
#667666
```
#667666 rgb(102,118,102)
```
#6e6676
```
#6e6676 rgb(110,102,118)
```

Split Complementary Color

#766666
```
#766666 rgb(118,102,102)
```
#667666
```
#667666 rgb(102,118,102)
```
#666676
```
#666676 rgb(102,102,118)
```

Triadic Color

#767666
```
#767666 rgb(118,118,102)
```
#667666
```
#667666 rgb(102,118,102)
```
#666676
```
#666676 rgb(102,102,118)
```
#766676
```
#766676 rgb(118,102,118)
```

Tetradic Color

#434d43
```
#434d43 rgb(67,77,67)
```
#4e5b4e
```
#4e5b4e rgb(78,91,78)
```
#5a685a
```
#5a685a rgb(90,104,90)
```
#667666
```
#667666 rgb(102,118,102)
```
#728472
```
#728472 rgb(114,132,114)
```
#7f907f
```
#7f907f rgb(127,144,127)
```
#8c9c8c
```
#8c9c8c rgb(140,156,140)
```

Monochromatic Color

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

#6a7666
```
#6a7666 rgb(106,118,102)
```
#697666
```
#697666 rgb(105,118,102)
```
#677666
```
#677666 rgb(103,118,102)
```
#667666
```
#667666 rgb(102,118,102)
```
#667667
```
#667667 rgb(102,118,103)
```
#667669
```
#667669 rgb(102,118,105)
```
#66766a
```
#66766a rgb(102,118,106)
```

Similar Colors

Text with hexadecimal color #667666

This text has a font color of #667666.

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

#667666 background color

This paragraph has a background color of #667666.

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

#667666 border color

This element has a border color of #667666.

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

CSS codes

.text {color:#667666;}

.background {background-color:#667666;}

.border {border:1px solid #667666;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0b
```
#0b0d0b rgb(11,13,11)
```
#141714
```
#141714 rgb(20,23,20)
```
#1d221d
```
#1d221d rgb(29,34,29)
```
#262c26
```
#262c26 rgb(38,44,38)
```
#2f372f
```
#2f372f rgb(47,55,47)
```
#394139
```
#394139 rgb(57,65,57)
```
#424c42
```
#424c42 rgb(66,76,66)
```
#4b564b
```
#4b564b rgb(75,86,75)
```
#546154
```
#546154 rgb(84,97,84)
```
#5d6b5d
```
#5d6b5d rgb(93,107,93)
```
#667666
```
#667666 rgb(102,118,102)
```
#6f816f
```
#6f816f rgb(111,129,111)
```

Shade Color Variation

#788b78
```
#788b78 rgb(120,139,120)
```
#839483
```
#839483 rgb(131,148,131)
```
#8e9d8e
```
#8e9d8e rgb(142,157,142)
```
#98a698
```
#98a698 rgb(152,166,152)
```
#a3afa3
```
#a3afa3 rgb(163,175,163)
```
#adb8ad
```
#adb8ad rgb(173,184,173)
```
#b8c1b8
```
#b8c1b8 rgb(184,193,184)
```
#c2cac2
```
#c2cac2 rgb(194,202,194)
```
#cdd3cd
```
#cdd3cd rgb(205,211,205)
```
#d7ddd7
```
#d7ddd7 rgb(215,221,215)
```
#e2e6e2
```
#e2e6e2 rgb(226,230,226)
```
#ecefec
```
#ecefec rgb(236,239,236)
```
#f7f8f7
```
#f7f8f7 rgb(247,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667666 is the less saturated color, while #00dc00 is the most saturated one.

#667666
```
#667666 rgb(102,118,102)
```
#5e7e5e
```
#5e7e5e rgb(94,126,94)
```
#558755
```
#558755 rgb(85,135,85)
```
#4d8f4d
```
#4d8f4d rgb(77,143,77)
```
#449844
```
#449844 rgb(68,152,68)
```
#3ca03c
```
#3ca03c rgb(60,160,60)
```
#33a933
```
#33a933 rgb(51,169,51)
```
#2bb12b
```
#2bb12b rgb(43,177,43)
```
#22ba22
```
#22ba22 rgb(34,186,34)
```
#1ac21a
```
#1ac21a rgb(26,194,26)
```
#11cb11
```
#11cb11 rgb(17,203,17)
```
#09d309
```
#09d309 rgb(9,211,9)
```
#00dc00
```
#00dc00 rgb(0,220,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6d706d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e786b Protanopia 1% of men
#877570 Deuteranopia 1% of men
#727a82 Tritanopia 0.001% of the population

Trichromacy

#757769 Protanomaly 1% of men, 0.01% of women
#7b756c Deuteranomaly 6% of men, 0.4% of women
#6d7878 Tritanomaly 0.01% of the population

#667666 hex color

#667666 Color Information

#667666 Color Conversion

Color Schemes with #667666

Alternatives to #667666

#667666 Preview

Shades and Tints of #667666

Tones of #667666

Color Blindness Simulator