#02a240 hex color

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

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

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

The hexadecimal color #02a240 has RGB values of R:2, G:162, B:64 and CMYK values of C:0.99, M:0, Y:0.6, K:0.36. Its decimal value is 172608.

Hex triplet	02a240	`#02a240`
RGB Decimal	2, 162, 64	`rgb(2,162,64)`
RGB Percent	0.8, 63.5, 25.1	`rgb(0.8%,63.5%,25.1%)`
CMYK	99, 0, 60, 36
HSL	143.3°, 97.6, 32.2	`hsl(143.3,97.6%,32.2%)`
HSV (or HSB)	143.3°, 98.8, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.247, -56.794, 40.313
XYZ	13.87, 26.222, 9.181
xyY	0.281, 0.532, 26.222
CIE-LCH	58.247, 69.647, 144.633
CIE-LUV	58.247, -53.176, 56.421
Hunter-Lab	51.208, -41.266, 25.216
Binary	00000010, 10100010, 01000000

#02a240
```
#02a240 rgb(2,162,64)
```
#a20264
```
#a20264 rgb(162,2,100)
```

Complementary Color

#14a202
```
#14a202 rgb(20,162,2)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#02a290
```
#02a290 rgb(2,162,144)
```

Analogous Color

#a20214
```
#a20214 rgb(162,2,20)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#9002a2
```
#9002a2 rgb(144,2,162)
```

Split Complementary Color

#a24002
```
#a24002 rgb(162,64,2)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#4002a2
```
#4002a2 rgb(64,2,162)
```

Triadic Color

#64a202
```
#64a202 rgb(100,162,2)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#4002a2
```
#4002a2 rgb(64,2,162)
```
#a20264
```
#a20264 rgb(162,2,100)
```

Tetradic Color

#015622
```
#015622 rgb(1,86,34)
```
#01702c
```
#01702c rgb(1,112,44)
```
#028936
```
#028936 rgb(2,137,54)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#02bb4a
```
#02bb4a rgb(2,187,74)
```
#03d454
```
#03d454 rgb(3,212,84)
```
#03ee5e
```
#03ee5e rgb(3,238,94)
```

Monochromatic Color

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

#02a218
```
#02a218 rgb(2,162,24)
```
#02a225
```
#02a225 rgb(2,162,37)
```
#02a233
```
#02a233 rgb(2,162,51)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#02a24d
```
#02a24d rgb(2,162,77)
```
#02a25b
```
#02a25b rgb(2,162,91)
```
#02a268
```
#02a268 rgb(2,162,104)
```

Similar Colors

Text with hexadecimal color #02a240

This text has a font color of #02a240.

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

#02a240 background color

This paragraph has a background color of #02a240.

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

#02a240 border color

This element has a border color of #02a240.

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

CSS codes

.text {color:#02a240;}

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

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

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

#000703
```
#000703 rgb(0,7,3)
```
#001a0a
```
#001a0a rgb(0,26,10)
```
#012e12
```
#012e12 rgb(1,46,18)
```
#01411a
```
#01411a rgb(1,65,26)
```
#015421
```
#015421 rgb(1,84,33)
```
#016829
```
#016829 rgb(1,104,41)
```
#027b31
```
#027b31 rgb(2,123,49)
```
#028f38
```
#028f38 rgb(2,143,56)
```
#02a240
```
#02a240 rgb(2,162,64)
```
#02b548
```
#02b548 rgb(2,181,72)
```
#02c94f
```
#02c94f rgb(2,201,79)
```
#03dc57
```
#03dc57 rgb(3,220,87)
```
#03f05f
```
#03f05f rgb(3,240,95)
```

Shade Color Variation

#0afc68
```
#0afc68 rgb(10,252,104)
```
#1dfc74
```
#1dfc74 rgb(29,252,116)
```
#31fc80
```
#31fc80 rgb(49,252,128)
```
#44fd8c
```
#44fd8c rgb(68,253,140)
```
#58fd98
```
#58fd98 rgb(88,253,152)
```
#6bfda4
```
#6bfda4 rgb(107,253,164)
```
#7efdb0
```
#7efdb0 rgb(126,253,176)
```
#92febc
```
#92febc rgb(146,254,188)
```
#a5fec8
```
#a5fec8 rgb(165,254,200)
```
#b8fed3
```
#b8fed3 rgb(184,254,211)
```
#ccfedf
```
#ccfedf rgb(204,254,223)
```
#dfffeb
```
#dfffeb rgb(223,255,235)
```
#f3fff7
```
#f3fff7 rgb(243,255,247)
```

Tint Color Variation

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

#4e5651
```
#4e5651 rgb(78,86,81)
```
#475d50
```
#475d50 rgb(71,93,80)
```
#41634e
```
#41634e rgb(65,99,78)
```
#3b694d
```
#3b694d rgb(59,105,77)
```
#34704b
```
#34704b rgb(52,112,75)
```
#2e764a
```
#2e764a rgb(46,118,74)
```
#287c49
```
#287c49 rgb(40,124,73)
```
#228247
```
#228247 rgb(34,130,71)
```
#1b8946
```
#1b8946 rgb(27,137,70)
```
#158f44
```
#158f44 rgb(21,143,68)
```
#0f9543
```
#0f9543 rgb(15,149,67)
```
#089c41
```
#089c41 rgb(8,156,65)
```
#02a240
```
#02a240 rgb(2,162,64)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#53735f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19243 Protanopia 1% of men
#b08b54 Deuteranopia 1% of men
#4d9da8 Tritanopia 0.001% of the population

Trichromacy

#679742 Protanomaly 1% of men, 0.01% of women
#71934c Deuteranomaly 6% of men, 0.4% of women
#319e82 Tritanomaly 0.01% of the population

#02a240 hex color

#02a240 Color Information

#02a240 Color Conversion

Color Schemes with #02a240

Alternatives to #02a240

#02a240 Preview

Shades and Tints of #02a240

Tones of #02a240

Color Blindness Simulator