colorhexa.com

#02af70 hex color

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

- R 1
- G 69
- B 44
RGB color chart
- C 99
- M 0
- Y 36
- K 31
CMYK color chart

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

The hexadecimal color #02af70 has RGB values of R:2, G:175, B:112 and CMYK values of C:0.99, M:0, Y:0.36, K:0.31. Its decimal value is 175984.

Hex triplet	02af70	`#02af70`
RGB Decimal	2, 175, 112	`rgb(2,175,112)`
RGB Percent	0.8, 68.6, 43.9	`rgb(0.8%,68.6%,43.9%)`
CMYK	99, 0, 36, 31
HSL	158.2°, 97.7, 34.7	`hsl(158.2,97.7%,34.7%)`
HSV (or HSB)	158.2°, 98.9, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.211, -52.823, 21.921
XYZ	18.278, 31.841, 20.511
xyY	0.259, 0.451, 31.841
CIE-LCH	63.211, 57.191, 157.462
CIE-LUV	63.211, -54.792, 37.6
Hunter-Lab	56.428, -40.928, 17.948
Binary	00000010, 10101111, 01110000

#02af70
```
#02af70 rgb(2,175,112)
```
#af0241
```
#af0241 rgb(175,2,65)
```

Complementary Color

#02af1a
```
#02af1a rgb(2,175,26)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#0298af
```
#0298af rgb(2,152,175)
```

Analogous Color

#af1a02
```
#af1a02 rgb(175,26,2)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#af0298
```
#af0298 rgb(175,2,152)
```

Split Complementary Color

#af7002
```
#af7002 rgb(175,112,2)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#7002af
```
#7002af rgb(112,2,175)
```

Triadic Color

#016340
```
#016340 rgb(1,99,64)
```
#017d50
```
#017d50 rgb(1,125,80)
```
#029660
```
#029660 rgb(2,150,96)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#02c880
```
#02c880 rgb(2,200,128)
```
#03e190
```
#03e190 rgb(3,225,144)
```
#03fba0
```
#03fba0 rgb(3,251,160)
```

Monochromatic Color

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

#02af45
```
#02af45 rgb(2,175,69)
```
#02af53
```
#02af53 rgb(2,175,83)
```
#02af62
```
#02af62 rgb(2,175,98)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#02af7e
```
#02af7e rgb(2,175,126)
```
#02af8d
```
#02af8d rgb(2,175,141)
```
#02af9b
```
#02af9b rgb(2,175,155)
```

Similar Colors

Text with hexadecimal color #02af70

This text has a font color of #02af70.

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

#02af70 background color

This paragraph has a background color of #02af70.

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

#02af70 border color

This element has a border color of #02af70.

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

CSS codes

.text {color:#02af70;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#00140d
```
#00140d rgb(0,20,13)
```
#002719
```
#002719 rgb(0,39,25)
```
#013b26
```
#013b26 rgb(1,59,38)
```
#014e32
```
#014e32 rgb(1,78,50)
```
#01613e
```
#01613e rgb(1,97,62)
```
#01754b
```
#01754b rgb(1,117,75)
```
#028857
```
#028857 rgb(2,136,87)
```
#029c64
```
#029c64 rgb(2,156,100)
```
#02af70
```
#02af70 rgb(2,175,112)
```
#02c27c
```
#02c27c rgb(2,194,124)
```
#02d689
```
#02d689 rgb(2,214,137)
```
#03e995
```
#03e995 rgb(3,233,149)
```

Shade Color Variation

#03fca2
```
#03fca2 rgb(3,252,162)
```
#17fca9
```
#17fca9 rgb(23,252,169)
```
#2afdb0
```
#2afdb0 rgb(42,253,176)
```
#3efdb7
```
#3efdb7 rgb(62,253,183)
```
#51fdbe
```
#51fdbe rgb(81,253,190)
```
#64fdc6
```
#64fdc6 rgb(100,253,198)
```
#78fdcd
```
#78fdcd rgb(120,253,205)
```
#8bfed4
```
#8bfed4 rgb(139,254,212)
```
#9efedb
```
#9efedb rgb(158,254,219)
```
#b2fee2
```
#b2fee2 rgb(178,254,226)
```
#c5feea
```
#c5feea rgb(197,254,234)
```
#d9fff1
```
#d9fff1 rgb(217,255,241)
```
#ecfff8
```
#ecfff8 rgb(236,255,248)
```

Tint Color Variation

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

#545d5a
```
#545d5a rgb(84,93,90)
```
#4d645c
```
#4d645c rgb(77,100,92)
```
#466b5e
```
#466b5e rgb(70,107,94)
```
#3f725f
```
#3f725f rgb(63,114,95)
```
#387961
```
#387961 rgb(56,121,97)
```
#327f63
```
#327f63 rgb(50,127,99)
```
#2b8665
```
#2b8665 rgb(43,134,101)
```
#248d67
```
#248d67 rgb(36,141,103)
```
#1d9469
```
#1d9469 rgb(29,148,105)
```
#169b6a
```
#169b6a rgb(22,155,106)
```
#10a16c
```
#10a16c rgb(16,161,108)
```
#09a86e
```
#09a86e rgb(9,168,110)
```
#02af70
```
#02af70 rgb(2,175,112)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5d8073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e6f Protanopia 1% of men
#b79880 Deuteranopia 1% of men
#4aabb7 Tritanopia 0.001% of the population

Trichromacy

#6da46f Protanomaly 1% of men, 0.01% of women
#75a07a Deuteranomaly 6% of men, 0.4% of women
#30ac9d Tritanomaly 0.01% of the population