#2afec2 hex color

In a RGB color space, hex #2afec2 is composed of 16.5% red, 99.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 23.6% yellow and 0.4% black. It has a hue angle of 163 degrees, a saturation of 99.1% and a lightness of 58%. #2afec2 color hex could be obtained by blending #54ffff with #00fd85. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 100
- B 76
RGB color chart
- C 83
- M 0
- Y 24
- K 0
CMYK color chart

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

The hexadecimal color #2afec2 has RGB values of R:42, G:254, B:194 and CMYK values of C:0.83, M:0, Y:0.24, K:0. Its decimal value is 2817730.

Hex triplet	2afec2	`#2afec2`
RGB Decimal	42, 254, 194	`rgb(42,254,194)`
RGB Percent	16.5, 99.6, 76.1	`rgb(16.5%,99.6%,76.1%)`
CMYK	83, 0, 24, 0
HSL	163°, 99.1, 58	`hsl(163,99.1%,58%)`
HSV (or HSB)	163°, 83.5, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.517, -61.883, 15.153
XYZ	46.13, 75.266, 63.133
xyY	0.25, 0.408, 75.266
CIE-LCH	89.517, 63.711, 166.241
CIE-LUV	89.517, -72.863, 32.699
Hunter-Lab	86.756, -56.91, 17.584
Binary	00101010, 11111110, 11000010

#2afec2
```
#2afec2 rgb(42,254,194)
```
#fe2a66
```
#fe2a66 rgb(254,42,102)
```

Complementary Color

#2afe58
```
#2afe58 rgb(42,254,88)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#2ad0fe
```
#2ad0fe rgb(42,208,254)
```

Analogous Color

#fe582a
```
#fe582a rgb(254,88,42)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#fe2ad0
```
#fe2ad0 rgb(254,42,208)
```

Split Complementary Color

#fec22a
```
#fec22a rgb(254,194,42)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#c22afe
```
#c22afe rgb(194,42,254)
```

Triadic Color

#66fe2a
```
#66fe2a rgb(102,254,42)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#c22afe
```
#c22afe rgb(194,42,254)
```
#fe2a66
```
#fe2a66 rgb(254,42,102)
```

Tetradic Color

#01da9d
```
#01da9d rgb(1,218,157)
```
#01f4af
```
#01f4af rgb(1,244,175)
```
#11febb
```
#11febb rgb(17,254,187)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#43fec9
```
#43fec9 rgb(67,254,201)
```
#5dfed1
```
#5dfed1 rgb(93,254,209)
```
#76fed8
```
#76fed8 rgb(118,254,216)
```

Monochromatic Color

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

#2afe8d
```
#2afe8d rgb(42,254,141)
```
#2afe9f
```
#2afe9f rgb(42,254,159)
```
#2afeb0
```
#2afeb0 rgb(42,254,176)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#2afed4
```
#2afed4 rgb(42,254,212)
```
#2afee5
```
#2afee5 rgb(42,254,229)
```
#2afef7
```
#2afef7 rgb(42,254,247)
```

Similar Colors

Text with hexadecimal color #2afec2

This text has a font color of #2afec2.

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

#2afec2 background color

This paragraph has a background color of #2afec2.

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

#2afec2 border color

This element has a border color of #2afec2.

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

CSS codes

.text {color:#2afec2;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#00150f
```
#00150f rgb(0,21,15)
```
#00291d
```
#00291d rgb(0,41,29)
```
#003c2b
```
#003c2b rgb(0,60,43)
```
#005039
```
#005039 rgb(0,80,57)
```
#006347
```
#006347 rgb(0,99,71)
```
#017755
```
#017755 rgb(1,119,85)
```
#018a63
```
#018a63 rgb(1,138,99)
```
#019e71
```
#019e71 rgb(1,158,113)
```
#01b17f
```
#01b17f rgb(1,177,127)
```
#01c58e
```
#01c58e rgb(1,197,142)
```
#01d99c
```
#01d99c rgb(1,217,156)
```
#01ecaa
```
#01ecaa rgb(1,236,170)
```

Shade Color Variation

#03feb7
```
#03feb7 rgb(3,254,183)
```
#16febc
```
#16febc rgb(22,254,188)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```
#3efec8
```
#3efec8 rgb(62,254,200)
```
#51fecd
```
#51fecd rgb(81,254,205)
```
#65fed3
```
#65fed3 rgb(101,254,211)
```
#78fed8
```
#78fed8 rgb(120,254,216)
```
#8cfede
```
#8cfede rgb(140,254,222)
```
#9fffe4
```
#9fffe4 rgb(159,255,228)
```
#b3ffe9
```
#b3ffe9 rgb(179,255,233)
```
#c6ffef
```
#c6ffef rgb(198,255,239)
```
#dafff4
```
#dafff4 rgb(218,255,244)
```
#edfffa
```
#edfffa rgb(237,255,250)
```

Tint Color Variation

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

#8d9b97
```
#8d9b97 rgb(141,155,151)
```
#85a39b
```
#85a39b rgb(133,163,155)
```
#7cac9e
```
#7cac9e rgb(124,172,158)
```
#74b4a2
```
#74b4a2 rgb(116,180,162)
```
#6cbca5
```
#6cbca5 rgb(108,188,165)
```
#64c4a9
```
#64c4a9 rgb(100,196,169)
```
#5bcdad
```
#5bcdad rgb(91,205,173)
```
#53d5b0
```
#53d5b0 rgb(83,213,176)
```
#4bddb4
```
#4bddb4 rgb(75,221,180)
```
#43e5b7
```
#43e5b7 rgb(67,229,183)
```
#3aeebb
```
#3aeebb rgb(58,238,187)
```
#32f6be
```
#32f6be rgb(50,246,190)
```
#2afec2
```
#2afec2 rgb(42,254,194)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9cc6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe2b8 Protanopia 1% of men
#fedbd1 Deuteranopia 1% of men
#93f0ff Tritanopia 0.001% of the population

Trichromacy

#a7ecbb Protanomaly 1% of men, 0.01% of women
#b0e7cb Deuteranomaly 6% of men, 0.4% of women
#6cf5e8 Tritanomaly 0.01% of the population

#2afec2 hex color

#2afec2 Color Information

#2afec2 Color Conversion

Color Schemes with #2afec2

Alternatives to #2afec2

#2afec2 Preview

Shades and Tints of #2afec2

Tones of #2afec2

Color Blindness Simulator