#2e6754 hex color

In a RGB color space, hex #2e6754 is composed of 18% red, 40.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 0% magenta, 18.4% yellow and 59.6% black. It has a hue angle of 160 degrees, a saturation of 38.3% and a lightness of 29.2%. #2e6754 color hex could be obtained by blending #5ccea8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 40
- B 33
RGB color chart
- C 55
- M 0
- Y 18
- K 60
CMYK color chart

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

The hexadecimal color #2e6754 has RGB values of R:46, G:103, B:84 and CMYK values of C:0.55, M:0, Y:0.18, K:0.6. Its decimal value is 3041108.

Hex triplet	2e6754	`#2e6754`
RGB Decimal	46, 103, 84	`rgb(46,103,84)`
RGB Percent	18, 40.4, 32.9	`rgb(18%,40.4%,32.9%)`
CMYK	55, 0, 18, 60
HSL	160°, 38.3, 29.2	`hsl(160,38.3%,29.2%)`
HSV (or HSB)	160°, 55.3, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.447, -23.808, 5.076
XYZ	7.577, 10.921, 10.096
xyY	0.265, 0.382, 10.921
CIE-LCH	39.447, 24.343, 167.965
CIE-LUV	39.447, -24.393, 9.752
Hunter-Lab	33.047, -16.907, 5.02
Binary	00101110, 01100111, 01010100

#2e6754
```
#2e6754 rgb(46,103,84)
```
#672e41
```
#672e41 rgb(103,46,65)
```

Complementary Color

#2e6738
```
#2e6738 rgb(46,103,56)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#2e5e67
```
#2e5e67 rgb(46,94,103)
```

Analogous Color

#67382e
```
#67382e rgb(103,56,46)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#672e5e
```
#672e5e rgb(103,46,94)
```

Split Complementary Color

#67542e
```
#67542e rgb(103,84,46)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#542e67
```
#542e67 rgb(84,46,103)
```

Triadic Color

#41672e
```
#41672e rgb(65,103,46)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#542e67
```
#542e67 rgb(84,46,103)
```
#672e41
```
#672e41 rgb(103,46,65)
```

Tetradic Color

#163229
```
#163229 rgb(22,50,41)
```
#1e4437
```
#1e4437 rgb(30,68,55)
```
#265546
```
#265546 rgb(38,85,70)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#367962
```
#367962 rgb(54,121,98)
```
#3e8a71
```
#3e8a71 rgb(62,138,113)
```
#469c7f
```
#469c7f rgb(70,156,127)
```

Monochromatic Color

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

#2e6746
```
#2e6746 rgb(46,103,70)
```
#2e674b
```
#2e674b rgb(46,103,75)
```
#2e674f
```
#2e674f rgb(46,103,79)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#2e6759
```
#2e6759 rgb(46,103,89)
```
#2e675e
```
#2e675e rgb(46,103,94)
```
#2e6762
```
#2e6762 rgb(46,103,98)
```

Similar Colors

Text with hexadecimal color #2e6754

This text has a font color of #2e6754.

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

#2e6754 background color

This paragraph has a background color of #2e6754.

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

#2e6754 border color

This element has a border color of #2e6754.

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

CSS codes

.text {color:#2e6754;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1612
```
#0a1612 rgb(10,22,18)
```
#10231d
```
#10231d rgb(16,35,29)
```
#163128
```
#163128 rgb(22,49,40)
```
#1c3e33
```
#1c3e33 rgb(28,62,51)
```
#224c3e
```
#224c3e rgb(34,76,62)
```
#285949
```
#285949 rgb(40,89,73)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#34755f
```
#34755f rgb(52,117,95)
```
#3a826a
```
#3a826a rgb(58,130,106)
```
#409075
```
#409075 rgb(64,144,117)
```
#469d80
```
#469d80 rgb(70,157,128)
```
#4cab8b
```
#4cab8b rgb(76,171,139)
```

Shade Color Variation

#57b495
```
#57b495 rgb(87,180,149)
```
#64ba9d
```
#64ba9d rgb(100,186,157)
```
#72c0a6
```
#72c0a6 rgb(114,192,166)
```
#7fc6af
```
#7fc6af rgb(127,198,175)
```
#8dccb7
```
#8dccb7 rgb(141,204,183)
```
#9bd2c0
```
#9bd2c0 rgb(155,210,192)
```
#a8d8c8
```
#a8d8c8 rgb(168,216,200)
```
#b6ded1
```
#b6ded1 rgb(182,222,209)
```
#c3e4d9
```
#c3e4d9 rgb(195,228,217)
```
#d1eae2
```
#d1eae2 rgb(209,234,226)
```
#def0ea
```
#def0ea rgb(222,240,234)
```
#ecf6f3
```
#ecf6f3 rgb(236,246,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#45504c
```
#45504c rgb(69,80,76)
```
#3f564e
```
#3f564e rgb(63,86,78)
```
#395c50
```
#395c50 rgb(57,92,80)
```
#346152
```
#346152 rgb(52,97,82)
```
#2e6754
```
#2e6754 rgb(46,103,84)
```
#286d56
```
#286d56 rgb(40,109,86)
```
#237258
```
#237258 rgb(35,114,88)
```
#1d785a
```
#1d785a rgb(29,120,90)
```
#177e5c
```
#177e5c rgb(23,126,92)
```
#11845e
```
#11845e rgb(17,132,94)
```
#0c895f
```
#0c895f rgb(12,137,95)
```
#068f61
```
#068f61 rgb(6,143,97)
```
#009563
```
#009563 rgb(0,149,99)
```

Tone Color Variation

Below, you can see how #2e6754 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
#4c5854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6558 Protanopia 1% of men
#706261 Deuteranopia 1% of men
#416b73 Tritanopia 0.001% of the population

Trichromacy

#546556 Protanomaly 1% of men, 0.01% of women
#58635c Deuteranomaly 6% of men, 0.4% of women
#3a6968 Tritanomaly 0.01% of the population

#2e6754 hex color

#2e6754 Color Information

#2e6754 Color Conversion

Color Schemes with #2e6754

Alternatives to #2e6754

#2e6754 Preview

Shades and Tints of #2e6754

Tones of #2e6754

Color Blindness Simulator