#2e9688 hex color

In a RGB color space, hex #2e9688 is composed of 18% red, 58.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 0% magenta, 9.3% yellow and 41.2% black. It has a hue angle of 171.9 degrees, a saturation of 53.1% and a lightness of 38.4%. #2e9688 color hex could be obtained by blending #5cffff with #002d11. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 59
- B 53
RGB color chart
- C 69
- M 0
- Y 9
- K 41
CMYK color chart

● #2e9688 color description : Dark moderate cyan.

The hexadecimal color #2e9688 has RGB values of R:46, G:150, B:136 and CMYK values of C:0.69, M:0, Y:0.09, K:0.41. Its decimal value is 3053192.

Hex triplet	2e9688	`#2e9688`
RGB Decimal	46, 150, 136	`rgb(46,150,136)`
RGB Percent	18, 58.8, 53.3	`rgb(18%,58.8%,53.3%)`
CMYK	69, 0, 9, 41
HSL	171.9°, 53.1, 38.4	`hsl(171.9,53.1%,38.4%)`
HSV (or HSB)	171.9°, 69.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	56.257, -32.668, -1.206
XYZ	16.476, 24.17, 27.088
xyY	0.243, 0.357, 24.17
CIE-LCH	56.257, 32.69, 182.114
CIE-LUV	56.257, -39.977, 3.112
Hunter-Lab	49.163, -26.215, 1.746
Binary	00101110, 10010110, 10001000

#2e9688
```
#2e9688 rgb(46,150,136)
```
#962e3c
```
#962e3c rgb(150,46,60)
```

Complementary Color

#2e9654
```
#2e9654 rgb(46,150,84)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#2e7096
```
#2e7096 rgb(46,112,150)
```

Analogous Color

#96542e
```
#96542e rgb(150,84,46)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#962e70
```
#962e70 rgb(150,46,112)
```

Split Complementary Color

#96882e
```
#96882e rgb(150,136,46)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#882e96
```
#882e96 rgb(136,46,150)
```

Triadic Color

#3c962e
```
#3c962e rgb(60,150,46)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#882e96
```
#882e96 rgb(136,46,150)
```
#962e3c
```
#962e3c rgb(150,46,60)
```

Tetradic Color

#1c5b53
```
#1c5b53 rgb(28,91,83)
```
#226f65
```
#226f65 rgb(34,111,101)
```
#288276
```
#288276 rgb(40,130,118)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#34aa9a
```
#34aa9a rgb(52,170,154)
```
#3abdab
```
#3abdab rgb(58,189,171)
```
#49c7b6
```
#49c7b6 rgb(73,199,182)
```

Monochromatic Color

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

#2e966e
```
#2e966e rgb(46,150,110)
```
#2e9677
```
#2e9677 rgb(46,150,119)
```
#2e967f
```
#2e967f rgb(46,150,127)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#2e9691
```
#2e9691 rgb(46,150,145)
```
#2e9396
```
#2e9396 rgb(46,147,150)
```
#2e8a96
```
#2e8a96 rgb(46,138,150)
```

Similar Colors

Text with hexadecimal color #2e9688

This text has a font color of #2e9688.

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

#2e9688 background color

This paragraph has a background color of #2e9688.

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

#2e9688 border color

This element has a border color of #2e9688.

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

CSS codes

.text {color:#2e9688;}

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

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

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, #050f0e is the darkest color, while #ffffff is the lightest one.

#050f0e
```
#050f0e rgb(5,15,14)
```
#091e1b
```
#091e1b rgb(9,30,27)
```
#0e2d29
```
#0e2d29 rgb(14,45,41)
```
#123c36
```
#123c36 rgb(18,60,54)
```
#174b44
```
#174b44 rgb(23,75,68)
```
#1c5a52
```
#1c5a52 rgb(28,90,82)
```
#20695f
```
#20695f rgb(32,105,95)
```
#25786d
```
#25786d rgb(37,120,109)
```
#29877a
```
#29877a rgb(41,135,122)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#33a596
```
#33a596 rgb(51,165,150)
```
#37b4a3
```
#37b4a3 rgb(55,180,163)
```
#3cc3b1
```
#3cc3b1 rgb(60,195,177)
```

Shade Color Variation

#4bc8b7
```
#4bc8b7 rgb(75,200,183)
```
#5accbd
```
#5accbd rgb(90,204,189)
```
#69d1c3
```
#69d1c3 rgb(105,209,195)
```
#78d6c9
```
#78d6c9 rgb(120,214,201)
```
#87dacf
```
#87dacf rgb(135,218,207)
```
#96dfd5
```
#96dfd5 rgb(150,223,213)
```
#a5e3db
```
#a5e3db rgb(165,227,219)
```
#b4e8e1
```
#b4e8e1 rgb(180,232,225)
```
#c3ede7
```
#c3ede7 rgb(195,237,231)
```
#d2f1ed
```
#d2f1ed rgb(210,241,237)
```
#e1f6f3
```
#e1f6f3 rgb(225,246,243)
```
#f0faf9
```
#f0faf9 rgb(240,250,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6967 is the less saturated color, while #01c3a9 is the most saturated one.

#5b6967
```
#5b6967 rgb(91,105,103)
```
#54706c
```
#54706c rgb(84,112,108)
```
#4c7872
```
#4c7872 rgb(76,120,114)
```
#457f77
```
#457f77 rgb(69,127,119)
```
#3d877d
```
#3d877d rgb(61,135,125)
```
#368e82
```
#368e82 rgb(54,142,130)
```
#2e9688
```
#2e9688 rgb(46,150,136)
```
#269e8e
```
#269e8e rgb(38,158,142)
```
#1fa593
```
#1fa593 rgb(31,165,147)
```
#17ad99
```
#17ad99 rgb(23,173,153)
```
#10b49e
```
#10b49e rgb(16,180,158)
```
#08bca4
```
#08bca4 rgb(8,188,164)
```
#01c3a9
```
#01c3a9 rgb(1,195,169)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918c86 Protanopia 1% of men
#968994 Deuteranopia 1% of men
#4598a3 Tritanopia 0.001% of the population

Trichromacy

#6d8f87 Protanomaly 1% of men, 0.01% of women
#708d90 Deuteranomaly 6% of men, 0.4% of women
#3d9799 Tritanomaly 0.01% of the population

#2e9688 hex color

#2e9688 Color Information

#2e9688 Color Conversion

Color Schemes with #2e9688

Alternatives to #2e9688

#2e9688 Preview

Shades and Tints of #2e9688

Tones of #2e9688

Color Blindness Simulator