#02af31 hex color

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

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

● #02af31 color description : Dark cyan - lime green.

The hexadecimal color #02af31 has RGB values of R:2, G:175, B:49 and CMYK values of C:0.99, M:0, Y:0.72, K:0.31. Its decimal value is 175921.

Hex triplet	02af31	`#02af31`
RGB Decimal	2, 175, 49	`rgb(2,175,49)`
RGB Percent	0.8, 68.6, 19.2	`rgb(0.8%,68.6%,19.2%)`
CMYK	99, 0, 72, 31
HSL	136.3°, 97.7, 34.7	`hsl(136.3,97.7%,34.7%)`
HSV (or HSB)	136.3°, 98.9, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.417, -62.455, 51.33
XYZ	15.908, 30.893, 8.03
xyY	0.29, 0.563, 30.893
CIE-LCH	62.417, 80.842, 140.584
CIE-LUV	62.417, -57.96, 68.15
Hunter-Lab	55.581, -46.177, 30.341
Binary	00000010, 10101111, 00110001

#02af31
```
#02af31 rgb(2,175,49)
```
#af0280
```
#af0280 rgb(175,2,128)
```

Complementary Color

#2aaf02
```
#2aaf02 rgb(42,175,2)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#02af88
```
#02af88 rgb(2,175,136)
```

Analogous Color

#af022a
```
#af022a rgb(175,2,42)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#8802af
```
#8802af rgb(136,2,175)
```

Split Complementary Color

#af3102
```
#af3102 rgb(175,49,2)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#3102af
```
#3102af rgb(49,2,175)
```

Triadic Color

#80af02
```
#80af02 rgb(128,175,2)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#3102af
```
#3102af rgb(49,2,175)
```
#af0280
```
#af0280 rgb(175,2,128)
```

Tetradic Color

#01631c
```
#01631c rgb(1,99,28)
```
#017d23
```
#017d23 rgb(1,125,35)
```
#02962a
```
#02962a rgb(2,150,42)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#02c838
```
#02c838 rgb(2,200,56)
```
#03e13f
```
#03e13f rgb(3,225,63)
```
#03fb46
```
#03fb46 rgb(3,251,70)
```

Monochromatic Color

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

#02af06
```
#02af06 rgb(2,175,6)
```
#02af14
```
#02af14 rgb(2,175,20)
```
#02af23
```
#02af23 rgb(2,175,35)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#02af3f
```
#02af3f rgb(2,175,63)
```
#02af4e
```
#02af4e rgb(2,175,78)
```
#02af5c
```
#02af5c rgb(2,175,92)
```

Similar Colors

Text with hexadecimal color #02af31

This text has a font color of #02af31.

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

#02af31 background color

This paragraph has a background color of #02af31.

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

#02af31 border color

This element has a border color of #02af31.

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

CSS codes

.text {color:#02af31;}

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

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

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 #ecfff1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#001406
```
#001406 rgb(0,20,6)
```
#00270b
```
#00270b rgb(0,39,11)
```
#013b10
```
#013b10 rgb(1,59,16)
```
#014e16
```
#014e16 rgb(1,78,22)
```
#01611b
```
#01611b rgb(1,97,27)
```
#017521
```
#017521 rgb(1,117,33)
```
#028826
```
#028826 rgb(2,136,38)
```
#029c2c
```
#029c2c rgb(2,156,44)
```
#02af31
```
#02af31 rgb(2,175,49)
```
#02c236
```
#02c236 rgb(2,194,54)
```
#02d63c
```
#02d63c rgb(2,214,60)
```
#03e941
```
#03e941 rgb(3,233,65)
```

Shade Color Variation

#03fc47
```
#03fc47 rgb(3,252,71)
```
#17fc55
```
#17fc55 rgb(23,252,85)
```
#2afd63
```
#2afd63 rgb(42,253,99)
```
#3efd71
```
#3efd71 rgb(62,253,113)
```
#51fd80
```
#51fd80 rgb(81,253,128)
```
#64fd8e
```
#64fd8e rgb(100,253,142)
```
#78fd9c
```
#78fd9c rgb(120,253,156)
```
#8bfeaa
```
#8bfeaa rgb(139,254,170)
```
#9efeb8
```
#9efeb8 rgb(158,254,184)
```
#b2fec7
```
#b2fec7 rgb(178,254,199)
```
#c5fed5
```
#c5fed5 rgb(197,254,213)
```
#d9ffe3
```
#d9ffe3 rgb(217,255,227)
```
#ecfff1
```
#ecfff1 rgb(236,255,241)
```

Tint Color Variation

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

#545d56
```
#545d56 rgb(84,93,86)
```
#4d6453
```
#4d6453 rgb(77,100,83)
```
#466b50
```
#466b50 rgb(70,107,80)
```
#3f724d
```
#3f724d rgb(63,114,77)
```
#38794a
```
#38794a rgb(56,121,74)
```
#327f47
```
#327f47 rgb(50,127,71)
```
#2b8644
```
#2b8644 rgb(43,134,68)
```
#248d41
```
#248d41 rgb(36,141,65)
```
#1d943d
```
#1d943d rgb(29,148,61)
```
#169b3a
```
#169b3a rgb(22,155,58)
```
#10a137
```
#10a137 rgb(16,161,55)
```
#09a834
```
#09a834 rgb(9,168,52)
```
#02af31
```
#02af31 rgb(2,175,49)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#587a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c35 Protanopia 1% of men
#bf9549 Deuteranopia 1% of men
#54a7b4 Tritanopia 0.001% of the population

Trichromacy

#6fa333 Protanomaly 1% of men, 0.01% of women
#7a9e40 Deuteranomaly 6% of men, 0.4% of women
#36aa84 Tritanomaly 0.01% of the population

#02af31 hex color

#02af31 Color Information

#02af31 Color Conversion

Color Schemes with #02af31

Alternatives to #02af31

#02af31 Preview

Shades and Tints of #02af31

Tones of #02af31

Color Blindness Simulator