#2af825 hex color

In a RGB color space, hex #2af825 is composed of 16.5% red, 97.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 85.1% yellow and 2.7% black. It has a hue angle of 118.6 degrees, a saturation of 93.8% and a lightness of 55.9%. #2af825 color hex could be obtained by blending #54ff4a with #00f100. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 97
- B 15
RGB color chart
- C 83
- M 0
- Y 85
- K 3
CMYK color chart

● #2af825 color description : Vivid lime green.

The hexadecimal color #2af825 has RGB values of R:42, G:248, B:37 and CMYK values of C:0.83, M:0, Y:0.85, K:0.03. Its decimal value is 2816037.

Hex triplet	2af825	`#2af825`
RGB Decimal	42, 248, 37	`rgb(42,248,37)`
RGB Percent	16.5, 97.3, 14.5	`rgb(16.5%,97.3%,14.5%)`
CMYK	83, 0, 85, 3
HSL	118.6°, 93.8, 55.9	`hsl(118.6,93.8%,55.9%)`
HSV (or HSB)	118.6°, 85.1, 97.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.885, -81.274, 77.202
XYZ	34.854, 67.757, 12.992
xyY	0.302, 0.586, 67.757
CIE-LCH	85.885, 112.097, 136.472
CIE-LUV	85.885, -78.106, 101.636
Hunter-Lab	82.315, -68.469, 48.262
Binary	00101010, 11111000, 00100101

#2af825
```
#2af825 rgb(42,248,37)
```
#f325f8
```
#f325f8 rgb(243,37,248)
```

Complementary Color

#94f825
```
#94f825 rgb(148,248,37)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#25f88a
```
#25f88a rgb(37,248,138)
```

Analogous Color

#f82594
```
#f82594 rgb(248,37,148)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#8a25f8
```
#8a25f8 rgb(138,37,248)
```

Split Complementary Color

#f8252a
```
#f8252a rgb(248,37,42)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#252af8
```
#252af8 rgb(37,42,248)
```

Triadic Color

#f8f325
```
#f8f325 rgb(248,243,37)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#252af8
```
#252af8 rgb(37,42,248)
```
#f325f8
```
#f325f8 rgb(243,37,248)
```

Tetradic Color

#0bca06
```
#0bca06 rgb(11,202,6)
```
#0ce307
```
#0ce307 rgb(12,227,7)
```
#12f70c
```
#12f70c rgb(18,247,12)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#42f93e
```
#42f93e rgb(66,249,62)
```
#5afa56
```
#5afa56 rgb(90,250,86)
```
#72fa6f
```
#72fa6f rgb(114,250,111)
```

Monochromatic Color

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

#5ff825
```
#5ff825 rgb(95,248,37)
```
#4df825
```
#4df825 rgb(77,248,37)
```
#3cf825
```
#3cf825 rgb(60,248,37)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#25f832
```
#25f832 rgb(37,248,50)
```
#25f843
```
#25f843 rgb(37,248,67)
```
#25f855
```
#25f855 rgb(37,248,85)
```

Similar Colors

Text with hexadecimal color #2af825

This text has a font color of #2af825.

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

#2af825 background color

This paragraph has a background color of #2af825.

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

#2af825 border color

This element has a border color of #2af825.

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

CSS codes

.text {color:#2af825;}

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

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

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, #010a00 is the darkest color, while #f6fff6 is the lightest one.

#010a00
```
#010a00 rgb(1,10,0)
```
#021d01
```
#021d01 rgb(2,29,1)
```
#033002
```
#033002 rgb(3,48,2)
```
#044302
```
#044302 rgb(4,67,2)
```
#055603
```
#055603 rgb(5,86,3)
```
#066903
```
#066903 rgb(6,105,3)
```
#077c04
```
#077c04 rgb(7,124,4)
```
#088f05
```
#088f05 rgb(8,143,5)
```
#09a205
```
#09a205 rgb(9,162,5)
```
#0ab506
```
#0ab506 rgb(10,181,6)
```
#0bc806
```
#0bc806 rgb(11,200,6)
```
#0cdb07
```
#0cdb07 rgb(12,219,7)
```
#0dee08
```
#0dee08 rgb(13,238,8)
```

Shade Color Variation

#17f712
```
#17f712 rgb(23,247,18)
```
#2af825
```
#2af825 rgb(42,248,37)
```
#3df938
```
#3df938 rgb(61,249,56)
```
#4ff94b
```
#4ff94b rgb(79,249,75)
```
#62fa5e
```
#62fa5e rgb(98,250,94)
```
#74fa71
```
#74fa71 rgb(116,250,113)
```
#87fb84
```
#87fb84 rgb(135,251,132)
```
#99fc97
```
#99fc97 rgb(153,252,151)
```
#acfcaa
```
#acfcaa rgb(172,252,170)
```
#bffdbd
```
#bffdbd rgb(191,253,189)
```
#d1fdd0
```
#d1fdd0 rgb(209,253,208)
```
#e4fee3
```
#e4fee3 rgb(228,254,227)
```
#f6fff6
```
#f6fff6 rgb(246,255,246)
```

Tint Color Variation

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

#8d908d
```
#8d908d rgb(141,144,141)
```
#859984
```
#859984 rgb(133,153,132)
```
#7ca17c
```
#7ca17c rgb(124,161,124)
```
#74aa73
```
#74aa73 rgb(116,170,115)
```
#6cb36a
```
#6cb36a rgb(108,179,106)
```
#64bb62
```
#64bb62 rgb(100,187,98)
```
#5bc459
```
#5bc459 rgb(91,196,89)
```
#53cd50
```
#53cd50 rgb(83,205,80)
```
#4bd548
```
#4bd548 rgb(75,213,72)
```
#43de3f
```
#43de3f rgb(67,222,63)
```
#3ae736
```
#3ae736 rgb(58,231,54)
```
#32ef2e
```
#32ef2e rgb(50,239,46)
```
#2af825
```
#2af825 rgb(42,248,37)
```

Tone Color Variation

Below, you can see how #2af825 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
#8ab389 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a9e426 Protanomaly 1% of men, 0.01% of women
#b1df66 Deuteranomaly 6% of men, 0.4% of women
#5fedab Tritanomaly 0.01% of the population

#2af825 hex color

#2af825 Color Information

#2af825 Color Conversion

Color Schemes with #2af825

Alternatives to #2af825

#2af825 Preview

Shades and Tints of #2af825

Tones of #2af825

Color Blindness Simulator