colorhexa.com

#2af209 hex color

In a RGB color space, hex #2af209 is composed of 16.5% red, 94.9% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 96.3% yellow and 5.1% black. It has a hue angle of 111.5 degrees, a saturation of 92.8% and a lightness of 49.2%. #2af209 color hex could be obtained by blending #54ff12 with #00e500. Closest websafe color is: #33ff00.

- R 16
- G 95
- B 4
RGB color chart
- C 83
- M 0
- Y 96
- K 5
CMYK color chart

● #2af209 color description : Vivid lime green.

The hexadecimal color #2af209 has RGB values of R:42, G:242, B:9 and CMYK values of C:0.83, M:0, Y:0.96, K:0.05. Its decimal value is 2814473.

Hex triplet	2af209	`#2af209`
RGB Decimal	42, 242, 9	`rgb(42,242,9)`
RGB Percent	16.5, 94.9, 3.5	`rgb(16.5%,94.9%,3.5%)`
CMYK	83, 0, 96, 5
HSL	111.5°, 92.8, 49.2	`hsl(111.5,92.8%,49.2%)`
HSV (or HSB)	111.5°, 96.3, 94.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.972, -80.367, 79.536
XYZ	32.754, 64.013, 10.888
xyY	0.304, 0.595, 64.013
CIE-LCH	83.972, 113.07, 135.298
CIE-LUV	83.972, -76.517, 101.952
Hunter-Lab	80.008, -66.938, 47.937
Binary	00101010, 11110010, 00001001

#2af209
```
#2af209 rgb(42,242,9)
```
#d109f2
```
#d109f2 rgb(209,9,242)
```

Complementary Color

#9ff209
```
#9ff209 rgb(159,242,9)
```
#2af209
```
#2af209 rgb(42,242,9)
```
#09f25d
```
#09f25d rgb(9,242,93)
```

Analogous Color

#f2099f
```
#f2099f rgb(242,9,159)
```
#2af209
```
#2af209 rgb(42,242,9)
```
#5d09f2
```
#5d09f2 rgb(93,9,242)
```

Split Complementary Color

#1da806
```
#1da806 rgb(29,168,6)
```
#21c107
```
#21c107 rgb(33,193,7)
```
#26d908
```
#26d908 rgb(38,217,8)
```
#2af209
```
#2af209 rgb(42,242,9)
```
#3df71e
```
#3df71e rgb(61,247,30)
```
#52f836
```
#52f836 rgb(82,248,54)
```
#67f84f
```
#67f84f rgb(103,248,79)
```

Monochromatic Color

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

#64f209
```
#64f209 rgb(100,242,9)
```
#51f209
```
#51f209 rgb(81,242,9)
```
#3df209
```
#3df209 rgb(61,242,9)
```
#2af209
```
#2af209 rgb(42,242,9)
```
#17f209
```
#17f209 rgb(23,242,9)
```
#09f20f
```
#09f20f rgb(9,242,15)
```
#09f222
```
#09f222 rgb(9,242,34)
```

Similar Colors

Text with hexadecimal color #2af209

This text has a font color of #2af209.

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

#2af209 background color

This paragraph has a background color of #2af209.

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

#2af209 border color

This element has a border color of #2af209.

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

CSS codes

.text {color:#2af209;}

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

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

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, #030f01 is the darkest color, while #fcfffb is the lightest one.

#030f01
```
#030f01 rgb(3,15,1)
```
#062201
```
#062201 rgb(6,34,1)
```
#093502
```
#093502 rgb(9,53,2)
```
#0c4803
```
#0c4803 rgb(12,72,3)
```
#105b03
```
#105b03 rgb(16,91,3)
```
#136e04
```
#136e04 rgb(19,110,4)
```
#168105
```
#168105 rgb(22,129,5)
```
#1a9305
```
#1a9305 rgb(26,147,5)
```
#1da606
```
#1da606 rgb(29,166,6)
```
#20b907
```
#20b907 rgb(32,185,7)
```
#23cc08
```
#23cc08 rgb(35,204,8)
```
#27df08
```
#27df08 rgb(39,223,8)
```
#2af209
```
#2af209 rgb(42,242,9)
```

Shade Color Variation

#38f618
```
#38f618 rgb(56,246,24)
```
#48f72b
```
#48f72b rgb(72,247,43)
```
#58f83e
```
#58f83e rgb(88,248,62)
```
#69f951
```
#69f951 rgb(105,249,81)
```
#79f964
```
#79f964 rgb(121,249,100)
```
#89fa77
```
#89fa77 rgb(137,250,119)
```
#9afb8a
```
#9afb8a rgb(154,251,138)
```
#aafb9d
```
#aafb9d rgb(170,251,157)
```
#bafcaf
```
#bafcaf rgb(186,252,175)
```
#cbfdc2
```
#cbfdc2 rgb(203,253,194)
```
#dbfdd5
```
#dbfdd5 rgb(219,253,213)
```
#ebfee8
```
#ebfee8 rgb(235,254,232)
```
#fcfffb
```
#fcfffb rgb(252,255,251)
```

Tint Color Variation

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

#7d7e7d
```
#7d7e7d rgb(125,126,125)
```
#768873
```
#768873 rgb(118,136,115)
```
#6f916a
```
#6f916a rgb(111,145,106)
```
#689b60
```
#689b60 rgb(104,155,96)
```
#61a556
```
#61a556 rgb(97,165,86)
```
#5aae4d
```
#5aae4d rgb(90,174,77)
```
#54b843
```
#54b843 rgb(84,184,67)
```
#4dc239
```
#4dc239 rgb(77,194,57)
```
#46cb30
```
#46cb30 rgb(70,203,48)
```
#3fd526
```
#3fd526 rgb(63,213,38)
```
#38df1c
```
#38df1c rgb(56,223,28)
```
#31e813
```
#31e813 rgb(49,232,19)
```
#2af209
```
#2af209 rgb(42,242,9)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#85ad7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd400 Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#7ce2f2 Tritanopia 0.001% of the population

Trichromacy

#a6df03 Protanomaly 1% of men, 0.01% of women
#b1d94c Deuteranomaly 6% of men, 0.4% of women
#5ee89d Tritanomaly 0.01% of the population