#2afb96 hex color

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

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

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

The hexadecimal color #2afb96 has RGB values of R:42, G:251, B:150 and CMYK values of C:0.83, M:0, Y:0.4, K:0.02. Its decimal value is 2816918.

Hex triplet	2afb96	`#2afb96`
RGB Decimal	42, 251, 150	`rgb(42,251,150)`
RGB Percent	16.5, 98.4, 58.8	`rgb(16.5%,98.4%,58.8%)`
CMYK	83, 0, 40, 2
HSL	151°, 96.3, 57.5	`hsl(151,96.3%,57.5%)`
HSV (or HSB)	151°, 83.3, 98.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.816, -69.835, 35.124
XYZ	40.954, 71.684, 40.53
xyY	0.267, 0.468, 71.684
CIE-LCH	87.816, 78.17, 153.3
CIE-LUV	87.816, -74.772, 60.361
Hunter-Lab	84.667, -61.824, 30.884
Binary	00101010, 11111011, 10010110

#2afb96
```
#2afb96 rgb(42,251,150)
```
#fb2a8f
```
#fb2a8f rgb(251,42,143)
```

Complementary Color

#2afb2e
```
#2afb2e rgb(42,251,46)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#2af8fb
```
#2af8fb rgb(42,248,251)
```

Analogous Color

#fb2e2a
```
#fb2e2a rgb(251,46,42)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#fb2af8
```
#fb2af8 rgb(251,42,248)
```

Split Complementary Color

#fb962a
```
#fb962a rgb(251,150,42)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#962afb
```
#962afb rgb(150,42,251)
```

Triadic Color

#8ffb2a
```
#8ffb2a rgb(143,251,42)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#962afb
```
#962afb rgb(150,42,251)
```
#fb2a8f
```
#fb2a8f rgb(251,42,143)
```

Tetradic Color

#04d570
```
#04d570 rgb(4,213,112)
```
#04ee7d
```
#04ee7d rgb(4,238,125)
```
#11fb8a
```
#11fb8a rgb(17,251,138)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#43fba2
```
#43fba2 rgb(67,251,162)
```
#5cfcaf
```
#5cfcaf rgb(92,252,175)
```
#75fcbb
```
#75fcbb rgb(117,252,187)
```

Monochromatic Color

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

#2afb62
```
#2afb62 rgb(42,251,98)
```
#2afb73
```
#2afb73 rgb(42,251,115)
```
#2afb85
```
#2afb85 rgb(42,251,133)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#2afba7
```
#2afba7 rgb(42,251,167)
```
#2afbb9
```
#2afbb9 rgb(42,251,185)
```
#2afbca
```
#2afbca rgb(42,251,202)
```

Similar Colors

Text with hexadecimal color #2afb96

This text has a font color of #2afb96.

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

#2afb96 background color

This paragraph has a background color of #2afb96.

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

#2afb96 border color

This element has a border color of #2afb96.

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

CSS codes

.text {color:#2afb96;}

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

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

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

#001209
```
#001209 rgb(0,18,9)
```
#012514
```
#012514 rgb(1,37,20)
```
#01391e
```
#01391e rgb(1,57,30)
```
#014c28
```
#014c28 rgb(1,76,40)
```
#025f32
```
#025f32 rgb(2,95,50)
```
#02723c
```
#02723c rgb(2,114,60)
```
#038646
```
#038646 rgb(3,134,70)
```
#039950
```
#039950 rgb(3,153,80)
```
#03ac5a
```
#03ac5a rgb(3,172,90)
```
#04bf65
```
#04bf65 rgb(4,191,101)
```
#04d36f
```
#04d36f rgb(4,211,111)
```
#04e679
```
#04e679 rgb(4,230,121)
```
#05f983
```
#05f983 rgb(5,249,131)
```

Shade Color Variation

#17fb8d
```
#17fb8d rgb(23,251,141)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```
#3dfb9f
```
#3dfb9f rgb(61,251,159)
```
#51fca9
```
#51fca9 rgb(81,252,169)
```
#64fcb2
```
#64fcb2 rgb(100,252,178)
```
#77fcbc
```
#77fcbc rgb(119,252,188)
```
#8afdc5
```
#8afdc5 rgb(138,253,197)
```
#9efdcf
```
#9efdcf rgb(158,253,207)
```
#b1fed8
```
#b1fed8 rgb(177,254,216)
```
#c4fee2
```
#c4fee2 rgb(196,254,226)
```
#d7feeb
```
#d7feeb rgb(215,254,235)
```
#ebfff5
```
#ebfff5 rgb(235,255,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e9793
```
#8e9793 rgb(142,151,147)
```
#869f93
```
#869f93 rgb(134,159,147)
```
#7da893
```
#7da893 rgb(125,168,147)
```
#75b093
```
#75b093 rgb(117,176,147)
```
#6db894
```
#6db894 rgb(109,184,148)
```
#64c194
```
#64c194 rgb(100,193,148)
```
#5cc994
```
#5cc994 rgb(92,201,148)
```
#54d195
```
#54d195 rgb(84,209,149)
```
#4bda95
```
#4bda95 rgb(75,218,149)
```
#43e295
```
#43e295 rgb(67,226,149)
```
#3bea95
```
#3bea95 rgb(59,234,149)
```
#32f396
```
#32f396 rgb(50,243,150)
```
#2afb96
```
#2afb96 rgb(42,251,150)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#96c0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dd90 Protanopia 1% of men
#ffd6b2 Deuteranopia 1% of men
#7beeff Tritanopia 0.001% of the population

Trichromacy

#a8e892 Protanomaly 1% of men, 0.01% of women
#b1e3a7 Deuteranomaly 6% of men, 0.4% of women
#5df2d8 Tritanomaly 0.01% of the population

#2afb96 hex color

#2afb96 Color Information

#2afb96 Color Conversion

Color Schemes with #2afb96

Alternatives to #2afb96

#2afb96 Preview

Shades and Tints of #2afb96

Tones of #2afb96

Color Blindness Simulator