#2af57e hex color

In a RGB color space, hex #2af57e is composed of 16.5% red, 96.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 48.6% yellow and 3.9% black. It has a hue angle of 144.8 degrees, a saturation of 91% and a lightness of 56.3%. #2af57e color hex could be obtained by blending #54fffc with #00eb00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 96
- B 49
RGB color chart
- C 83
- M 0
- Y 49
- K 4
CMYK color chart

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

The hexadecimal color #2af57e has RGB values of R:42, G:245, B:126 and CMYK values of C:0.83, M:0, Y:0.49, K:0.04. Its decimal value is 2815358.

Hex triplet	2af57e	`#2af57e`
RGB Decimal	42, 245, 126	`rgb(42,245,126)`
RGB Percent	16.5, 96.1, 49.4	`rgb(16.5%,96.1%,49.4%)`
CMYK	83, 0, 49, 4
HSL	144.8°, 91, 56.3	`hsl(144.8,91%,56.3%)`
HSV (or HSB)	144.8°, 82.9, 96.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.655, -71.871, 44.038
XYZ	37.371, 67.299, 30.758
xyY	0.276, 0.497, 67.299
CIE-LCH	85.655, 84.29, 148.502
CIE-LUV	85.655, -74.177, 70.572
Hunter-Lab	82.036, -62.25, 35.196
Binary	00101010, 11110101, 01111110

#2af57e
```
#2af57e rgb(42,245,126)
```
#f52aa1
```
#f52aa1 rgb(245,42,161)
```

Complementary Color

#3cf52a
```
#3cf52a rgb(60,245,42)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#2af5e4
```
#2af5e4 rgb(42,245,228)
```

Analogous Color

#f52a3c
```
#f52a3c rgb(245,42,60)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#e42af5
```
#e42af5 rgb(228,42,245)
```

Split Complementary Color

#f57e2a
```
#f57e2a rgb(245,126,42)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#7e2af5
```
#7e2af5 rgb(126,42,245)
```

Triadic Color

#a1f52a
```
#a1f52a rgb(161,245,42)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#7e2af5
```
#7e2af5 rgb(126,42,245)
```
#f52aa1
```
#f52aa1 rgb(245,42,161)
```

Tetradic Color

#09c959
```
#09c959 rgb(9,201,89)
```
#0be163
```
#0be163 rgb(11,225,99)
```
#12f46f
```
#12f46f rgb(18,244,111)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#42f68d
```
#42f68d rgb(66,246,141)
```
#5bf79c
```
#5bf79c rgb(91,247,156)
```
#73f8aa
```
#73f8aa rgb(115,248,170)
```

Monochromatic Color

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

#2af54b
```
#2af54b rgb(42,245,75)
```
#2af55c
```
#2af55c rgb(42,245,92)
```
#2af56d
```
#2af56d rgb(42,245,109)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#2af58f
```
#2af58f rgb(42,245,143)
```
#2af5a0
```
#2af5a0 rgb(42,245,160)
```
#2af5b1
```
#2af5b1 rgb(42,245,177)
```

Similar Colors

Text with hexadecimal color #2af57e

This text has a font color of #2af57e.

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

#2af57e background color

This paragraph has a background color of #2af57e.

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

#2af57e border color

This element has a border color of #2af57e.

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

CSS codes

.text {color:#2af57e;}

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

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

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, #010c05 is the darkest color, while #f8fffb is the lightest one.

#010c05
```
#010c05 rgb(1,12,5)
```
#011f0d
```
#011f0d rgb(1,31,13)
```
#023116
```
#023116 rgb(2,49,22)
```
#03441e
```
#03441e rgb(3,68,30)
```
#045726
```
#045726 rgb(4,87,38)
```
#056a2f
```
#056a2f rgb(5,106,47)
```
#067c37
```
#067c37 rgb(6,124,55)
```
#078f3f
```
#078f3f rgb(7,143,63)
```
#08a247
```
#08a247 rgb(8,162,71)
```
#08b450
```
#08b450 rgb(8,180,80)
```
#09c758
```
#09c758 rgb(9,199,88)
```
#0ada60
```
#0ada60 rgb(10,218,96)
```
#0bed68
```
#0bed68 rgb(11,237,104)
```

Shade Color Variation

#17f473
```
#17f473 rgb(23,244,115)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#3df689
```
#3df689 rgb(61,246,137)
```
#4ff795
```
#4ff795 rgb(79,247,149)
```
#62f8a0
```
#62f8a0 rgb(98,248,160)
```
#75f9ab
```
#75f9ab rgb(117,249,171)
```
#88f9b7
```
#88f9b7 rgb(136,249,183)
```
#9afac2
```
#9afac2 rgb(154,250,194)
```
#adfbcd
```
#adfbcd rgb(173,251,205)
```
#c0fcd9
```
#c0fcd9 rgb(192,252,217)
```
#d3fde4
```
#d3fde4 rgb(211,253,228)
```
#e5feef
```
#e5feef rgb(229,254,239)
```
#f8fffb
```
#f8fffb rgb(248,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88978e is the less saturated color, while #21fe7d is the most saturated one.

#88978e
```
#88978e rgb(136,151,142)
```
#809f8d
```
#809f8d rgb(128,159,141)
```
#77a88b
```
#77a88b rgb(119,168,139)
```
#6fb08a
```
#6fb08a rgb(111,176,138)
```
#66b988
```
#66b988 rgb(102,185,136)
```
#5dc287
```
#5dc287 rgb(93,194,135)
```
#55ca85
```
#55ca85 rgb(85,202,133)
```
#4cd384
```
#4cd384 rgb(76,211,132)
```
#44db82
```
#44db82 rgb(68,219,130)
```
#3be481
```
#3be481 rgb(59,228,129)
```
#33ec7f
```
#33ec7f rgb(51,236,127)
```
#2af57e
```
#2af57e rgb(42,245,126)
```
#21fe7d
```
#21fe7d rgb(33,254,125)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#91baa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd87a Protanopia 1% of men
#ffd099 Deuteranopia 1% of men
#74e8f9 Tritanopia 0.001% of the population

Trichromacy

#a6e27b Protanomaly 1% of men, 0.01% of women
#b1dd8f Deuteranomaly 6% of men, 0.4% of women
#59eccc Tritanomaly 0.01% of the population

#2af57e hex color

#2af57e Color Information

#2af57e Color Conversion

Color Schemes with #2af57e

Alternatives to #2af57e

#2af57e Preview

Shades and Tints of #2af57e

Tones of #2af57e

Color Blindness Simulator