#2eaf60 hex color

In a RGB color space, hex #2eaf60 is composed of 18% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 0% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 143.3 degrees, a saturation of 58.4% and a lightness of 43.3%. #2eaf60 color hex could be obtained by blending #5cffc0 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 69
- B 38
RGB color chart
- C 74
- M 0
- Y 45
- K 31
CMYK color chart

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

The hexadecimal color #2eaf60 has RGB values of R:46, G:175, B:96 and CMYK values of C:0.74, M:0, Y:0.45, K:0.31. Its decimal value is 3059552.

Hex triplet	2eaf60	`#2eaf60`
RGB Decimal	46, 175, 96	`rgb(46,175,96)`
RGB Percent	18, 68.6, 37.6	`rgb(18%,68.6%,37.6%)`
CMYK	74, 0, 45, 31
HSL	143.3°, 58.4, 43.3	`hsl(143.3,58.4%,43.3%)`
HSV (or HSB)	143.3°, 73.7, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.412, -52.178, 30.765
XYZ	18.567, 32.083, 16.28
xyY	0.277, 0.479, 32.083
CIE-LCH	63.412, 60.573, 149.476
CIE-LUV	63.412, -51.505, 47.771
Hunter-Lab	56.642, -40.614, 22.609
Binary	00101110, 10101111, 01100000

#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#af2e7d
```
#af2e7d rgb(175,46,125)
```

Complementary Color

#3daf2e
```
#3daf2e rgb(61,175,46)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#2eafa1
```
#2eafa1 rgb(46,175,161)
```

Analogous Color

#af2e3c
```
#af2e3c rgb(175,46,60)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#a12eaf
```
#a12eaf rgb(161,46,175)
```

Split Complementary Color

#af602e
```
#af602e rgb(175,96,46)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#602eaf
```
#602eaf rgb(96,46,175)
```

Triadic Color

#7daf2e
```
#7daf2e rgb(125,175,46)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#602eaf
```
#602eaf rgb(96,46,175)
```
#af2e7d
```
#af2e7d rgb(175,46,125)
```

Tetradic Color

#1e723f
```
#1e723f rgb(30,114,63)
```
#23874a
```
#23874a rgb(35,135,74)
```
#299b55
```
#299b55 rgb(41,155,85)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#33c36b
```
#33c36b rgb(51,195,107)
```
#43cd78
```
#43cd78 rgb(67,205,120)
```
#57d387
```
#57d387 rgb(87,211,135)
```

Monochromatic Color

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

#2eaf40
```
#2eaf40 rgb(46,175,64)
```
#2eaf4b
```
#2eaf4b rgb(46,175,75)
```
#2eaf55
```
#2eaf55 rgb(46,175,85)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#2eaf6b
```
#2eaf6b rgb(46,175,107)
```
#2eaf76
```
#2eaf76 rgb(46,175,118)
```
#2eaf80
```
#2eaf80 rgb(46,175,128)
```

Similar Colors

Text with hexadecimal color #2eaf60

This text has a font color of #2eaf60.

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

#2eaf60 background color

This paragraph has a background color of #2eaf60.

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

#2eaf60 border color

This element has a border color of #2eaf60.

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

CSS codes

.text {color:#2eaf60;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#05140b
```
#05140b rgb(5,20,11)
```
#092313
```
#092313 rgb(9,35,19)
```
#0d331c
```
#0d331c rgb(13,51,28)
```
#114224
```
#114224 rgb(17,66,36)
```
#16522d
```
#16522d rgb(22,82,45)
```
#1a6135
```
#1a6135 rgb(26,97,53)
```
#1e713e
```
#1e713e rgb(30,113,62)
```
#228046
```
#228046 rgb(34,128,70)
```
#26904f
```
#26904f rgb(38,144,79)
```
#2a9f57
```
#2a9f57 rgb(42,159,87)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#32bf69
```
#32bf69 rgb(50,191,105)
```

Shade Color Variation

#39cb72
```
#39cb72 rgb(57,203,114)
```
#49cf7d
```
#49cf7d rgb(73,207,125)
```
#58d388
```
#58d388 rgb(88,211,136)
```
#68d793
```
#68d793 rgb(104,215,147)
```
#77db9e
```
#77db9e rgb(119,219,158)
```
#87dfa9
```
#87dfa9 rgb(135,223,169)
```
#96e4b4
```
#96e4b4 rgb(150,228,180)
```
#a6e8bf
```
#a6e8bf rgb(166,232,191)
```
#b5ecca
```
#b5ecca rgb(181,236,202)
```
#c5f0d6
```
#c5f0d6 rgb(197,240,214)
```
#d5f4e1
```
#d5f4e1 rgb(213,244,225)
```
#e4f8ec
```
#e4f8ec rgb(228,248,236)
```
#f4fcf7
```
#f4fcf7 rgb(244,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a746d is the less saturated color, while #03da56 is the most saturated one.

#6a746d
```
#6a746d rgb(106,116,109)
```
#617c6b
```
#617c6b rgb(97,124,107)
```
#59856a
```
#59856a rgb(89,133,106)
```
#508d68
```
#508d68 rgb(80,141,104)
```
#489666
```
#489666 rgb(72,150,102)
```
#3f9e64
```
#3f9e64 rgb(63,158,100)
```
#37a762
```
#37a762 rgb(55,167,98)
```
#2eaf60
```
#2eaf60 rgb(46,175,96)
```
#26b85e
```
#26b85e rgb(38,184,94)
```
#1dc05c
```
#1dc05c rgb(29,192,92)
```
#15c95a
```
#15c95a rgb(21,201,90)
```
#0cd158
```
#0cd158 rgb(12,209,88)
```
#03da56
```
#03da56 rgb(3,218,86)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e60 Protanopia 1% of men
#bb9871 Deuteranopia 1% of men
#5baab6 Tritanopia 0.001% of the population

Trichromacy

#7fa460 Protanomaly 1% of men, 0.01% of women
#88a06b Deuteranomaly 6% of men, 0.4% of women
#4aab96 Tritanomaly 0.01% of the population

#2eaf60 hex color

#2eaf60 Color Information

#2eaf60 Color Conversion

Color Schemes with #2eaf60

Alternatives to #2eaf60

#2eaf60 Preview

Shades and Tints of #2eaf60

Tones of #2eaf60

Color Blindness Simulator