#02ca36 hex color

In a RGB color space, hex #02ca36 is composed of 0.8% red, 79.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 73.3% yellow and 20.8% black. It has a hue angle of 135.6 degrees, a saturation of 98% and a lightness of 40%. #02ca36 color hex could be obtained by blending #04ff6c with #009500. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 1
- G 79
- B 21
RGB color chart
- C 99
- M 0
- Y 73
- K 21
CMYK color chart

● #02ca36 color description : Strong cyan - lime green.

The hexadecimal color #02ca36 has RGB values of R:2, G:202, B:54 and CMYK values of C:0.99, M:0, Y:0.73, K:0.21. Its decimal value is 182838.

Hex triplet	02ca36	`#02ca36`
RGB Decimal	2, 202, 54	`rgb(2,202,54)`
RGB Percent	0.8, 79.2, 21.2	`rgb(0.8%,79.2%,21.2%)`
CMYK	99, 0, 73, 21
HSL	135.6°, 98, 40	`hsl(135.6,98%,40%)`
HSV (or HSB)	135.6°, 99, 79.2
Web Safe	00cc33	`#00cc33`

CIE-LAB	71.226, -69.867, 58.539
XYZ	21.81, 42.518, 10.547
xyY	0.291, 0.568, 42.518
CIE-LCH	71.226, 91.149, 140.042
CIE-LUV	71.226, -66.323, 78.952
Hunter-Lab	65.206, -54.405, 36.054
Binary	00000010, 11001010, 00110110

#02ca36
```
#02ca36 rgb(2,202,54)
```
#ca0296
```
#ca0296 rgb(202,2,150)
```

Complementary Color

#32ca02
```
#32ca02 rgb(50,202,2)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#02ca9a
```
#02ca9a rgb(2,202,154)
```

Analogous Color

#ca0232
```
#ca0232 rgb(202,2,50)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#9a02ca
```
#9a02ca rgb(154,2,202)
```

Split Complementary Color

#ca3602
```
#ca3602 rgb(202,54,2)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#3602ca
```
#3602ca rgb(54,2,202)
```

Triadic Color

#96ca02
```
#96ca02 rgb(150,202,2)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#3602ca
```
#3602ca rgb(54,2,202)
```
#ca0296
```
#ca0296 rgb(202,2,150)
```

Tetradic Color

#017e22
```
#017e22 rgb(1,126,34)
```
#019829
```
#019829 rgb(1,152,41)
```
#02b12f
```
#02b12f rgb(2,177,47)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#02e33d
```
#02e33d rgb(2,227,61)
```
#02fd44
```
#02fd44 rgb(2,253,68)
```
#1cfd56
```
#1cfd56 rgb(28,253,86)
```

Monochromatic Color

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

#02ca04
```
#02ca04 rgb(2,202,4)
```
#02ca15
```
#02ca15 rgb(2,202,21)
```
#02ca25
```
#02ca25 rgb(2,202,37)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#02ca47
```
#02ca47 rgb(2,202,71)
```
#02ca57
```
#02ca57 rgb(2,202,87)
```
#02ca68
```
#02ca68 rgb(2,202,104)
```

Similar Colors

Text with hexadecimal color #02ca36

This text has a font color of #02ca36.

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

#02ca36 background color

This paragraph has a background color of #02ca36.

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

#02ca36 border color

This element has a border color of #02ca36.

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

CSS codes

.text {color:#02ca36;}

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

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

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

#000802
```
#000802 rgb(0,8,2)
```
#001b07
```
#001b07 rgb(0,27,7)
```
#002f0c
```
#002f0c rgb(0,47,12)
```
#014212
```
#014212 rgb(1,66,18)
```
#015517
```
#015517 rgb(1,85,23)
```
#01691c
```
#01691c rgb(1,105,28)
```
#017c21
```
#017c21 rgb(1,124,33)
```
#019026
```
#019026 rgb(1,144,38)
```
#02a32c
```
#02a32c rgb(2,163,44)
```
#02b731
```
#02b731 rgb(2,183,49)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```
#02dd3b
```
#02dd3b rgb(2,221,59)
```
#02f140
```
#02f140 rgb(2,241,64)
```

Shade Color Variation

#0afd49
```
#0afd49 rgb(10,253,73)
```
#1efd58
```
#1efd58 rgb(30,253,88)
```
#31fd66
```
#31fd66 rgb(49,253,102)
```
#45fd75
```
#45fd75 rgb(69,253,117)
```
#58fd83
```
#58fd83 rgb(88,253,131)
```
#6bfe91
```
#6bfe91 rgb(107,254,145)
```
#7ffea0
```
#7ffea0 rgb(127,254,160)
```
#92feae
```
#92feae rgb(146,254,174)
```
#a6febd
```
#a6febd rgb(166,254,189)
```
#b9fecb
```
#b9fecb rgb(185,254,203)
```
#cdffda
```
#cdffda rgb(205,255,218)
```
#e0ffe8
```
#e0ffe8 rgb(224,255,232)
```
#f3fff6
```
#f3fff6 rgb(243,255,246)
```

Tint Color Variation

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

#606c63
```
#606c63 rgb(96,108,99)
```
#58745f
```
#58745f rgb(88,116,95)
```
#507c5c
```
#507c5c rgb(80,124,92)
```
#498358
```
#498358 rgb(73,131,88)
```
#418b54
```
#418b54 rgb(65,139,84)
```
#399350
```
#399350 rgb(57,147,80)
```
#319b4d
```
#319b4d rgb(49,155,77)
```
#29a349
```
#29a349 rgb(41,163,73)
```
#21ab45
```
#21ab45 rgb(33,171,69)
```
#1ab241
```
#1ab241 rgb(26,178,65)
```
#12ba3e
```
#12ba3e rgb(18,186,62)
```
#0ac23a
```
#0ac23a rgb(10,194,58)
```
#02ca36
```
#02ca36 rgb(2,202,54)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#648c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b239 Protanopia 1% of men
#dbaa50 Deuteranopia 1% of men
#61bfcd Tritanopia 0.001% of the population

Trichromacy

#7fbb38 Protanomaly 1% of men, 0.01% of women
#8cb546 Deuteranomaly 6% of men, 0.4% of women
#3ec396 Tritanomaly 0.01% of the population

#02ca36 hex color

#02ca36 Color Information

#02ca36 Color Conversion

Color Schemes with #02ca36

Alternatives to #02ca36

#02ca36 Preview

Shades and Tints of #02ca36

Tones of #02ca36

Color Blindness Simulator