#2e684d hex color

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

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

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

The hexadecimal color #2e684d has RGB values of R:46, G:104, B:77 and CMYK values of C:0.56, M:0, Y:0.26, K:0.59. Its decimal value is 3041357.

Hex triplet	2e684d	`#2e684d`
RGB Decimal	46, 104, 77	`rgb(46,104,77)`
RGB Percent	18, 40.8, 30.2	`rgb(18%,40.8%,30.2%)`
CMYK	56, 0, 26, 59
HSL	152.1°, 38.7, 29.4	`hsl(152.1,38.7%,29.4%)`
HSV (or HSB)	152.1°, 55.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	39.609, -26.036, 9.549
XYZ	7.416, 11.017, 8.756
xyY	0.273, 0.405, 11.017
CIE-LCH	39.609, 27.732, 159.859
CIE-LUV	39.609, -25.089, 15.482
Hunter-Lab	33.192, -18.202, 7.592
Binary	00101110, 01101000, 01001101

#2e684d
```
#2e684d rgb(46,104,77)
```
#682e49
```
#682e49 rgb(104,46,73)
```

Complementary Color

#2e6830
```
#2e6830 rgb(46,104,48)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#2e6668
```
#2e6668 rgb(46,102,104)
```

Analogous Color

#68302e
```
#68302e rgb(104,48,46)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#682e66
```
#682e66 rgb(104,46,102)
```

Split Complementary Color

#684d2e
```
#684d2e rgb(104,77,46)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#4d2e68
```
#4d2e68 rgb(77,46,104)
```

Triadic Color

#49682e
```
#49682e rgb(73,104,46)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#4d2e68
```
#4d2e68 rgb(77,46,104)
```
#682e49
```
#682e49 rgb(104,46,73)
```

Tetradic Color

#173326
```
#173326 rgb(23,51,38)
```
#1e4533
```
#1e4533 rgb(30,69,51)
```
#265640
```
#265640 rgb(38,86,64)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#367a5a
```
#367a5a rgb(54,122,90)
```
#3e8b67
```
#3e8b67 rgb(62,139,103)
```
#459d74
```
#459d74 rgb(69,157,116)
```

Monochromatic Color

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

#2e683f
```
#2e683f rgb(46,104,63)
```
#2e6843
```
#2e6843 rgb(46,104,67)
```
#2e6848
```
#2e6848 rgb(46,104,72)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#2e6852
```
#2e6852 rgb(46,104,82)
```
#2e6857
```
#2e6857 rgb(46,104,87)
```
#2e685c
```
#2e685c rgb(46,104,92)
```

Similar Colors

Text with hexadecimal color #2e684d

This text has a font color of #2e684d.

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

#2e684d background color

This paragraph has a background color of #2e684d.

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

#2e684d border color

This element has a border color of #2e684d.

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

CSS codes

.text {color:#2e684d;}

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

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

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

#040907
```
#040907 rgb(4,9,7)
```
#0a1611
```
#0a1611 rgb(10,22,17)
```
#10241b
```
#10241b rgb(16,36,27)
```
#163225
```
#163225 rgb(22,50,37)
```
#1c3f2f
```
#1c3f2f rgb(28,63,47)
```
#224d39
```
#224d39 rgb(34,77,57)
```
#285a43
```
#285a43 rgb(40,90,67)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#347657
```
#347657 rgb(52,118,87)
```
#3a8361
```
#3a8361 rgb(58,131,97)
```
#40916b
```
#40916b rgb(64,145,107)
```
#469e75
```
#469e75 rgb(70,158,117)
```
#4cac7f
```
#4cac7f rgb(76,172,127)
```

Shade Color Variation

#57b589
```
#57b589 rgb(87,181,137)
```
#65bb93
```
#65bb93 rgb(101,187,147)
```
#72c19c
```
#72c19c rgb(114,193,156)
```
#80c7a6
```
#80c7a6 rgb(128,199,166)
```
#8dcdaf
```
#8dcdaf rgb(141,205,175)
```
#9bd3b9
```
#9bd3b9 rgb(155,211,185)
```
#a9d9c2
```
#a9d9c2 rgb(169,217,194)
```
#b6dfcc
```
#b6dfcc rgb(182,223,204)
```
#c4e5d5
```
#c4e5d5 rgb(196,229,213)
```
#d1ebdf
```
#d1ebdf rgb(209,235,223)
```
#dff1e9
```
#dff1e9 rgb(223,241,233)
```
#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 #069050 is the most saturated one.

#4b4b4b
```
#4b4b4b rgb(75,75,75)
```
#45514b
```
#45514b rgb(69,81,75)
```
#3f574c
```
#3f574c rgb(63,87,76)
```
#3a5c4c
```
#3a5c4c rgb(58,92,76)
```
#34624d
```
#34624d rgb(52,98,77)
```
#2e684d
```
#2e684d rgb(46,104,77)
```
#286e4d
```
#286e4d rgb(40,110,77)
```
#22744e
```
#22744e rgb(34,116,78)
```
#1d794e
```
#1d794e rgb(29,121,78)
```
#177f4f
```
#177f4f rgb(23,127,79)
```
#11854f
```
#11854f rgb(17,133,79)
```
#0b8b4f
```
#0b8b4f rgb(11,139,79)
```
#069050
```
#069050 rgb(6,144,80)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6551 Protanopia 1% of men
#73625a Deuteranopia 1% of men
#436b73 Tritanopia 0.001% of the population

Trichromacy

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

#2e684d hex color

#2e684d Color Information

#2e684d Color Conversion

Color Schemes with #2e684d

Alternatives to #2e684d

#2e684d Preview

Shades and Tints of #2e684d

Tones of #2e684d

Color Blindness Simulator