#2afc66 hex color

In a RGB color space, hex #2afc66 is composed of 16.5% red, 98.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 59.5% yellow and 1.2% black. It has a hue angle of 137.1 degrees, a saturation of 97.2% and a lightness of 57.6%. #2afc66 color hex could be obtained by blending #54ffcc with #00f900. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #2afc66 has RGB values of R:42, G:252, B:102 and CMYK values of C:0.83, M:0, Y:0.6, K:0.01. Its decimal value is 2817126.

Hex triplet	2afc66	`#2afc66`
RGB Decimal	42, 252, 102	`rgb(42,252,102)`
RGB Percent	16.5, 98.8, 40	`rgb(16.5%,98.8%,40%)`
CMYK	83, 0, 60, 1
HSL	137.1°, 97.2, 57.6	`hsl(137.1,97.2%,57.6%)`
HSV (or HSB)	137.1°, 83.3, 98.8
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.518, -77.337, 57.205
XYZ	38.161, 71.068, 24.276
xyY	0.286, 0.532, 71.068
CIE-LCH	87.518, 96.195, 143.51
CIE-LUV	87.518, -77.539, 85.427
Hunter-Lab	84.302, -66.727, 41.938
Binary	00101010, 11111100, 01100110

#2afc66
```
#2afc66 rgb(42,252,102)
```
#fc2ac0
```
#fc2ac0 rgb(252,42,192)
```

Complementary Color

#57fc2a
```
#57fc2a rgb(87,252,42)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#2afccf
```
#2afccf rgb(42,252,207)
```

Analogous Color

#fc2a57
```
#fc2a57 rgb(252,42,87)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#cf2afc
```
#cf2afc rgb(207,42,252)
```

Split Complementary Color

#fc662a
```
#fc662a rgb(252,102,42)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#662afc
```
#662afc rgb(102,42,252)
```

Triadic Color

#c0fc2a
```
#c0fc2a rgb(192,252,42)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#662afc
```
#662afc rgb(102,42,252)
```
#fc2ac0
```
#fc2ac0 rgb(252,42,192)
```

Tetradic Color

#03d63f
```
#03d63f rgb(3,214,63)
```
#03f047
```
#03f047 rgb(3,240,71)
```
#11fc54
```
#11fc54 rgb(17,252,84)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#43fc78
```
#43fc78 rgb(67,252,120)
```
#5cfd8a
```
#5cfd8a rgb(92,253,138)
```
#75fd9c
```
#75fd9c rgb(117,253,156)
```

Monochromatic Color

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

#2afc32
```
#2afc32 rgb(42,252,50)
```
#2afc43
```
#2afc43 rgb(42,252,67)
```
#2afc55
```
#2afc55 rgb(42,252,85)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#2afc78
```
#2afc78 rgb(42,252,120)
```
#2afc89
```
#2afc89 rgb(42,252,137)
```
#2afc9b
```
#2afc9b rgb(42,252,155)
```

Similar Colors

Text with hexadecimal color #2afc66

This text has a font color of #2afc66.

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

#2afc66 background color

This paragraph has a background color of #2afc66.

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

#2afc66 border color

This element has a border color of #2afc66.

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

CSS codes

.text {color:#2afc66;}

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

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

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

#001306
```
#001306 rgb(0,19,6)
```
#01260b
```
#01260b rgb(1,38,11)
```
#013a11
```
#013a11 rgb(1,58,17)
```
#014d17
```
#014d17 rgb(1,77,23)
```
#01601d
```
#01601d rgb(1,96,29)
```
#027422
```
#027422 rgb(2,116,34)
```
#028728
```
#028728 rgb(2,135,40)
```
#029b2e
```
#029b2e rgb(2,155,46)
```
#02ae33
```
#02ae33 rgb(2,174,51)
```
#03c139
```
#03c139 rgb(3,193,57)
```
#03d53f
```
#03d53f rgb(3,213,63)
```
#03e845
```
#03e845 rgb(3,232,69)
```
#04fb4a
```
#04fb4a rgb(4,251,74)
```

Shade Color Variation

#17fc58
```
#17fc58 rgb(23,252,88)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```
#3dfc74
```
#3dfc74 rgb(61,252,116)
```
#51fd82
```
#51fd82 rgb(81,253,130)
```
#64fd90
```
#64fd90 rgb(100,253,144)
```
#77fd9e
```
#77fd9e rgb(119,253,158)
```
#8bfdab
```
#8bfdab rgb(139,253,171)
```
#9efeb9
```
#9efeb9 rgb(158,254,185)
```
#b1fec7
```
#b1fec7 rgb(177,254,199)
```
#c5fed5
```
#c5fed5 rgb(197,254,213)
```
#d8fee3
```
#d8fee3 rgb(216,254,227)
```
#ebfff1
```
#ebfff1 rgb(235,255,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e9891
```
#8e9891 rgb(142,152,145)
```
#85a18d
```
#85a18d rgb(133,161,141)
```
#7da98a
```
#7da98a rgb(125,169,138)
```
#75b186
```
#75b186 rgb(117,177,134)
```
#6cba82
```
#6cba82 rgb(108,186,130)
```
#64c27f
```
#64c27f rgb(100,194,127)
```
#5cca7b
```
#5cca7b rgb(92,202,123)
```
#54d278
```
#54d278 rgb(84,210,120)
```
#4bdb74
```
#4bdb74 rgb(75,219,116)
```
#43e371
```
#43e371 rgb(67,227,113)
```
#3beb6d
```
#3beb6d rgb(59,235,109)
```
#32f46a
```
#32f46a rgb(50,244,106)
```
#2afc66
```
#2afc66 rgb(42,252,102)
```

Tone Color Variation

Below, you can see how #2afc66 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
#92bc9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dd64 Protanopia 1% of men
#ffd6a4 Deuteranopia 1% of men
#7bedfe Tritanopia 0.001% of the population

Trichromacy

#abe865 Protanomaly 1% of men, 0.01% of women
#b1e48d Deuteranomaly 6% of men, 0.4% of women
#5df2c7 Tritanomaly 0.01% of the population

#2afc66 hex color

#2afc66 Color Information

#2afc66 Color Conversion

Color Schemes with #2afc66

Alternatives to #2afc66

#2afc66 Preview

Shades and Tints of #2afc66

Tones of #2afc66

Color Blindness Simulator