#02af09 hex color

In a RGB color space, hex #02af09 is composed of 0.8% red, 68.6% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 94.9% yellow and 31.4% black. It has a hue angle of 122.4 degrees, a saturation of 97.7% and a lightness of 34.7%. #02af09 color hex could be obtained by blending #04ff12 with #005f00. Closest websafe color is: #009900.

♥
- f
- t
- g
- R 1
- G 69
- B 4
RGB color chart
- C 99
- M 0
- Y 95
- K 31
CMYK color chart

● #02af09 color description : Dark lime green.

The hexadecimal color #02af09 has RGB values of R:2, G:175, B:9 and CMYK values of C:0.99, M:0, Y:0.95, K:0.31. Its decimal value is 175881.

Hex triplet	02af09	`#02af09`
RGB Decimal	2, 175, 9	`rgb(2,175,9)`
RGB Percent	0.8, 68.6, 3.5	`rgb(0.8%,68.6%,3.5%)`
CMYK	99, 0, 95, 31
HSL	122.4°, 97.7, 34.7	`hsl(122.4,97.7%,34.7%)`
HSV (or HSB)	122.4°, 98.9, 68.6
Web Safe	009900	`#009900`

CIE-LAB	62.246, -64.664, 61.56
XYZ	15.403, 30.691, 5.371
xyY	0.299, 0.596, 30.691
CIE-LCH	62.246, 89.28, 136.409
CIE-LUV	62.246, -58.729, 75.434
Hunter-Lab	55.399, -47.318, 33.032
Binary	00000010, 10101111, 00001001

#02af09
```
#02af09 rgb(2,175,9)
```
#af02a8
```
#af02a8 rgb(175,2,168)
```

Complementary Color

#52af02
```
#52af02 rgb(82,175,2)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#02af5f
```
#02af5f rgb(2,175,95)
```

Analogous Color

#af0252
```
#af0252 rgb(175,2,82)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#5f02af
```
#5f02af rgb(95,2,175)
```

Split Complementary Color

#af0902
```
#af0902 rgb(175,9,2)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#0902af
```
#0902af rgb(9,2,175)
```

Triadic Color

#a8af02
```
#a8af02 rgb(168,175,2)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#0902af
```
#0902af rgb(9,2,175)
```
#af02a8
```
#af02a8 rgb(175,2,168)
```

Tetradic Color

#016305
```
#016305 rgb(1,99,5)
```
#017d06
```
#017d06 rgb(1,125,6)
```
#029608
```
#029608 rgb(2,150,8)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#02c80a
```
#02c80a rgb(2,200,10)
```
#03e10c
```
#03e10c rgb(3,225,12)
```
#03fb0d
```
#03fb0d rgb(3,251,13)
```

Monochromatic Color

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

#26af02
```
#26af02 rgb(38,175,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#09af02
```
#09af02 rgb(9,175,2)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#02af17
```
#02af17 rgb(2,175,23)
```
#02af26
```
#02af26 rgb(2,175,38)
```
#02af34
```
#02af34 rgb(2,175,52)
```

Similar Colors

Text with hexadecimal color #02af09

This text has a font color of #02af09.

<span style="color:#02af09;">Text here</span>

#02af09 background color

This paragraph has a background color of #02af09.

<p style="background-color:#02af09;">Content here</p>

#02af09 border color

This element has a border color of #02af09.

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

CSS codes

.text {color:#02af09;}

.background {background-color:#02af09;}

.border {border:1px solid #02af09;}

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

#000000
```
#000000 rgb(0,0,0)
```
#001401
```
#001401 rgb(0,20,1)
```
#002702
```
#002702 rgb(0,39,2)
```
#013b03
```
#013b03 rgb(1,59,3)
```
#014e04
```
#014e04 rgb(1,78,4)
```
#016105
```
#016105 rgb(1,97,5)
```
#017506
```
#017506 rgb(1,117,6)
```
#028807
```
#028807 rgb(2,136,7)
```
#029c08
```
#029c08 rgb(2,156,8)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#02c20a
```
#02c20a rgb(2,194,10)
```
#02d60b
```
#02d60b rgb(2,214,11)
```
#03e90c
```
#03e90c rgb(3,233,12)
```

Shade Color Variation

#03fc0d
```
#03fc0d rgb(3,252,13)
```
#17fc20
```
#17fc20 rgb(23,252,32)
```
#2afd33
```
#2afd33 rgb(42,253,51)
```
#3efd45
```
#3efd45 rgb(62,253,69)
```
#51fd58
```
#51fd58 rgb(81,253,88)
```
#64fd6a
```
#64fd6a rgb(100,253,106)
```
#78fd7d
```
#78fd7d rgb(120,253,125)
```
#8bfe90
```
#8bfe90 rgb(139,254,144)
```
#9efea2
```
#9efea2 rgb(158,254,162)
```
#b2feb5
```
#b2feb5 rgb(178,254,181)
```
#c5fec8
```
#c5fec8 rgb(197,254,200)
```
#d9ffda
```
#d9ffda rgb(217,255,218)
```
#ecffed
```
#ecffed rgb(236,255,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545d54 is the less saturated color, while #02af09 is the most saturated one.

#545d54
```
#545d54 rgb(84,93,84)
```
#4d644e
```
#4d644e rgb(77,100,78)
```
#466b48
```
#466b48 rgb(70,107,72)
```
#3f7241
```
#3f7241 rgb(63,114,65)
```
#38793b
```
#38793b rgb(56,121,59)
```
#327f35
```
#327f35 rgb(50,127,53)
```
#2b862f
```
#2b862f rgb(43,134,47)
```
#248d28
```
#248d28 rgb(36,141,40)
```
#1d9422
```
#1d9422 rgb(29,148,34)
```
#169b1c
```
#169b1c rgb(22,155,28)
```
#10a116
```
#10a116 rgb(16,161,22)
```
#09a80f
```
#09a80f rgb(9,168,15)
```
#02af09
```
#02af09 rgb(2,175,9)
```

Tone Color Variation

Below, you can see how #02af09 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

#686868 Achromatopsia 0.005% of the population
#547655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9c08 Protanopia 1% of men
#c19430 Deuteranopia 1% of men
#57a7b3 Tritanopia 0.001% of the population

Trichromacy

#70a308 Protanomaly 1% of men, 0.01% of women
#7c9e22 Deuteranomaly 6% of men, 0.4% of women
#38aa75 Tritanomaly 0.01% of the population

#02af09 hex color

#02af09 Color Information

#02af09 Color Conversion

Color Schemes with #02af09

Alternatives to #02af09

#02af09 Preview

Shades and Tints of #02af09

Tones of #02af09

Color Blindness Simulator