#2ae86b hex color

In a RGB color space, hex #2ae86b is composed of 16.5% red, 91% green and 42% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 53.9% yellow and 9% black. It has a hue angle of 140.5 degrees, a saturation of 80.5% and a lightness of 53.7%. #2ae86b color hex could be obtained by blending #54ffd6 with #00d100. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #2ae86b has RGB values of R:42, G:232, B:107 and CMYK values of C:0.82, M:0, Y:0.54, K:0.09. Its decimal value is 2812011.

Hex triplet	2ae86b	`#2ae86b`
RGB Decimal	42, 232, 107	`rgb(42,232,107)`
RGB Percent	16.5, 91, 42	`rgb(16.5%,91%,42%)`
CMYK	82, 0, 54, 9
HSL	140.5°, 80.5, 53.7	`hsl(140.5,80.5%,53.7%)`
HSV (or HSB)	140.5°, 81.9, 91
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.436, -70.478, 47.792
XYZ	32.463, 59.264, 23.637
xyY	0.281, 0.514, 59.264
CIE-LCH	81.436, 85.155, 145.858
CIE-LUV	81.436, -70.913, 73.217
Hunter-Lab	76.983, -59.448, 35.683
Binary	00101010, 11101000, 01101011

#2ae86b
```
#2ae86b rgb(42,232,107)
```
#e82aa7
```
#e82aa7 rgb(232,42,167)
```

Complementary Color

#48e82a
```
#48e82a rgb(72,232,42)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#2ae8ca
```
#2ae8ca rgb(42,232,202)
```

Analogous Color

#e82a48
```
#e82a48 rgb(232,42,72)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#ca2ae8
```
#ca2ae8 rgb(202,42,232)
```

Split Complementary Color

#e86b2a
```
#e86b2a rgb(232,107,42)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#6b2ae8
```
#6b2ae8 rgb(107,42,232)
```

Triadic Color

#a7e82a
```
#a7e82a rgb(167,232,42)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#6b2ae8
```
#6b2ae8 rgb(107,42,232)
```
#e82aa7
```
#e82aa7 rgb(232,42,167)
```

Tetradic Color

#13b24a
```
#13b24a rgb(19,178,74)
```
#16c953
```
#16c953 rgb(22,201,83)
```
#18e05d
```
#18e05d rgb(24,224,93)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#41ea7b
```
#41ea7b rgb(65,234,123)
```
#58ed8b
```
#58ed8b rgb(88,237,139)
```
#6fef9b
```
#6fef9b rgb(111,239,155)
```

Monochromatic Color

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

#2ae83c
```
#2ae83c rgb(42,232,60)
```
#2ae84b
```
#2ae84b rgb(42,232,75)
```
#2ae85b
```
#2ae85b rgb(42,232,91)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#2ae87b
```
#2ae87b rgb(42,232,123)
```
#2ae88b
```
#2ae88b rgb(42,232,139)
```
#2ae89b
```
#2ae89b rgb(42,232,155)
```

Similar Colors

Text with hexadecimal color #2ae86b

This text has a font color of #2ae86b.

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

#2ae86b background color

This paragraph has a background color of #2ae86b.

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

#2ae86b border color

This element has a border color of #2ae86b.

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

CSS codes

.text {color:#2ae86b;}

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

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

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

#021107
```
#021107 rgb(2,17,7)
```
#04230e
```
#04230e rgb(4,35,14)
```
#063516
```
#063516 rgb(6,53,22)
```
#08461d
```
#08461d rgb(8,70,29)
```
#095824
```
#095824 rgb(9,88,36)
```
#0b6a2c
```
#0b6a2c rgb(11,106,44)
```
#0d7b33
```
#0d7b33 rgb(13,123,51)
```
#0f8d3a
```
#0f8d3a rgb(15,141,58)
```
#119f42
```
#119f42 rgb(17,159,66)
```
#13b049
```
#13b049 rgb(19,176,73)
```
#15c250
```
#15c250 rgb(21,194,80)
```
#17d458
```
#17d458 rgb(23,212,88)
```
#19e65f
```
#19e65f rgb(25,230,95)
```

Shade Color Variation

#2ae86b
```
#2ae86b rgb(42,232,107)
```
#3cea77
```
#3cea77 rgb(60,234,119)
```
#4dec84
```
#4dec84 rgb(77,236,132)
```
#5fee90
```
#5fee90 rgb(95,238,144)
```
#71f09c
```
#71f09c rgb(113,240,156)
```
#83f2a9
```
#83f2a9 rgb(131,242,169)
```
#94f3b5
```
#94f3b5 rgb(148,243,181)
```
#a6f5c1
```
#a6f5c1 rgb(166,245,193)
```
#b8f7cd
```
#b8f7cd rgb(184,247,205)
```
#c9f9da
```
#c9f9da rgb(201,249,218)
```
#dbfbe6
```
#dbfbe6 rgb(219,251,230)
```
#edfdf2
```
#edfdf2 rgb(237,253,242)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d88
```
#858d88 rgb(133,141,136)
```
#7c9685
```
#7c9685 rgb(124,150,133)
```
#739f82
```
#739f82 rgb(115,159,130)
```
#6aa87f
```
#6aa87f rgb(106,168,127)
```
#60b27c
```
#60b27c rgb(96,178,124)
```
#57bb79
```
#57bb79 rgb(87,187,121)
```
#4ec476
```
#4ec476 rgb(78,196,118)
```
#45cd74
```
#45cd74 rgb(69,205,116)
```
#3cd671
```
#3cd671 rgb(60,214,113)
```
#33df6e
```
#33df6e rgb(51,223,110)
```
#2ae86b
```
#2ae86b rgb(42,232,107)
```
#21f168
```
#21f168 rgb(33,241,104)
```
#18fa65
```
#18fa65 rgb(24,250,101)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89af96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd69 Protanopia 1% of men
#f6c480 Deuteranopia 1% of men
#71dcec Tritanopia 0.001% of the population

Trichromacy

#9fd66a Protanomaly 1% of men, 0.01% of women
#acd178 Deuteranomaly 6% of men, 0.4% of women
#57e0bd Tritanomaly 0.01% of the population

#2ae86b hex color

#2ae86b Color Information

#2ae86b Color Conversion

Color Schemes with #2ae86b

Alternatives to #2ae86b

#2ae86b Preview

Shades and Tints of #2ae86b

Tones of #2ae86b

Color Blindness Simulator