#02a22a hex color

In a RGB color space, hex #02a22a is composed of 0.8% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 74.1% yellow and 36.5% black. It has a hue angle of 135 degrees, a saturation of 97.6% and a lightness of 32.2%. #02a22a color hex could be obtained by blending #04ff54 with #004500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 1
- G 64
- B 16
RGB color chart
- C 99
- M 0
- Y 74
- K 36
CMYK color chart

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

The hexadecimal color #02a22a has RGB values of R:2, G:162, B:42 and CMYK values of C:0.99, M:0, Y:0.74, K:0.36. Its decimal value is 172586.

Hex triplet	02a22a	`#02a22a`
RGB Decimal	2, 162, 42	`rgb(2,162,42)`
RGB Percent	0.8, 63.5, 16.5	`rgb(0.8%,63.5%,16.5%)`
CMYK	99, 0, 74, 36
HSL	135°, 97.6, 32.2	`hsl(135,97.6%,32.2%)`
HSV (or HSB)	135°, 98.8, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.055, -59.216, 49.483
XYZ	13.362, 26.019, 6.508
xyY	0.291, 0.567, 26.019
CIE-LCH	58.055, 77.169, 140.117
CIE-LUV	58.055, -53.988, 64.177
Hunter-Lab	51.009, -42.505, 28.141
Binary	00000010, 10100010, 00101010

#02a22a
```
#02a22a rgb(2,162,42)
```
#a2027a
```
#a2027a rgb(162,2,122)
```

Complementary Color

#2aa202
```
#2aa202 rgb(42,162,2)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#02a27a
```
#02a27a rgb(2,162,122)
```

Analogous Color

#a2022a
```
#a2022a rgb(162,2,42)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#7a02a2
```
#7a02a2 rgb(122,2,162)
```

Split Complementary Color

#a22a02
```
#a22a02 rgb(162,42,2)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#2a02a2
```
#2a02a2 rgb(42,2,162)
```

Triadic Color

#7aa202
```
#7aa202 rgb(122,162,2)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#2a02a2
```
#2a02a2 rgb(42,2,162)
```
#a2027a
```
#a2027a rgb(162,2,122)
```

Tetradic Color

#015616
```
#015616 rgb(1,86,22)
```
#01701d
```
#01701d rgb(1,112,29)
```
#028923
```
#028923 rgb(2,137,35)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#02bb31
```
#02bb31 rgb(2,187,49)
```
#03d437
```
#03d437 rgb(3,212,55)
```
#03ee3e
```
#03ee3e rgb(3,238,62)
```

Monochromatic Color

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

#02a202
```
#02a202 rgb(2,162,2)
```
#02a20f
```
#02a20f rgb(2,162,15)
```
#02a21d
```
#02a21d rgb(2,162,29)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#02a237
```
#02a237 rgb(2,162,55)
```
#02a245
```
#02a245 rgb(2,162,69)
```
#02a252
```
#02a252 rgb(2,162,82)
```

Similar Colors

Text with hexadecimal color #02a22a

This text has a font color of #02a22a.

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

#02a22a background color

This paragraph has a background color of #02a22a.

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

#02a22a border color

This element has a border color of #02a22a.

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

CSS codes

.text {color:#02a22a;}

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

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

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

#000702
```
#000702 rgb(0,7,2)
```
#001a07
```
#001a07 rgb(0,26,7)
```
#012e0c
```
#012e0c rgb(1,46,12)
```
#014111
```
#014111 rgb(1,65,17)
```
#015416
```
#015416 rgb(1,84,22)
```
#01681b
```
#01681b rgb(1,104,27)
```
#027b20
```
#027b20 rgb(2,123,32)
```
#028f25
```
#028f25 rgb(2,143,37)
```
#02a22a
```
#02a22a rgb(2,162,42)
```
#02b52f
```
#02b52f rgb(2,181,47)
```
#02c934
```
#02c934 rgb(2,201,52)
```
#03dc39
```
#03dc39 rgb(3,220,57)
```
#03f03e
```
#03f03e rgb(3,240,62)
```

Shade Color Variation

#0afc47
```
#0afc47 rgb(10,252,71)
```
#1dfc55
```
#1dfc55 rgb(29,252,85)
```
#31fc64
```
#31fc64 rgb(49,252,100)
```
#44fd72
```
#44fd72 rgb(68,253,114)
```
#58fd81
```
#58fd81 rgb(88,253,129)
```
#6bfd90
```
#6bfd90 rgb(107,253,144)
```
#7efd9e
```
#7efd9e rgb(126,253,158)
```
#92fead
```
#92fead rgb(146,254,173)
```
#a5febb
```
#a5febb rgb(165,254,187)
```
#b8feca
```
#b8feca rgb(184,254,202)
```
#ccfed8
```
#ccfed8 rgb(204,254,216)
```
#dfffe7
```
#dfffe7 rgb(223,255,231)
```
#f3fff6
```
#f3fff6 rgb(243,255,246)
```

Tint Color Variation

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

#4e5650
```
#4e5650 rgb(78,86,80)
```
#475d4d
```
#475d4d rgb(71,93,77)
```
#41634a
```
#41634a rgb(65,99,74)
```
#3b6946
```
#3b6946 rgb(59,105,70)
```
#347043
```
#347043 rgb(52,112,67)
```
#2e7640
```
#2e7640 rgb(46,118,64)
```
#287c3d
```
#287c3d rgb(40,124,61)
```
#22823a
```
#22823a rgb(34,130,58)
```
#1b8937
```
#1b8937 rgb(27,137,55)
```
#158f33
```
#158f33 rgb(21,143,51)
```
#0f9530
```
#0f9530 rgb(15,149,48)
```
#089c2d
```
#089c2d rgb(8,156,45)
```
#02a22a
```
#02a22a rgb(2,162,42)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#507058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2912f Protanopia 1% of men
#b28a42 Deuteranopia 1% of men
#4f9ca7 Tritanopia 0.001% of the population

Trichromacy

#68972d Protanomaly 1% of men, 0.01% of women
#729339 Deuteranomaly 6% of men, 0.4% of women
#339e79 Tritanomaly 0.01% of the population

#02a22a hex color

#02a22a Color Information

#02a22a Color Conversion

Color Schemes with #02a22a

Alternatives to #02a22a

#02a22a Preview

Shades and Tints of #02a22a

Tones of #02a22a

Color Blindness Simulator