#2eaa88 hex color

In a RGB color space, hex #2eaa88 is composed of 18% red, 66.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 0% magenta, 20% yellow and 33.3% black. It has a hue angle of 163.5 degrees, a saturation of 57.4% and a lightness of 42.4%. #2eaa88 color hex could be obtained by blending #5cffff with #005511. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 67
- B 53
RGB color chart
- C 73
- M 0
- Y 20
- K 33
CMYK color chart

● #2eaa88 color description : Dark cyan - lime green.

The hexadecimal color #2eaa88 has RGB values of R:46, G:170, B:136 and CMYK values of C:0.73, M:0, Y:0.2, K:0.33. Its decimal value is 3058312.

Hex triplet	2eaa88	`#2eaa88`
RGB Decimal	46, 170, 136	`rgb(46,170,136)`
RGB Percent	18, 66.7, 53.3	`rgb(18%,66.7%,53.3%)`
CMYK	73, 0, 20, 33
HSL	163.5°, 57.4, 42.4	`hsl(163.5,57.4%,42.4%)`
HSV (or HSB)	163.5°, 72.9, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.597, -41.664, 7.96
XYZ	19.944, 31.106, 28.244
xyY	0.252, 0.392, 31.106
CIE-LCH	62.597, 42.418, 169.183
CIE-LUV	62.597, -47.356, 17.677
Hunter-Lab	55.773, -33.773, 9.016
Binary	00101110, 10101010, 10001000

#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#aa2e50
```
#aa2e50 rgb(170,46,80)
```

Complementary Color

#2eaa4a
```
#2eaa4a rgb(46,170,74)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#2e8eaa
```
#2e8eaa rgb(46,142,170)
```

Analogous Color

#aa4a2e
```
#aa4a2e rgb(170,74,46)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#aa2e8e
```
#aa2e8e rgb(170,46,142)
```

Split Complementary Color

#aa882e
```
#aa882e rgb(170,136,46)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#882eaa
```
#882eaa rgb(136,46,170)
```

Triadic Color

#50aa2e
```
#50aa2e rgb(80,170,46)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#882eaa
```
#882eaa rgb(136,46,170)
```
#aa2e50
```
#aa2e50 rgb(170,46,80)
```

Tetradic Color

#1e6e58
```
#1e6e58 rgb(30,110,88)
```
#238268
```
#238268 rgb(35,130,104)
```
#299678
```
#299678 rgb(41,150,120)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#33be98
```
#33be98 rgb(51,190,152)
```
#40cba5
```
#40cba5 rgb(64,203,165)
```
#54d1ae
```
#54d1ae rgb(84,209,174)
```

Monochromatic Color

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

#2eaa69
```
#2eaa69 rgb(46,170,105)
```
#2eaa73
```
#2eaa73 rgb(46,170,115)
```
#2eaa7e
```
#2eaa7e rgb(46,170,126)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#2eaa92
```
#2eaa92 rgb(46,170,146)
```
#2eaa9d
```
#2eaa9d rgb(46,170,157)
```
#2eaaa7
```
#2eaaa7 rgb(46,170,167)
```

Similar Colors

Text with hexadecimal color #2eaa88

This text has a font color of #2eaa88.

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

#2eaa88 background color

This paragraph has a background color of #2eaa88.

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

#2eaa88 border color

This element has a border color of #2eaa88.

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

CSS codes

.text {color:#2eaa88;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100c
```
#04100c rgb(4,16,12)
```
#081f19
```
#081f19 rgb(8,31,25)
```
#0d2e25
```
#0d2e25 rgb(13,46,37)
```
#113e32
```
#113e32 rgb(17,62,50)
```
#154d3e
```
#154d3e rgb(21,77,62)
```
#195d4a
```
#195d4a rgb(25,93,74)
```
#1d6c57
```
#1d6c57 rgb(29,108,87)
```
#217c63
```
#217c63 rgb(33,124,99)
```
#268b6f
```
#268b6f rgb(38,139,111)
```
#2a9b7c
```
#2a9b7c rgb(42,155,124)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#32b994
```
#32b994 rgb(50,185,148)
```

Shade Color Variation

#36c9a1
```
#36c9a1 rgb(54,201,161)
```
#46cda8
```
#46cda8 rgb(70,205,168)
```
#55d1af
```
#55d1af rgb(85,209,175)
```
#65d5b6
```
#65d5b6 rgb(101,213,182)
```
#74d9be
```
#74d9be rgb(116,217,190)
```
#84dec5
```
#84dec5 rgb(132,222,197)
```
#93e2cc
```
#93e2cc rgb(147,226,204)
```
#a3e6d3
```
#a3e6d3 rgb(163,230,211)
```
#b2eadb
```
#b2eadb rgb(178,234,219)
```
#c1eee2
```
#c1eee2 rgb(193,238,226)
```
#d1f3e9
```
#d1f3e9 rgb(209,243,233)
```
#e0f7f1
```
#e0f7f1 rgb(224,247,241)
```
#f0fbf8
```
#f0fbf8 rgb(240,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68706e is the less saturated color, while #04d49b is the most saturated one.

#68706e
```
#68706e rgb(104,112,110)
```
#607871
```
#607871 rgb(96,120,113)
```
#588075
```
#588075 rgb(88,128,117)
```
#4f8979
```
#4f8979 rgb(79,137,121)
```
#47917d
```
#47917d rgb(71,145,125)
```
#3f9980
```
#3f9980 rgb(63,153,128)
```
#36a284
```
#36a284 rgb(54,162,132)
```
#2eaa88
```
#2eaa88 rgb(46,170,136)
```
#26b28c
```
#26b28c rgb(38,178,140)
```
#1dbb90
```
#1dbb90 rgb(29,187,144)
```
#15c393
```
#15c393 rgb(21,195,147)
```
#0dcb97
```
#0dcb97 rgb(13,203,151)
```
#04d49b
```
#04d49b rgb(4,212,155)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49c85 Protanopia 1% of men
#ad9796 Deuteranopia 1% of men
#4fa8b5 Tritanopia 0.001% of the population

Trichromacy

#79a186 Protanomaly 1% of men, 0.01% of women
#7f9e90 Deuteranomaly 6% of men, 0.4% of women
#43a9a4 Tritanomaly 0.01% of the population

#2eaa88 hex color

#2eaa88 Color Information

#2eaa88 Color Conversion

Color Schemes with #2eaa88

Alternatives to #2eaa88

#2eaa88 Preview

Shades and Tints of #2eaa88

Tones of #2eaa88

Color Blindness Simulator