#2afb63 hex color

In a RGB color space, hex #2afb63 is composed of 16.5% red, 98.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 60.6% yellow and 1.6% black. It has a hue angle of 136.4 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afb63 color hex could be obtained by blending #54ffc6 with #00f700. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #2afb63 has RGB values of R:42, G:251, B:99 and CMYK values of C:0.83, M:0, Y:0.61, K:0.02. Its decimal value is 2816867.

Hex triplet	2afb63	`#2afb63`
RGB Decimal	42, 251, 99	`rgb(42,251,99)`
RGB Percent	16.5, 98.4, 38.8	`rgb(16.5%,98.4%,38.8%)`
CMYK	83, 0, 61, 2
HSL	136.4°, 96.3, 57.5	`hsl(136.4,96.3%,57.5%)`
HSV (or HSB)	136.4°, 83.3, 98.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.185, -77.385, 58.103
XYZ	37.702, 70.383, 23.402
xyY	0.287, 0.535, 70.383
CIE-LCH	87.185, 96.77, 143.099
CIE-LUV	87.185, -77.346, 86.166
Hunter-Lab	83.895, -66.599, 42.188
Binary	00101010, 11111011, 01100011

#2afb63
```
#2afb63 rgb(42,251,99)
```
#fb2ac2
```
#fb2ac2 rgb(251,42,194)
```

Complementary Color

#59fb2a
```
#59fb2a rgb(89,251,42)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#2afbcc
```
#2afbcc rgb(42,251,204)
```

Analogous Color

#fb2a59
```
#fb2a59 rgb(251,42,89)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#cc2afb
```
#cc2afb rgb(204,42,251)
```

Split Complementary Color

#fb632a
```
#fb632a rgb(251,99,42)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#632afb
```
#632afb rgb(99,42,251)
```

Triadic Color

#c2fb2a
```
#c2fb2a rgb(194,251,42)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#632afb
```
#632afb rgb(99,42,251)
```
#fb2ac2
```
#fb2ac2 rgb(251,42,194)
```

Tetradic Color

#04d53d
```
#04d53d rgb(4,213,61)
```
#04ee44
```
#04ee44 rgb(4,238,68)
```
#11fb51
```
#11fb51 rgb(17,251,81)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#43fb75
```
#43fb75 rgb(67,251,117)
```
#5cfc88
```
#5cfc88 rgb(92,252,136)
```
#75fc9a
```
#75fc9a rgb(117,252,154)
```

Monochromatic Color

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

#2afb2f
```
#2afb2f rgb(42,251,47)
```
#2afb40
```
#2afb40 rgb(42,251,64)
```
#2afb52
```
#2afb52 rgb(42,251,82)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#2afb74
```
#2afb74 rgb(42,251,116)
```
#2afb86
```
#2afb86 rgb(42,251,134)
```
#2afb97
```
#2afb97 rgb(42,251,151)
```

Similar Colors

Text with hexadecimal color #2afb63

This text has a font color of #2afb63.

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

#2afb63 background color

This paragraph has a background color of #2afb63.

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

#2afb63 border color

This element has a border color of #2afb63.

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

CSS codes

.text {color:#2afb63;}

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

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

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

#001205
```
#001205 rgb(0,18,5)
```
#01250b
```
#01250b rgb(1,37,11)
```
#013910
```
#013910 rgb(1,57,16)
```
#014c16
```
#014c16 rgb(1,76,22)
```
#025f1b
```
#025f1b rgb(2,95,27)
```
#027221
```
#027221 rgb(2,114,33)
```
#038626
```
#038626 rgb(3,134,38)
```
#03992c
```
#03992c rgb(3,153,44)
```
#03ac31
```
#03ac31 rgb(3,172,49)
```
#04bf37
```
#04bf37 rgb(4,191,55)
```
#04d33c
```
#04d33c rgb(4,211,60)
```
#04e642
```
#04e642 rgb(4,230,66)
```
#05f947
```
#05f947 rgb(5,249,71)
```

Shade Color Variation

#17fb55
```
#17fb55 rgb(23,251,85)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```
#3dfb71
```
#3dfb71 rgb(61,251,113)
```
#51fc7f
```
#51fc7f rgb(81,252,127)
```
#64fc8d
```
#64fc8d rgb(100,252,141)
```
#77fc9b
```
#77fc9b rgb(119,252,155)
```
#8afdaa
```
#8afdaa rgb(138,253,170)
```
#9efdb8
```
#9efdb8 rgb(158,253,184)
```
#b1fec6
```
#b1fec6 rgb(177,254,198)
```
#c4fed4
```
#c4fed4 rgb(196,254,212)
```
#d7fee2
```
#d7fee2 rgb(215,254,226)
```
#ebfff0
```
#ebfff0 rgb(235,255,240)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e9791
```
#8e9791 rgb(142,151,145)
```
#869f8d
```
#869f8d rgb(134,159,141)
```
#7da889
```
#7da889 rgb(125,168,137)
```
#75b085
```
#75b085 rgb(117,176,133)
```
#6db881
```
#6db881 rgb(109,184,129)
```
#64c17e
```
#64c17e rgb(100,193,126)
```
#5cc97a
```
#5cc97a rgb(92,201,122)
```
#54d176
```
#54d176 rgb(84,209,118)
```
#4bda72
```
#4bda72 rgb(75,218,114)
```
#43e26e
```
#43e26e rgb(67,226,110)
```
#3bea6b
```
#3bea6b rgb(59,234,107)
```
#32f367
```
#32f367 rgb(50,243,103)
```
#2afb63
```
#2afb63 rgb(42,251,99)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#91bb9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dc62 Protanopia 1% of men
#ffd5a0 Deuteranopia 1% of men
#7becfd Tritanopia 0.001% of the population

Trichromacy

#aae762 Protanomaly 1% of men, 0.01% of women
#b1e38a Deuteranomaly 6% of men, 0.4% of women
#5df1c5 Tritanomaly 0.01% of the population

#2afb63 hex color

#2afb63 Color Information

#2afb63 Color Conversion

Color Schemes with #2afb63

Alternatives to #2afb63

#2afb63 Preview

Shades and Tints of #2afb63

Tones of #2afb63

Color Blindness Simulator