#2afb6b hex color

In a RGB color space, hex #2afb6b is composed of 16.5% red, 98.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 57.4% yellow and 1.6% black. It has a hue angle of 138.7 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afb6b color hex could be obtained by blending #54ffd6 with #00f700. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #2afb6b has RGB values of R:42, G:251, B:107 and CMYK values of C:0.83, M:0, Y:0.57, K:0.02. Its decimal value is 2816875.

Hex triplet	2afb6b	`#2afb6b`
RGB Decimal	42, 251, 107	`rgb(42,251,107)`
RGB Percent	16.5, 98.4, 42	`rgb(16.5%,98.4%,42%)`
CMYK	83, 0, 57, 2
HSL	138.7°, 96.3, 57.5	`hsl(138.7,96.3%,57.5%)`
HSV (or HSB)	138.7°, 83.3, 98.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.263, -76.423, 54.733
XYZ	38.103, 70.544, 25.517
xyY	0.284, 0.526, 70.544
CIE-LCH	87.263, 94.001, 144.391
CIE-LUV	87.263, -77.01, 82.821
Hunter-Lab	83.99, -66.005, 40.78
Binary	00101010, 11111011, 01101011

#2afb6b
```
#2afb6b rgb(42,251,107)
```
#fb2aba
```
#fb2aba rgb(251,42,186)
```

Complementary Color

#52fb2a
```
#52fb2a rgb(82,251,42)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#2afbd4
```
#2afbd4 rgb(42,251,212)
```

Analogous Color

#fb2a52
```
#fb2a52 rgb(251,42,82)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#d42afb
```
#d42afb rgb(212,42,251)
```

Split Complementary Color

#fb6b2a
```
#fb6b2a rgb(251,107,42)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#6b2afb
```
#6b2afb rgb(107,42,251)
```

Triadic Color

#bafb2a
```
#bafb2a rgb(186,251,42)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#6b2afb
```
#6b2afb rgb(107,42,251)
```
#fb2aba
```
#fb2aba rgb(251,42,186)
```

Tetradic Color

#04d545
```
#04d545 rgb(4,213,69)
```
#04ee4d
```
#04ee4d rgb(4,238,77)
```
#11fb5a
```
#11fb5a rgb(17,251,90)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#43fb7c
```
#43fb7c rgb(67,251,124)
```
#5cfc8e
```
#5cfc8e rgb(92,252,142)
```
#75fc9f
```
#75fc9f rgb(117,252,159)
```

Monochromatic Color

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

#2afb37
```
#2afb37 rgb(42,251,55)
```
#2afb48
```
#2afb48 rgb(42,251,72)
```
#2afb5a
```
#2afb5a rgb(42,251,90)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#2afb7c
```
#2afb7c rgb(42,251,124)
```
#2afb8e
```
#2afb8e rgb(42,251,142)
```
#2afb9f
```
#2afb9f rgb(42,251,159)
```

Similar Colors

Text with hexadecimal color #2afb6b

This text has a font color of #2afb6b.

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

#2afb6b background color

This paragraph has a background color of #2afb6b.

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

#2afb6b border color

This element has a border color of #2afb6b.

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

CSS codes

.text {color:#2afb6b;}

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

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

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

#001206
```
#001206 rgb(0,18,6)
```
#01250c
```
#01250c rgb(1,37,12)
```
#013912
```
#013912 rgb(1,57,18)
```
#014c19
```
#014c19 rgb(1,76,25)
```
#025f1f
```
#025f1f rgb(2,95,31)
```
#027225
```
#027225 rgb(2,114,37)
```
#03862b
```
#03862b rgb(3,134,43)
```
#039932
```
#039932 rgb(3,153,50)
```
#03ac38
```
#03ac38 rgb(3,172,56)
```
#04bf3e
```
#04bf3e rgb(4,191,62)
```
#04d344
```
#04d344 rgb(4,211,68)
```
#04e64a
```
#04e64a rgb(4,230,74)
```
#05f951
```
#05f951 rgb(5,249,81)
```

Shade Color Variation

#17fb5e
```
#17fb5e rgb(23,251,94)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```
#3dfb78
```
#3dfb78 rgb(61,251,120)
```
#51fc86
```
#51fc86 rgb(81,252,134)
```
#64fc93
```
#64fc93 rgb(100,252,147)
```
#77fca1
```
#77fca1 rgb(119,252,161)
```
#8afdae
```
#8afdae rgb(138,253,174)
```
#9efdbb
```
#9efdbb rgb(158,253,187)
```
#b1fec9
```
#b1fec9 rgb(177,254,201)
```
#c4fed6
```
#c4fed6 rgb(196,254,214)
```
#d7fee3
```
#d7fee3 rgb(215,254,227)
```
#ebfff1
```
#ebfff1 rgb(235,255,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e9791
```
#8e9791 rgb(142,151,145)
```
#869f8e
```
#869f8e rgb(134,159,142)
```
#7da88b
```
#7da88b rgb(125,168,139)
```
#75b087
```
#75b087 rgb(117,176,135)
```
#6db884
```
#6db884 rgb(109,184,132)
```
#64c181
```
#64c181 rgb(100,193,129)
```
#5cc97e
```
#5cc97e rgb(92,201,126)
```
#54d17b
```
#54d17b rgb(84,209,123)
```
#4bda78
```
#4bda78 rgb(75,218,120)
```
#43e274
```
#43e274 rgb(67,226,116)
```
#3bea71
```
#3bea71 rgb(59,234,113)
```
#32f36e
```
#32f36e rgb(50,243,110)
```
#2afb6b
```
#2afb6b rgb(42,251,107)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#92bc9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3dc69 Protanopia 1% of men
#ffd5a2 Deuteranopia 1% of men
#7aecfd Tritanopia 0.001% of the population

Trichromacy

#aae769 Protanomaly 1% of men, 0.01% of women
#b1e38e Deuteranomaly 6% of men, 0.4% of women
#5df1c8 Tritanomaly 0.01% of the population

#2afb6b hex color

#2afb6b Color Information

#2afb6b Color Conversion

Color Schemes with #2afb6b

Alternatives to #2afb6b

#2afb6b Preview

Shades and Tints of #2afb6b

Tones of #2afb6b

Color Blindness Simulator