#2ae745 hex color

In a RGB color space, hex #2ae745 is composed of 16.5% red, 90.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 0% magenta, 70.1% yellow and 9.4% black. It has a hue angle of 128.6 degrees, a saturation of 79.7% and a lightness of 53.5%. #2ae745 color hex could be obtained by blending #54ff8a with #00cf00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 91
- B 27
RGB color chart
- C 82
- M 0
- Y 70
- K 9
CMYK color chart

● #2ae745 color description : Bright lime green.

The hexadecimal color #2ae745 has RGB values of R:42, G:231, B:69 and CMYK values of C:0.82, M:0, Y:0.7, K:0.09. Its decimal value is 2811717.

Hex triplet	2ae745	`#2ae745`
RGB Decimal	42, 231, 69	`rgb(42,231,69)`
RGB Percent	16.5, 90.6, 27.1	`rgb(16.5%,90.6%,27.1%)`
CMYK	82, 0, 70, 9
HSL	128.6°, 79.7, 53.5	`hsl(128.6,79.7%,53.5%)`
HSV (or HSB)	128.6°, 81.8, 90.6
Web Safe	33ff33	`#33ff33`

CIE-LAB	80.778, -74.448, 63.049
XYZ	30.603, 58.07, 15.226
xyY	0.295, 0.559, 58.07
CIE-LCH	80.778, 97.559, 139.739
CIE-LUV	80.778, -72.061, 87.528
Hunter-Lab	76.204, -61.672, 41.496
Binary	00101010, 11100111, 01000101

#2ae745
```
#2ae745 rgb(42,231,69)
```
#e72acc
```
#e72acc rgb(231,42,204)
```

Complementary Color

#6ee72a
```
#6ee72a rgb(110,231,42)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#2ae7a4
```
#2ae7a4 rgb(42,231,164)
```

Analogous Color

#e72a6e
```
#e72a6e rgb(231,42,110)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#a42ae7
```
#a42ae7 rgb(164,42,231)
```

Split Complementary Color

#e7452a
```
#e7452a rgb(231,69,42)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#452ae7
```
#452ae7 rgb(69,42,231)
```

Triadic Color

#cce72a
```
#cce72a rgb(204,231,42)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#452ae7
```
#452ae7 rgb(69,42,231)
```
#e72acc
```
#e72acc rgb(231,42,204)
```

Tetradic Color

#14b12a
```
#14b12a rgb(20,177,42)
```
#16c830
```
#16c830 rgb(22,200,48)
```
#19de35
```
#19de35 rgb(25,222,53)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#41ea59
```
#41ea59 rgb(65,234,89)
```
#58ec6d
```
#58ec6d rgb(88,236,109)
```
#6fef81
```
#6fef81 rgb(111,239,129)
```

Monochromatic Color

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

#3ee72a
```
#3ee72a rgb(62,231,42)
```
#2fe72a
```
#2fe72a rgb(47,231,42)
```
#2ae735
```
#2ae735 rgb(42,231,53)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#2ae755
```
#2ae755 rgb(42,231,85)
```
#2ae765
```
#2ae765 rgb(42,231,101)
```
#2ae774
```
#2ae774 rgb(42,231,116)
```

Similar Colors

Text with hexadecimal color #2ae745

This text has a font color of #2ae745.

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

#2ae745 background color

This paragraph has a background color of #2ae745.

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

#2ae745 border color

This element has a border color of #2ae745.

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

CSS codes

.text {color:#2ae745;}

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

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

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

#021004
```
#021004 rgb(2,16,4)
```
#042208
```
#042208 rgb(4,34,8)
```
#06330c
```
#06330c rgb(6,51,12)
```
#084511
```
#084511 rgb(8,69,17)
```
#0a5715
```
#0a5715 rgb(10,87,21)
```
#0c6819
```
#0c6819 rgb(12,104,25)
```
#0e7a1d
```
#0e7a1d rgb(14,122,29)
```
#108c21
```
#108c21 rgb(16,140,33)
```
#129d26
```
#129d26 rgb(18,157,38)
```
#14af2a
```
#14af2a rgb(20,175,42)
```
#16c02e
```
#16c02e rgb(22,192,46)
```
#18d232
```
#18d232 rgb(24,210,50)
```
#1ae437
```
#1ae437 rgb(26,228,55)
```

Shade Color Variation

#2ae745
```
#2ae745 rgb(42,231,69)
```
#3ce954
```
#3ce954 rgb(60,233,84)
```
#4deb64
```
#4deb64 rgb(77,235,100)
```
#5fed73
```
#5fed73 rgb(95,237,115)
```
#71ef83
```
#71ef83 rgb(113,239,131)
```
#82f192
```
#82f192 rgb(130,241,146)
```
#94f3a1
```
#94f3a1 rgb(148,243,161)
```
#a5f5b1
```
#a5f5b1 rgb(165,245,177)
```
#b7f7c0
```
#b7f7c0 rgb(183,247,192)
```
#c9f9d0
```
#c9f9d0 rgb(201,249,208)
```
#dafbdf
```
#dafbdf rgb(218,251,223)
```
#ecfdee
```
#ecfdee rgb(236,253,238)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c86 is the less saturated color, while #18f938 is the most saturated one.

#858c86
```
#858c86 rgb(133,140,134)
```
#7c9580
```
#7c9580 rgb(124,149,128)
```
#739e79
```
#739e79 rgb(115,158,121)
```
#6aa773
```
#6aa773 rgb(106,167,115)
```
#61b06c
```
#61b06c rgb(97,176,108)
```
#58b966
```
#58b966 rgb(88,185,102)
```
#4ec35f
```
#4ec35f rgb(78,195,95)
```
#45cc59
```
#45cc59 rgb(69,204,89)
```
#3cd552
```
#3cd552 rgb(60,213,82)
```
#33de4c
```
#33de4c rgb(51,222,76)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#21f03e
```
#21f03e rgb(33,240,62)
```
#18f938
```
#18f938 rgb(24,249,56)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#85ab8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cb46 Protanopia 1% of men
#f9c25f Deuteranopia 1% of men
#75d9e9 Tritanopia 0.001% of the population

Trichromacy

#9fd546 Protanomaly 1% of men, 0.01% of women
#aecf56 Deuteranomaly 6% of men, 0.4% of women
#59dead Tritanomaly 0.01% of the population

#2ae745 hex color

#2ae745 Color Information

#2ae745 Color Conversion

Color Schemes with #2ae745

Alternatives to #2ae745

#2ae745 Preview

Shades and Tints of #2ae745

Tones of #2ae745

Color Blindness Simulator