colorhexa.com

#2af821 hex color

In a RGB color space, hex #2af821 is composed of 16.5% red, 97.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 117.5 degrees, a saturation of 93.9% and a lightness of 55.1%. #2af821 color hex could be obtained by blending #54ff42 with #00f100. Closest websafe color is: #33ff33.

- R 16
- G 97
- B 13
RGB color chart
- C 83
- M 0
- Y 87
- K 3
CMYK color chart

● #2af821 color description : Vivid lime green.

The hexadecimal color #2af821 has RGB values of R:42, G:248, B:33 and CMYK values of C:0.83, M:0, Y:0.87, K:0.03. Its decimal value is 2816033.

Hex triplet	2af821	`#2af821`
RGB Decimal	42, 248, 33	`rgb(42,248,33)`
RGB Percent	16.5, 97.3, 12.9	`rgb(16.5%,97.3%,12.9%)`
CMYK	83, 0, 87, 3
HSL	117.5°, 93.9, 55.1	`hsl(117.5,93.9%,55.1%)`
HSV (or HSB)	117.5°, 86.7, 97.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.873, -81.426, 77.979
XYZ	34.795, 67.733, 12.679
xyY	0.302, 0.588, 67.733
CIE-LCH	85.873, 112.743, 136.239
CIE-LUV	85.873, -78.161, 102.179
Hunter-Lab	82.3, -68.559, 48.476
Binary	00101010, 11111000, 00100001

#2af821
```
#2af821 rgb(42,248,33)
```
#ef21f8
```
#ef21f8 rgb(239,33,248)
```

Complementary Color

#96f821
```
#96f821 rgb(150,248,33)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#21f884
```
#21f884 rgb(33,248,132)
```

Analogous Color

#f82196
```
#f82196 rgb(248,33,150)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#8421f8
```
#8421f8 rgb(132,33,248)
```

Split Complementary Color

#f8212a
```
#f8212a rgb(248,33,42)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#212af8
```
#212af8 rgb(33,42,248)
```

Triadic Color

#f8ef21
```
#f8ef21 rgb(248,239,33)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#212af8
```
#212af8 rgb(33,42,248)
```
#ef21f8
```
#ef21f8 rgb(239,33,248)
```

Tetradic Color

#0ec606
```
#0ec606 rgb(14,198,6)
```
#10df07
```
#10df07 rgb(16,223,7)
```
#12f708
```
#12f708 rgb(18,247,8)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#42f93a
```
#42f93a rgb(66,249,58)
```
#59fa52
```
#59fa52 rgb(89,250,82)
```
#71fa6b
```
#71fa6b rgb(113,250,107)
```

Monochromatic Color

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

#60f821
```
#60f821 rgb(96,248,33)
```
#4ef821
```
#4ef821 rgb(78,248,33)
```
#3cf821
```
#3cf821 rgb(60,248,33)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#21f82a
```
#21f82a rgb(33,248,42)
```
#21f83c
```
#21f83c rgb(33,248,60)
```
#21f84e
```
#21f84e rgb(33,248,78)
```

Similar Colors

Text with hexadecimal color #2af821

This text has a font color of #2af821.

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

#2af821 background color

This paragraph has a background color of #2af821.

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

#2af821 border color

This element has a border color of #2af821.

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

CSS codes

.text {color:#2af821;}

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

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

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

#000600
```
#000600 rgb(0,6,0)
```
#021901
```
#021901 rgb(2,25,1)
```
#032c01
```
#032c01 rgb(3,44,1)
```
#053f02
```
#053f02 rgb(5,63,2)
```
#065203
```
#065203 rgb(6,82,3)
```
#076503
```
#076503 rgb(7,101,3)
```
#097804
```
#097804 rgb(9,120,4)
```
#0a8b04
```
#0a8b04 rgb(10,139,4)
```
#0b9e05
```
#0b9e05 rgb(11,158,5)
```
#0db106
```
#0db106 rgb(13,177,6)
```
#0ec406
```
#0ec406 rgb(14,196,6)
```
#10d707
```
#10d707 rgb(16,215,7)
```
#11ea07
```
#11ea07 rgb(17,234,7)
```

Shade Color Variation

#18f70e
```
#18f70e rgb(24,247,14)
```
#2af821
```
#2af821 rgb(42,248,33)
```
#3cf934
```
#3cf934 rgb(60,249,52)
```
#4ef947
```
#4ef947 rgb(78,249,71)
```
#61fa5a
```
#61fa5a rgb(97,250,90)
```
#73fa6d
```
#73fa6d rgb(115,250,109)
```
#85fb80
```
#85fb80 rgb(133,251,128)
```
#97fc93
```
#97fc93 rgb(151,252,147)
```
#aafca6
```
#aafca6 rgb(170,252,166)
```
#bcfdb9
```
#bcfdb9 rgb(188,253,185)
```
#cefdcc
```
#cefdcc rgb(206,253,204)
```
#e0fedf
```
#e0fedf rgb(224,254,223)
```
#f3fff2
```
#f3fff2 rgb(243,255,242)
```

Tint Color Variation

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

#8b8e8b
```
#8b8e8b rgb(139,142,139)
```
#839782
```
#839782 rgb(131,151,130)
```
#7ba079
```
#7ba079 rgb(123,160,121)
```
#73a970
```
#73a970 rgb(115,169,112)
```
#6bb267
```
#6bb267 rgb(107,178,103)
```
#62ba5f
```
#62ba5f rgb(98,186,95)
```
#5ac356
```
#5ac356 rgb(90,195,86)
```
#52cc4d
```
#52cc4d rgb(82,204,77)
```
#4ad544
```
#4ad544 rgb(74,213,68)
```
#42de3b
```
#42de3b rgb(66,222,59)
```
#3ae633
```
#3ae633 rgb(58,230,51)
```
#32ef2a
```
#32ef2a rgb(50,239,42)
```
#2af821
```
#2af821 rgb(42,248,33)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8ab388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d922 Protanopia 1% of men
#ffd18c Deuteranopia 1% of men
#7ee7f8 Tritanopia 0.001% of the population

Trichromacy

#aae422 Protanomaly 1% of men, 0.01% of women
#b1df65 Deuteranomaly 6% of men, 0.4% of women
#5fedaa Tritanomaly 0.01% of the population