#2afc69 hex color

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

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

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

The hexadecimal color #2afc69 has RGB values of R:42, G:252, B:105 and CMYK values of C:0.83, M:0, Y:0.58, K:0.01. Its decimal value is 2817129.

Hex triplet	2afc69	`#2afc69`
RGB Decimal	42, 252, 105	`rgb(42,252,105)`
RGB Percent	16.5, 98.8, 41.2	`rgb(16.5%,98.8%,41.2%)`
CMYK	83, 0, 58, 1
HSL	138°, 97.2, 57.6	`hsl(138,97.2%,57.6%)`
HSV (or HSB)	138°, 83.3, 98.8
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.548, -76.976, 55.942
XYZ	38.313, 71.129, 25.074
xyY	0.285, 0.529, 71.129
CIE-LCH	87.548, 95.157, 143.993
CIE-LUV	87.548, -77.413, 84.172
Hunter-Lab	84.338, -66.503, 41.409
Binary	00101010, 11111100, 01101001

#2afc69
```
#2afc69 rgb(42,252,105)
```
#fc2abd
```
#fc2abd rgb(252,42,189)
```

Complementary Color

#54fc2a
```
#54fc2a rgb(84,252,42)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#2afcd2
```
#2afcd2 rgb(42,252,210)
```

Analogous Color

#fc2a54
```
#fc2a54 rgb(252,42,84)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#d22afc
```
#d22afc rgb(210,42,252)
```

Split Complementary Color

#fc692a
```
#fc692a rgb(252,105,42)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#692afc
```
#692afc rgb(105,42,252)
```

Triadic Color

#bdfc2a
```
#bdfc2a rgb(189,252,42)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#692afc
```
#692afc rgb(105,42,252)
```
#fc2abd
```
#fc2abd rgb(252,42,189)
```

Tetradic Color

#03d642
```
#03d642 rgb(3,214,66)
```
#03f04a
```
#03f04a rgb(3,240,74)
```
#11fc57
```
#11fc57 rgb(17,252,87)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#43fc7b
```
#43fc7b rgb(67,252,123)
```
#5cfd8c
```
#5cfd8c rgb(92,253,140)
```
#75fd9e
```
#75fd9e rgb(117,253,158)
```

Monochromatic Color

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

#2afc35
```
#2afc35 rgb(42,252,53)
```
#2afc46
```
#2afc46 rgb(42,252,70)
```
#2afc58
```
#2afc58 rgb(42,252,88)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#2afc7b
```
#2afc7b rgb(42,252,123)
```
#2afc8c
```
#2afc8c rgb(42,252,140)
```
#2afc9e
```
#2afc9e rgb(42,252,158)
```

Similar Colors

Text with hexadecimal color #2afc69

This text has a font color of #2afc69.

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

#2afc69 background color

This paragraph has a background color of #2afc69.

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

#2afc69 border color

This element has a border color of #2afc69.

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

CSS codes

.text {color:#2afc69;}

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

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

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)
```
#01260c
```
#01260c rgb(1,38,12)
```
#013a12
```
#013a12 rgb(1,58,18)
```
#014d18
```
#014d18 rgb(1,77,24)
```
#01601e
```
#01601e rgb(1,96,30)
```
#027424
```
#027424 rgb(2,116,36)
```
#02872a
```
#02872a rgb(2,135,42)
```
#029b30
```
#029b30 rgb(2,155,48)
```
#02ae36
```
#02ae36 rgb(2,174,54)
```
#03c13c
```
#03c13c rgb(3,193,60)
```
#03d542
```
#03d542 rgb(3,213,66)
```
#03e848
```
#03e848 rgb(3,232,72)
```
#04fb4e
```
#04fb4e rgb(4,251,78)
```

Shade Color Variation

#17fc5b
```
#17fc5b rgb(23,252,91)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```
#3dfc77
```
#3dfc77 rgb(61,252,119)
```
#51fd84
```
#51fd84 rgb(81,253,132)
```
#64fd92
```
#64fd92 rgb(100,253,146)
```
#77fd9f
```
#77fd9f rgb(119,253,159)
```
#8bfdad
```
#8bfdad rgb(139,253,173)
```
#9efebb
```
#9efebb rgb(158,254,187)
```
#b1fec8
```
#b1fec8 rgb(177,254,200)
```
#c5fed6
```
#c5fed6 rgb(197,254,214)
```
#d8fee4
```
#d8fee4 rgb(216,254,228)
```
#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 #2afc69 is the most saturated one.

#8e9891
```
#8e9891 rgb(142,152,145)
```
#85a18e
```
#85a18e rgb(133,161,142)
```
#7da98a
```
#7da98a rgb(125,169,138)
```
#75b187
```
#75b187 rgb(117,177,135)
```
#6cba84
```
#6cba84 rgb(108,186,132)
```
#64c280
```
#64c280 rgb(100,194,128)
```
#5cca7d
```
#5cca7d rgb(92,202,125)
```
#54d27a
```
#54d27a rgb(84,210,122)
```
#4bdb76
```
#4bdb76 rgb(75,219,118)
```
#43e373
```
#43e373 rgb(67,227,115)
```
#3beb70
```
#3beb70 rgb(59,235,112)
```
#32f46c
```
#32f46c rgb(50,244,108)
```
#2afc69
```
#2afc69 rgb(42,252,105)
```

Tone Color Variation

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

#f4dd67 Protanopia 1% of men
#ffd6a4 Deuteranopia 1% of men
#7aedfe Tritanopia 0.001% of the population

Trichromacy

#abe868 Protanomaly 1% of men, 0.01% of women
#b1e48f Deuteranomaly 6% of men, 0.4% of women
#5df2c8 Tritanomaly 0.01% of the population

#2afc69 hex color

#2afc69 Color Information

#2afc69 Color Conversion

Color Schemes with #2afc69

Alternatives to #2afc69

#2afc69 Preview

Shades and Tints of #2afc69

Tones of #2afc69

Color Blindness Simulator