#2afa6c hex color

In a RGB color space, hex #2afa6c is composed of 16.5% red, 98% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 56.8% yellow and 2% black. It has a hue angle of 139 degrees, a saturation of 95.4% and a lightness of 57.3%. #2afa6c color hex could be obtained by blending #54ffd8 with #00f500. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #2afa6c has RGB values of R:42, G:250, B:108 and CMYK values of C:0.83, M:0, Y:0.57, K:0.02. Its decimal value is 2816620.

Hex triplet	2afa6c	`#2afa6c`
RGB Decimal	42, 250, 108	`rgb(42,250,108)`
RGB Percent	16.5, 98, 42.4	`rgb(16.5%,98%,42.4%)`
CMYK	83, 0, 57, 2
HSL	139°, 95.4, 57.3	`hsl(139,95.4%,57.3%)`
HSV (or HSB)	139°, 83.2, 98
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.968, -75.989, 53.944
XYZ	37.845, 69.942, 25.692
xyY	0.284, 0.524, 69.942
CIE-LCH	86.968, 93.19, 144.63
CIE-LUV	86.968, -76.648, 81.887
Hunter-Lab	83.631, -65.58, 40.328
Binary	00101010, 11111010, 01101100

#2afa6c
```
#2afa6c rgb(42,250,108)
```
#fa2ab8
```
#fa2ab8 rgb(250,42,184)
```

Complementary Color

#50fa2a
```
#50fa2a rgb(80,250,42)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#2afad4
```
#2afad4 rgb(42,250,212)
```

Analogous Color

#fa2a50
```
#fa2a50 rgb(250,42,80)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#d42afa
```
#d42afa rgb(212,42,250)
```

Split Complementary Color

#fa6c2a
```
#fa6c2a rgb(250,108,42)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#6c2afa
```
#6c2afa rgb(108,42,250)
```

Triadic Color

#b8fa2a
```
#b8fa2a rgb(184,250,42)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#6c2afa
```
#6c2afa rgb(108,42,250)
```
#fa2ab8
```
#fa2ab8 rgb(250,42,184)
```

Tetradic Color

#05d346
```
#05d346 rgb(5,211,70)
```
#06eb4e
```
#06eb4e rgb(6,235,78)
```
#11f95b
```
#11f95b rgb(17,249,91)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#43fb7d
```
#43fb7d rgb(67,251,125)
```
#5cfb8e
```
#5cfb8e rgb(92,251,142)
```
#75fca0
```
#75fca0 rgb(117,252,160)
```

Monochromatic Color

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

#2afa38
```
#2afa38 rgb(42,250,56)
```
#2afa49
```
#2afa49 rgb(42,250,73)
```
#2afa5b
```
#2afa5b rgb(42,250,91)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#2afa7d
```
#2afa7d rgb(42,250,125)
```
#2afa8f
```
#2afa8f rgb(42,250,143)
```
#2afaa0
```
#2afaa0 rgb(42,250,160)
```

Similar Colors

Text with hexadecimal color #2afa6c

This text has a font color of #2afa6c.

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

#2afa6c background color

This paragraph has a background color of #2afa6c.

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

#2afa6c border color

This element has a border color of #2afa6c.

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

CSS codes

.text {color:#2afa6c;}

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

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

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

#001106
```
#001106 rgb(0,17,6)
```
#01240c
```
#01240c rgb(1,36,12)
```
#013712
```
#013712 rgb(1,55,18)
```
#024a19
```
#024a19 rgb(2,74,25)
```
#025e1f
```
#025e1f rgb(2,94,31)
```
#037126
```
#037126 rgb(3,113,38)
```
#03842c
```
#03842c rgb(3,132,44)
```
#049732
```
#049732 rgb(4,151,50)
```
#04aa39
```
#04aa39 rgb(4,170,57)
```
#04bd3f
```
#04bd3f rgb(4,189,63)
```
#05d146
```
#05d146 rgb(5,209,70)
```
#05e44c
```
#05e44c rgb(5,228,76)
```
#06f752
```
#06f752 rgb(6,247,82)
```

Shade Color Variation

#17fa5f
```
#17fa5f rgb(23,250,95)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```
#3dfa79
```
#3dfa79 rgb(61,250,121)
```
#50fb86
```
#50fb86 rgb(80,251,134)
```
#63fb94
```
#63fb94 rgb(99,251,148)
```
#77fca1
```
#77fca1 rgb(119,252,161)
```
#8afcae
```
#8afcae rgb(138,252,174)
```
#9dfdbb
```
#9dfdbb rgb(157,253,187)
```
#b0fdc9
```
#b0fdc9 rgb(176,253,201)
```
#c3fed6
```
#c3fed6 rgb(195,254,214)
```
#d6fee3
```
#d6fee3 rgb(214,254,227)
```
#eafef0
```
#eafef0 rgb(234,254,240)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#8f9591
```
#8f9591 rgb(143,149,145)
```
#869e8e
```
#869e8e rgb(134,158,142)
```
#7ea68b
```
#7ea68b rgb(126,166,139)
```
#75af88
```
#75af88 rgb(117,175,136)
```
#6db785
```
#6db785 rgb(109,183,133)
```
#65bf81
```
#65bf81 rgb(101,191,129)
```
#5cc87e
```
#5cc87e rgb(92,200,126)
```
#54d07b
```
#54d07b rgb(84,208,123)
```
#4cd878
```
#4cd878 rgb(76,216,120)
```
#43e175
```
#43e175 rgb(67,225,117)
```
#3be972
```
#3be972 rgb(59,233,114)
```
#32f26f
```
#32f26f rgb(50,242,111)
```
#2afa6c
```
#2afa6c rgb(42,250,108)
```

Tone Color Variation

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

#f2db6a Protanopia 1% of men
#ffd4a0 Deuteranopia 1% of men
#79ebfc Tritanopia 0.001% of the population

Trichromacy

#a9e66a Protanomaly 1% of men, 0.01% of women
#b1e28d Deuteranomaly 6% of men, 0.4% of women
#5cf0c8 Tritanomaly 0.01% of the population

#2afa6c hex color

#2afa6c Color Information

#2afa6c Color Conversion

Color Schemes with #2afa6c

Alternatives to #2afa6c

#2afa6c Preview

Shades and Tints of #2afa6c

Tones of #2afa6c

Color Blindness Simulator