#02af0f hex color

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

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

● #02af0f color description : Dark lime green.

The hexadecimal color #02af0f has RGB values of R:2, G:175, B:15 and CMYK values of C:0.99, M:0, Y:0.91, K:0.31. Its decimal value is 175887.

Hex triplet	02af0f	`#02af0f`
RGB Decimal	2, 175, 15	`rgb(2,175,15)`
RGB Percent	0.8, 68.6, 5.9	`rgb(0.8%,68.6%,5.9%)`
CMYK	99, 0, 91, 31
HSL	124.5°, 97.7, 34.7	`hsl(124.5,97.7%,34.7%)`
HSV (or HSB)	124.5°, 98.9, 68.6
Web Safe	009900	`#009900`

CIE-LAB	62.258, -64.5, 60.707
XYZ	15.44, 30.706, 5.565
xyY	0.299, 0.594, 30.706
CIE-LCH	62.258, 88.575, 136.735
CIE-LUV	62.258, -58.672, 74.891
Hunter-Lab	55.413, -47.234, 32.835
Binary	00000010, 10101111, 00001111

#02af0f
```
#02af0f rgb(2,175,15)
```
#af02a2
```
#af02a2 rgb(175,2,162)
```

Complementary Color

#4caf02
```
#4caf02 rgb(76,175,2)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#02af66
```
#02af66 rgb(2,175,102)
```

Analogous Color

#af024c
```
#af024c rgb(175,2,76)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#6602af
```
#6602af rgb(102,2,175)
```

Split Complementary Color

#af0f02
```
#af0f02 rgb(175,15,2)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#0f02af
```
#0f02af rgb(15,2,175)
```

Triadic Color

#a2af02
```
#a2af02 rgb(162,175,2)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#0f02af
```
#0f02af rgb(15,2,175)
```
#af02a2
```
#af02a2 rgb(175,2,162)
```

Tetradic Color

#016309
```
#016309 rgb(1,99,9)
```
#017d0b
```
#017d0b rgb(1,125,11)
```
#02960d
```
#02960d rgb(2,150,13)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#02c811
```
#02c811 rgb(2,200,17)
```
#03e113
```
#03e113 rgb(3,225,19)
```
#03fb15
```
#03fb15 rgb(3,251,21)
```

Monochromatic Color

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

#20af02
```
#20af02 rgb(32,175,2)
```
#12af02
```
#12af02 rgb(18,175,2)
```
#03af02
```
#03af02 rgb(3,175,2)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#02af1d
```
#02af1d rgb(2,175,29)
```
#02af2c
```
#02af2c rgb(2,175,44)
```
#02af3a
```
#02af3a rgb(2,175,58)
```

Similar Colors

Text with hexadecimal color #02af0f

This text has a font color of #02af0f.

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

#02af0f background color

This paragraph has a background color of #02af0f.

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

#02af0f border color

This element has a border color of #02af0f.

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

CSS codes

.text {color:#02af0f;}

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

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

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)
```
#001402
```
#001402 rgb(0,20,2)
```
#002703
```
#002703 rgb(0,39,3)
```
#013b05
```
#013b05 rgb(1,59,5)
```
#014e07
```
#014e07 rgb(1,78,7)
```
#016108
```
#016108 rgb(1,97,8)
```
#01750a
```
#01750a rgb(1,117,10)
```
#02880c
```
#02880c rgb(2,136,12)
```
#029c0d
```
#029c0d rgb(2,156,13)
```
#02af0f
```
#02af0f rgb(2,175,15)
```
#02c211
```
#02c211 rgb(2,194,17)
```
#02d612
```
#02d612 rgb(2,214,18)
```
#03e914
```
#03e914 rgb(3,233,20)
```

Shade Color Variation

#03fc16
```
#03fc16 rgb(3,252,22)
```
#17fc28
```
#17fc28 rgb(23,252,40)
```
#2afd3a
```
#2afd3a rgb(42,253,58)
```
#3efd4c
```
#3efd4c rgb(62,253,76)
```
#51fd5e
```
#51fd5e rgb(81,253,94)
```
#64fd70
```
#64fd70 rgb(100,253,112)
```
#78fd82
```
#78fd82 rgb(120,253,130)
```
#8bfe94
```
#8bfe94 rgb(139,254,148)
```
#9efea6
```
#9efea6 rgb(158,254,166)
```
#b2feb8
```
#b2feb8 rgb(178,254,184)
```
#c5feca
```
#c5feca rgb(197,254,202)
```
#d9ffdc
```
#d9ffdc rgb(217,255,220)
```
#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 #02af0f is the most saturated one.

#545d54
```
#545d54 rgb(84,93,84)
```
#4d644f
```
#4d644f rgb(77,100,79)
```
#466b49
```
#466b49 rgb(70,107,73)
```
#3f7243
```
#3f7243 rgb(63,114,67)
```
#38793d
```
#38793d rgb(56,121,61)
```
#327f37
```
#327f37 rgb(50,127,55)
```
#2b8632
```
#2b8632 rgb(43,134,50)
```
#248d2c
```
#248d2c rgb(36,141,44)
```
#1d9426
```
#1d9426 rgb(29,148,38)
```
#169b20
```
#169b20 rgb(22,155,32)
```
#10a11b
```
#10a11b rgb(16,161,27)
```
#09a815
```
#09a815 rgb(9,168,21)
```
#02af0f
```
#02af0f rgb(2,175,15)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#547757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c12 Protanopia 1% of men
#c19433 Deuteranopia 1% of men
#56a7b3 Tritanopia 0.001% of the population

Trichromacy

#70a311 Protanomaly 1% of men, 0.01% of women
#7b9e26 Deuteranomaly 6% of men, 0.4% of women
#38aa77 Tritanomaly 0.01% of the population

#02af0f hex color

#02af0f Color Information

#02af0f Color Conversion

Color Schemes with #02af0f

Alternatives to #02af0f

#02af0f Preview

Shades and Tints of #02af0f

Tones of #02af0f

Color Blindness Simulator