#2e684c hex color

In a RGB color space, hex #2e684c is composed of 18% red, 40.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 26.9% yellow and 59.2% black. It has a hue angle of 151 degrees, a saturation of 38.7% and a lightness of 29.4%. #2e684c color hex could be obtained by blending #5cd098 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 41
- B 30
RGB color chart
- C 56
- M 0
- Y 27
- K 59
CMYK color chart

● #2e684c color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2e684c has RGB values of R:46, G:104, B:76 and CMYK values of C:0.56, M:0, Y:0.27, K:0.59. Its decimal value is 3041356.

Hex triplet	2e684c	`#2e684c`
RGB Decimal	46, 104, 76	`rgb(46,104,76)`
RGB Percent	18, 40.8, 29.8	`rgb(18%,40.8%,29.8%)`
CMYK	56, 0, 27, 59
HSL	151°, 38.7, 29.4	`hsl(151,38.7%,29.4%)`
HSV (or HSB)	151°, 55.8, 40.8
Web Safe	336633	`#336633`

CIE-LAB	39.585, -26.272, 10.119
XYZ	7.381, 11.003, 8.572
xyY	0.274, 0.408, 11.003
CIE-LCH	39.585, 28.153, 158.935
CIE-LUV	39.585, -25.129, 16.18
Hunter-Lab	33.17, -18.328, 7.898
Binary	00101110, 01101000, 01001100

#2e684c
```
#2e684c rgb(46,104,76)
```
#682e4a
```
#682e4a rgb(104,46,74)
```

Complementary Color

#2e682f
```
#2e682f rgb(46,104,47)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#2e6768
```
#2e6768 rgb(46,103,104)
```

Analogous Color

#682f2e
```
#682f2e rgb(104,47,46)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#682e67
```
#682e67 rgb(104,46,103)
```

Split Complementary Color

#684c2e
```
#684c2e rgb(104,76,46)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#4c2e68
```
#4c2e68 rgb(76,46,104)
```

Triadic Color

#4a682e
```
#4a682e rgb(74,104,46)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#4c2e68
```
#4c2e68 rgb(76,46,104)
```
#682e4a
```
#682e4a rgb(104,46,74)
```

Tetradic Color

#173325
```
#173325 rgb(23,51,37)
```
#1e4532
```
#1e4532 rgb(30,69,50)
```
#26563f
```
#26563f rgb(38,86,63)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#367a59
```
#367a59 rgb(54,122,89)
```
#3e8b66
```
#3e8b66 rgb(62,139,102)
```
#459d73
```
#459d73 rgb(69,157,115)
```

Monochromatic Color

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

#2e683e
```
#2e683e rgb(46,104,62)
```
#2e6842
```
#2e6842 rgb(46,104,66)
```
#2e6847
```
#2e6847 rgb(46,104,71)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#2e6851
```
#2e6851 rgb(46,104,81)
```
#2e6856
```
#2e6856 rgb(46,104,86)
```
#2e685b
```
#2e685b rgb(46,104,91)
```

Similar Colors

Text with hexadecimal color #2e684c

This text has a font color of #2e684c.

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

#2e684c background color

This paragraph has a background color of #2e684c.

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

#2e684c border color

This element has a border color of #2e684c.

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

CSS codes

.text {color:#2e684c;}

.background {background-color:#2e684c;}

.border {border:1px solid #2e684c;}

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

#040906
```
#040906 rgb(4,9,6)
```
#0a1610
```
#0a1610 rgb(10,22,16)
```
#10241a
```
#10241a rgb(16,36,26)
```
#163224
```
#163224 rgb(22,50,36)
```
#1c3f2e
```
#1c3f2e rgb(28,63,46)
```
#224d38
```
#224d38 rgb(34,77,56)
```
#285a42
```
#285a42 rgb(40,90,66)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#347656
```
#347656 rgb(52,118,86)
```
#3a8360
```
#3a8360 rgb(58,131,96)
```
#40916a
```
#40916a rgb(64,145,106)
```
#469e74
```
#469e74 rgb(70,158,116)
```
#4cac7e
```
#4cac7e rgb(76,172,126)
```

Shade Color Variation

#57b587
```
#57b587 rgb(87,181,135)
```
#65bb91
```
#65bb91 rgb(101,187,145)
```
#72c19b
```
#72c19b rgb(114,193,155)
```
#80c7a4
```
#80c7a4 rgb(128,199,164)
```
#8dcdae
```
#8dcdae rgb(141,205,174)
```
#9bd3b8
```
#9bd3b8 rgb(155,211,184)
```
#a9d9c2
```
#a9d9c2 rgb(169,217,194)
```
#b6dfcb
```
#b6dfcb rgb(182,223,203)
```
#c4e5d5
```
#c4e5d5 rgb(196,229,213)
```
#d1ebdf
```
#d1ebdf rgb(209,235,223)
```
#dff1e8
```
#dff1e8 rgb(223,241,232)
```
#edf7f2
```
#edf7f2 rgb(237,247,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#4b4b4b
```
#4b4b4b rgb(75,75,75)
```
#45514b
```
#45514b rgb(69,81,75)
```
#3f574b
```
#3f574b rgb(63,87,75)
```
#3a5c4c
```
#3a5c4c rgb(58,92,76)
```
#34624c
```
#34624c rgb(52,98,76)
```
#2e684c
```
#2e684c rgb(46,104,76)
```
#286e4c
```
#286e4c rgb(40,110,76)
```
#22744c
```
#22744c rgb(34,116,76)
```
#1d794d
```
#1d794d rgb(29,121,77)
```
#177f4d
```
#177f4d rgb(23,127,77)
```
#11854d
```
#11854d rgb(17,133,77)
```
#0b8b4d
```
#0b8b4d rgb(11,139,77)
```
#06904d
```
#06904d rgb(6,144,77)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6550 Protanopia 1% of men
#736259 Deuteranopia 1% of men
#436b73 Tritanopia 0.001% of the population

Trichromacy

#55664f Protanomaly 1% of men, 0.01% of women
#5a6454 Deuteranomaly 6% of men, 0.4% of women
#3b6a65 Tritanomaly 0.01% of the population

#2e684c hex color

#2e684c Color Information

#2e684c Color Conversion

Color Schemes with #2e684c

Alternatives to #2e684c

#2e684c Preview

Shades and Tints of #2e684c

Tones of #2e684c

Color Blindness Simulator