#2ae778 hex color

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

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

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

The hexadecimal color #2ae778 has RGB values of R:42, G:231, B:120 and CMYK values of C:0.82, M:0, Y:0.48, K:0.09. Its decimal value is 2811768.

Hex triplet	2ae778	`#2ae778`
RGB Decimal	42, 231, 120	`rgb(42,231,120)`
RGB Percent	16.5, 90.6, 47.1	`rgb(16.5%,90.6%,47.1%)`
CMYK	82, 0, 48, 9
HSL	144.8°, 79.7, 53.5	`hsl(144.8,79.7%,53.5%)`
HSV (or HSB)	144.8°, 81.8, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.29, -68.22, 41.441
XYZ	32.919, 58.997, 27.421
xyY	0.276, 0.494, 58.997
CIE-LCH	81.29, 79.82, 148.723
CIE-LUV	81.29, -69.939, 66.116
Hunter-Lab	76.809, -57.915, 32.6
Binary	00101010, 11100111, 01111000

#2ae778
```
#2ae778 rgb(42,231,120)
```
#e72a99
```
#e72a99 rgb(231,42,153)
```

Complementary Color

#3be72a
```
#3be72a rgb(59,231,42)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#2ae7d7
```
#2ae7d7 rgb(42,231,215)
```

Analogous Color

#e72a3b
```
#e72a3b rgb(231,42,59)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#d72ae7
```
#d72ae7 rgb(215,42,231)
```

Split Complementary Color

#e7782a
```
#e7782a rgb(231,120,42)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#782ae7
```
#782ae7 rgb(120,42,231)
```

Triadic Color

#99e72a
```
#99e72a rgb(153,231,42)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#782ae7
```
#782ae7 rgb(120,42,231)
```
#e72a99
```
#e72a99 rgb(231,42,153)
```

Tetradic Color

#14b155
```
#14b155 rgb(20,177,85)
```
#16c860
```
#16c860 rgb(22,200,96)
```
#19de6b
```
#19de6b rgb(25,222,107)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#41ea87
```
#41ea87 rgb(65,234,135)
```
#58ec95
```
#58ec95 rgb(88,236,149)
```
#6fefa4
```
#6fefa4 rgb(111,239,164)
```

Monochromatic Color

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

#2ae749
```
#2ae749 rgb(42,231,73)
```
#2ae759
```
#2ae759 rgb(42,231,89)
```
#2ae768
```
#2ae768 rgb(42,231,104)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#2ae788
```
#2ae788 rgb(42,231,136)
```
#2ae798
```
#2ae798 rgb(42,231,152)
```
#2ae7a7
```
#2ae7a7 rgb(42,231,167)
```

Similar Colors

Text with hexadecimal color #2ae778

This text has a font color of #2ae778.

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

#2ae778 background color

This paragraph has a background color of #2ae778.

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

#2ae778 border color

This element has a border color of #2ae778.

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

CSS codes

.text {color:#2ae778;}

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

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

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

#021008
```
#021008 rgb(2,16,8)
```
#042210
```
#042210 rgb(4,34,16)
```
#063319
```
#063319 rgb(6,51,25)
```
#084521
```
#084521 rgb(8,69,33)
```
#0a572a
```
#0a572a rgb(10,87,42)
```
#0c6832
```
#0c6832 rgb(12,104,50)
```
#0e7a3a
```
#0e7a3a rgb(14,122,58)
```
#108c43
```
#108c43 rgb(16,140,67)
```
#129d4b
```
#129d4b rgb(18,157,75)
```
#14af54
```
#14af54 rgb(20,175,84)
```
#16c05c
```
#16c05c rgb(22,192,92)
```
#18d265
```
#18d265 rgb(24,210,101)
```
#1ae46d
```
#1ae46d rgb(26,228,109)
```

Shade Color Variation

#2ae778
```
#2ae778 rgb(42,231,120)
```
#3ce983
```
#3ce983 rgb(60,233,131)
```
#4deb8e
```
#4deb8e rgb(77,235,142)
```
#5fed9a
```
#5fed9a rgb(95,237,154)
```
#71efa5
```
#71efa5 rgb(113,239,165)
```
#82f1b0
```
#82f1b0 rgb(130,241,176)
```
#94f3bb
```
#94f3bb rgb(148,243,187)
```
#a5f5c6
```
#a5f5c6 rgb(165,245,198)
```
#b7f7d1
```
#b7f7d1 rgb(183,247,209)
```
#c9f9dd
```
#c9f9dd rgb(201,249,221)
```
#dafbe8
```
#dafbe8 rgb(218,251,232)
```
#ecfdf3
```
#ecfdf3 rgb(236,253,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#858c88
```
#858c88 rgb(133,140,136)
```
#7c9586
```
#7c9586 rgb(124,149,134)
```
#739e85
```
#739e85 rgb(115,158,133)
```
#6aa783
```
#6aa783 rgb(106,167,131)
```
#61b082
```
#61b082 rgb(97,176,130)
```
#58b980
```
#58b980 rgb(88,185,128)
```
#4ec37e
```
#4ec37e rgb(78,195,126)
```
#45cc7d
```
#45cc7d rgb(69,204,125)
```
#3cd57b
```
#3cd57b rgb(60,213,123)
```
#33de7a
```
#33de7a rgb(51,222,122)
```
#2ae778
```
#2ae778 rgb(42,231,120)
```
#21f076
```
#21f076 rgb(33,240,118)
```
#18f975
```
#18f975 rgb(24,249,117)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8ab09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc75 Protanopia 1% of men
#f3c48b Deuteranopia 1% of men
#6fdbeb Tritanopia 0.001% of the population

Trichromacy

#9ed676 Protanomaly 1% of men, 0.01% of women
#aad084 Deuteranomaly 6% of men, 0.4% of women
#55dfc1 Tritanomaly 0.01% of the population

#2ae778 hex color

#2ae778 Color Information

#2ae778 Color Conversion

Color Schemes with #2ae778

Alternatives to #2ae778

#2ae778 Preview

Shades and Tints of #2ae778

Tones of #2ae778

Color Blindness Simulator