#2afb87 hex color

In a RGB color space, hex #2afb87 is composed of 16.5% red, 98.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 46.2% yellow and 1.6% black. It has a hue angle of 146.7 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afb87 color hex could be obtained by blending #54ffff with #00f70f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 16
- G 98
- B 53
RGB color chart
- C 83
- M 0
- Y 46
- K 2
CMYK color chart

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

The hexadecimal color #2afb87 has RGB values of R:42, G:251, B:135 and CMYK values of C:0.83, M:0, Y:0.46, K:0.02. Its decimal value is 2816903.

Hex triplet	2afb87	`#2afb87`
RGB Decimal	42, 251, 135	`rgb(42,251,135)`
RGB Percent	16.5, 98.4, 52.9	`rgb(16.5%,98.4%,52.9%)`
CMYK	83, 0, 46, 2
HSL	146.7°, 96.3, 57.5	`hsl(146.7,96.3%,57.5%)`
HSV (or HSB)	146.7°, 83.3, 98.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.597, -72.402, 42.175
XYZ	39.822, 71.232, 34.571
xyY	0.273, 0.489, 71.232
CIE-LCH	87.597, 83.79, 149.779
CIE-LUV	87.597, -75.63, 69.018
Hunter-Lab	84.399, -63.475, 34.793
Binary	00101010, 11111011, 10000111

#2afb87
```
#2afb87 rgb(42,251,135)
```
#fb2a9e
```
#fb2a9e rgb(251,42,158)
```

Complementary Color

#36fb2a
```
#36fb2a rgb(54,251,42)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#2afbf0
```
#2afbf0 rgb(42,251,240)
```

Analogous Color

#fb2a36
```
#fb2a36 rgb(251,42,54)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#f02afb
```
#f02afb rgb(240,42,251)
```

Split Complementary Color

#fb872a
```
#fb872a rgb(251,135,42)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#872afb
```
#872afb rgb(135,42,251)
```

Triadic Color

#9efb2a
```
#9efb2a rgb(158,251,42)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#872afb
```
#872afb rgb(135,42,251)
```
#fb2a9e
```
#fb2a9e rgb(251,42,158)
```

Tetradic Color

#04d561
```
#04d561 rgb(4,213,97)
```
#04ee6c
```
#04ee6c rgb(4,238,108)
```
#11fb79
```
#11fb79 rgb(17,251,121)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#43fb95
```
#43fb95 rgb(67,251,149)
```
#5cfca3
```
#5cfca3 rgb(92,252,163)
```
#75fcb1
```
#75fcb1 rgb(117,252,177)
```

Monochromatic Color

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

#2afb53
```
#2afb53 rgb(42,251,83)
```
#2afb64
```
#2afb64 rgb(42,251,100)
```
#2afb76
```
#2afb76 rgb(42,251,118)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#2afb98
```
#2afb98 rgb(42,251,152)
```
#2afbaa
```
#2afbaa rgb(42,251,170)
```
#2afbbb
```
#2afbbb rgb(42,251,187)
```

Similar Colors

Text with hexadecimal color #2afb87

This text has a font color of #2afb87.

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

#2afb87 background color

This paragraph has a background color of #2afb87.

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

#2afb87 border color

This element has a border color of #2afb87.

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

CSS codes

.text {color:#2afb87;}

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

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

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

#001208
```
#001208 rgb(0,18,8)
```
#012511
```
#012511 rgb(1,37,17)
```
#01391a
```
#01391a rgb(1,57,26)
```
#014c23
```
#014c23 rgb(1,76,35)
```
#025f2b
```
#025f2b rgb(2,95,43)
```
#027234
```
#027234 rgb(2,114,52)
```
#03863d
```
#03863d rgb(3,134,61)
```
#039946
```
#039946 rgb(3,153,70)
```
#03ac4e
```
#03ac4e rgb(3,172,78)
```
#04bf57
```
#04bf57 rgb(4,191,87)
```
#04d360
```
#04d360 rgb(4,211,96)
```
#04e669
```
#04e669 rgb(4,230,105)
```
#05f971
```
#05f971 rgb(5,249,113)
```

Shade Color Variation

#17fb7c
```
#17fb7c rgb(23,251,124)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```
#3dfb92
```
#3dfb92 rgb(61,251,146)
```
#51fc9d
```
#51fc9d rgb(81,252,157)
```
#64fca8
```
#64fca8 rgb(100,252,168)
```
#77fcb2
```
#77fcb2 rgb(119,252,178)
```
#8afdbd
```
#8afdbd rgb(138,253,189)
```
#9efdc8
```
#9efdc8 rgb(158,253,200)
```
#b1fed3
```
#b1fed3 rgb(177,254,211)
```
#c4fede
```
#c4fede rgb(196,254,222)
```
#d7fee9
```
#d7fee9 rgb(215,254,233)
```
#ebfff3
```
#ebfff3 rgb(235,255,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9792 is the less saturated color, while #2afb87 is the most saturated one.

#8e9792
```
#8e9792 rgb(142,151,146)
```
#869f91
```
#869f91 rgb(134,159,145)
```
#7da890
```
#7da890 rgb(125,168,144)
```
#75b08f
```
#75b08f rgb(117,176,143)
```
#6db88e
```
#6db88e rgb(109,184,142)
```
#64c18d
```
#64c18d rgb(100,193,141)
```
#5cc98d
```
#5cc98d rgb(92,201,141)
```
#54d18c
```
#54d18c rgb(84,209,140)
```
#4bda8b
```
#4bda8b rgb(75,218,139)
```
#43e28a
```
#43e28a rgb(67,226,138)
```
#3bea89
```
#3bea89 rgb(59,234,137)
```
#32f388
```
#32f388 rgb(50,243,136)
```
#2afb87
```
#2afb87 rgb(42,251,135)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#94bea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dd82 Protanopia 1% of men
#ffd6ab Deuteranopia 1% of men
#78edff Tritanopia 0.001% of the population

Trichromacy

#a9e884 Protanomaly 1% of men, 0.01% of women
#b1e39e Deuteranomaly 6% of men, 0.4% of women
#5bf2d3 Tritanomaly 0.01% of the population

#2afb87 hex color

#2afb87 Color Information

#2afb87 Color Conversion

Color Schemes with #2afb87

Alternatives to #2afb87

#2afb87 Preview

Shades and Tints of #2afb87

Tones of #2afb87

Color Blindness Simulator