#2afc99 hex color

In a RGB color space, hex #2afc99 is composed of 16.5% red, 98.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 39.3% yellow and 1.2% black. It has a hue angle of 151.7 degrees, a saturation of 97.2% and a lightness of 57.6%. #2afc99 color hex could be obtained by blending #54ffff with #00f933. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 16
- G 99
- B 60
RGB color chart
- C 83
- M 0
- Y 39
- K 1
CMYK color chart

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

The hexadecimal color #2afc99 has RGB values of R:42, G:252, B:153 and CMYK values of C:0.83, M:0, Y:0.39, K:0.01. Its decimal value is 2817177.

Hex triplet	2afc99	`#2afc99`
RGB Decimal	42, 252, 153	`rgb(42,252,153)`
RGB Percent	16.5, 98.8, 60	`rgb(16.5%,98.8%,60%)`
CMYK	83, 0, 39, 1
HSL	151.7°, 97.2, 57.6	`hsl(151.7,97.2%,57.6%)`
HSV (or HSB)	151.7°, 83.3, 98.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.165, -69.63, 34.095
XYZ	41.512, 72.409, 41.924
xyY	0.266, 0.465, 72.409
CIE-LCH	88.165, 77.529, 153.911
CIE-LUV	88.165, -74.916, 59.125
Hunter-Lab	85.093, -61.834, 30.354
Binary	00101010, 11111100, 10011001

#2afc99
```
#2afc99 rgb(42,252,153)
```
#fc2a8d
```
#fc2a8d rgb(252,42,141)
```

Complementary Color

#2afc30
```
#2afc30 rgb(42,252,48)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#2af6fc
```
#2af6fc rgb(42,246,252)
```

Analogous Color

#fc302a
```
#fc302a rgb(252,48,42)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#fc2af6
```
#fc2af6 rgb(252,42,246)
```

Split Complementary Color

#fc992a
```
#fc992a rgb(252,153,42)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#992afc
```
#992afc rgb(153,42,252)
```

Triadic Color

#8dfc2a
```
#8dfc2a rgb(141,252,42)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#992afc
```
#992afc rgb(153,42,252)
```
#fc2a8d
```
#fc2a8d rgb(252,42,141)
```

Tetradic Color

#03d673
```
#03d673 rgb(3,214,115)
```
#03f080
```
#03f080 rgb(3,240,128)
```
#11fc8d
```
#11fc8d rgb(17,252,141)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#43fca5
```
#43fca5 rgb(67,252,165)
```
#5cfdb1
```
#5cfdb1 rgb(92,253,177)
```
#75fdbd
```
#75fdbd rgb(117,253,189)
```

Monochromatic Color

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

#2afc65
```
#2afc65 rgb(42,252,101)
```
#2afc76
```
#2afc76 rgb(42,252,118)
```
#2afc88
```
#2afc88 rgb(42,252,136)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#2afcab
```
#2afcab rgb(42,252,171)
```
#2afcbc
```
#2afcbc rgb(42,252,188)
```
#2afcce
```
#2afcce rgb(42,252,206)
```

Similar Colors

Text with hexadecimal color #2afc99

This text has a font color of #2afc99.

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

#2afc99 background color

This paragraph has a background color of #2afc99.

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

#2afc99 border color

This element has a border color of #2afc99.

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

CSS codes

.text {color:#2afc99;}

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

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

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, #00130a is the darkest color, while #ffffff is the lightest one.

#00130a
```
#00130a rgb(0,19,10)
```
#012615
```
#012615 rgb(1,38,21)
```
#013a1f
```
#013a1f rgb(1,58,31)
```
#014d29
```
#014d29 rgb(1,77,41)
```
#016034
```
#016034 rgb(1,96,52)
```
#02743e
```
#02743e rgb(2,116,62)
```
#028748
```
#028748 rgb(2,135,72)
```
#029b53
```
#029b53 rgb(2,155,83)
```
#02ae5d
```
#02ae5d rgb(2,174,93)
```
#03c167
```
#03c167 rgb(3,193,103)
```
#03d572
```
#03d572 rgb(3,213,114)
```
#03e87c
```
#03e87c rgb(3,232,124)
```
#04fb86
```
#04fb86 rgb(4,251,134)
```

Shade Color Variation

#17fc90
```
#17fc90 rgb(23,252,144)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```
#3dfca2
```
#3dfca2 rgb(61,252,162)
```
#51fdac
```
#51fdac rgb(81,253,172)
```
#64fdb5
```
#64fdb5 rgb(100,253,181)
```
#77fdbe
```
#77fdbe rgb(119,253,190)
```
#8bfdc7
```
#8bfdc7 rgb(139,253,199)
```
#9efed1
```
#9efed1 rgb(158,254,209)
```
#b1feda
```
#b1feda rgb(177,254,218)
```
#c5fee3
```
#c5fee3 rgb(197,254,227)
```
#d8feec
```
#d8feec rgb(216,254,236)
```
#ebfff6
```
#ebfff6 rgb(235,255,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e9893
```
#8e9893 rgb(142,152,147)
```
#85a194
```
#85a194 rgb(133,161,148)
```
#7da994
```
#7da994 rgb(125,169,148)
```
#75b195
```
#75b195 rgb(117,177,149)
```
#6cba95
```
#6cba95 rgb(108,186,149)
```
#64c296
```
#64c296 rgb(100,194,150)
```
#5cca96
```
#5cca96 rgb(92,202,150)
```
#54d297
```
#54d297 rgb(84,210,151)
```
#4bdb97
```
#4bdb97 rgb(75,219,151)
```
#43e398
```
#43e398 rgb(67,227,152)
```
#3beb98
```
#3beb98 rgb(59,235,152)
```
#32f499
```
#32f499 rgb(50,244,153)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#97c1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1de93 Protanopia 1% of men
#ffd7b5 Deuteranopia 1% of men
#81eeff Tritanopia 0.001% of the population

Trichromacy

#a9e995 Protanomaly 1% of men, 0.01% of women
#b1e5ab Deuteranomaly 6% of men, 0.4% of women
#61f3d9 Tritanomaly 0.01% of the population

#2afc99 hex color

#2afc99 Color Information

#2afc99 Color Conversion

Color Schemes with #2afc99

Alternatives to #2afc99

#2afc99 Preview

Shades and Tints of #2afc99

Tones of #2afc99

Color Blindness Simulator