#2ae764 hex color

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

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

● #2ae764 color description : Bright cyan - lime green.

The hexadecimal color #2ae764 has RGB values of R:42, G:231, B:100 and CMYK values of C:0.82, M:0, Y:0.57, K:0.09. Its decimal value is 2811748.

Hex triplet	2ae764	`#2ae764`
RGB Decimal	42, 231, 100	`rgb(42,231,100)`
RGB Percent	16.5, 90.6, 39.2	`rgb(16.5%,90.6%,39.2%)`
CMYK	82, 0, 57, 9
HSL	138.4°, 79.7, 53.5	`hsl(138.4,79.7%,53.5%)`
HSV (or HSB)	138.4°, 81.8, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.05, -71.103, 50.536
XYZ	31.829, 58.561, 21.682
xyY	0.284, 0.523, 58.561
CIE-LCH	81.05, 87.232, 144.597
CIE-LUV	81.05, -70.908, 75.932
Hunter-Lab	76.525, -59.676, 36.769
Binary	00101010, 11100111, 01100100

#2ae764
```
#2ae764 rgb(42,231,100)
```
#e72aad
```
#e72aad rgb(231,42,173)
```

Complementary Color

#4ee72a
```
#4ee72a rgb(78,231,42)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#2ae7c3
```
#2ae7c3 rgb(42,231,195)
```

Analogous Color

#e72a4f
```
#e72a4f rgb(231,42,79)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#c32ae7
```
#c32ae7 rgb(195,42,231)
```

Split Complementary Color

#e7642a
```
#e7642a rgb(231,100,42)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#642ae7
```
#642ae7 rgb(100,42,231)
```

Triadic Color

#ade72a
```
#ade72a rgb(173,231,42)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#642ae7
```
#642ae7 rgb(100,42,231)
```
#e72aad
```
#e72aad rgb(231,42,173)
```

Tetradic Color

#14b144
```
#14b144 rgb(20,177,68)
```
#16c84d
```
#16c84d rgb(22,200,77)
```
#19de56
```
#19de56 rgb(25,222,86)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#41ea75
```
#41ea75 rgb(65,234,117)
```
#58ec85
```
#58ec85 rgb(88,236,133)
```
#6fef96
```
#6fef96 rgb(111,239,150)
```

Monochromatic Color

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

#2ae735
```
#2ae735 rgb(42,231,53)
```
#2ae745
```
#2ae745 rgb(42,231,69)
```
#2ae754
```
#2ae754 rgb(42,231,84)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#2ae774
```
#2ae774 rgb(42,231,116)
```
#2ae784
```
#2ae784 rgb(42,231,132)
```
#2ae793
```
#2ae793 rgb(42,231,147)
```

Similar Colors

Text with hexadecimal color #2ae764

This text has a font color of #2ae764.

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

#2ae764 background color

This paragraph has a background color of #2ae764.

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

#2ae764 border color

This element has a border color of #2ae764.

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

CSS codes

.text {color:#2ae764;}

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

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

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

#021006
```
#021006 rgb(2,16,6)
```
#04220d
```
#04220d rgb(4,34,13)
```
#063314
```
#063314 rgb(6,51,20)
```
#08451b
```
#08451b rgb(8,69,27)
```
#0a5721
```
#0a5721 rgb(10,87,33)
```
#0c6828
```
#0c6828 rgb(12,104,40)
```
#0e7a2f
```
#0e7a2f rgb(14,122,47)
```
#108c36
```
#108c36 rgb(16,140,54)
```
#129d3d
```
#129d3d rgb(18,157,61)
```
#14af43
```
#14af43 rgb(20,175,67)
```
#16c04a
```
#16c04a rgb(22,192,74)
```
#18d251
```
#18d251 rgb(24,210,81)
```
#1ae458
```
#1ae458 rgb(26,228,88)
```

Shade Color Variation

#2ae764
```
#2ae764 rgb(42,231,100)
```
#3ce971
```
#3ce971 rgb(60,233,113)
```
#4deb7e
```
#4deb7e rgb(77,235,126)
```
#5fed8a
```
#5fed8a rgb(95,237,138)
```
#71ef97
```
#71ef97 rgb(113,239,151)
```
#82f1a4
```
#82f1a4 rgb(130,241,164)
```
#94f3b1
```
#94f3b1 rgb(148,243,177)
```
#a5f5be
```
#a5f5be rgb(165,245,190)
```
#b7f7cb
```
#b7f7cb rgb(183,247,203)
```
#c9f9d7
```
#c9f9d7 rgb(201,249,215)
```
#dafbe4
```
#dafbe4 rgb(218,251,228)
```
#ecfdf1
```
#ecfdf1 rgb(236,253,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#858c87
```
#858c87 rgb(133,140,135)
```
#7c9584
```
#7c9584 rgb(124,149,132)
```
#739e80
```
#739e80 rgb(115,158,128)
```
#6aa77d
```
#6aa77d rgb(106,167,125)
```
#61b079
```
#61b079 rgb(97,176,121)
```
#58b976
```
#58b976 rgb(88,185,118)
```
#4ec372
```
#4ec372 rgb(78,195,114)
```
#45cc6f
```
#45cc6f rgb(69,204,111)
```
#3cd56b
```
#3cd56b rgb(60,213,107)
```
#33de68
```
#33de68 rgb(51,222,104)
```
#2ae764
```
#2ae764 rgb(42,231,100)
```
#21f060
```
#21f060 rgb(33,240,96)
```
#18f95d
```
#18f95d rgb(24,249,93)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#88ae94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cc63 Protanopia 1% of men
#f6c379 Deuteranopia 1% of men
#72daea Tritanopia 0.001% of the population

Trichromacy

#9ed563 Protanomaly 1% of men, 0.01% of women
#acd071 Deuteranomaly 6% of men, 0.4% of women
#57dfb9 Tritanomaly 0.01% of the population

#2ae764 hex color

#2ae764 Color Information

#2ae764 Color Conversion

Color Schemes with #2ae764

Alternatives to #2ae764

#2ae764 Preview

Shades and Tints of #2ae764

Tones of #2ae764

Color Blindness Simulator