#02ca24 hex color

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

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

● #02ca24 color description : Strong lime green.

The hexadecimal color #02ca24 has RGB values of R:2, G:202, B:36 and CMYK values of C:0.99, M:0, Y:0.82, K:0.21. Its decimal value is 182820.

Hex triplet	02ca24	`#02ca24`
RGB Decimal	2, 202, 36	`rgb(2,202,36)`
RGB Percent	0.8, 79.2, 14.1	`rgb(0.8%,79.2%,14.1%)`
CMYK	99, 0, 82, 21
HSL	130.2°, 98, 40	`hsl(130.2,98%,40%)`
HSV (or HSB)	130.2°, 99, 79.2
Web Safe	00cc33	`#00cc33`

CIE-LAB	71.131, -71.091, 64.026
XYZ	21.463, 42.379, 8.718
xyY	0.296, 0.584, 42.379
CIE-LCH	71.131, 95.672, 137.993
CIE-LUV	71.131, -66.762, 83.087
Hunter-Lab	65.099, -55.073, 37.63
Binary	00000010, 11001010, 00100100

#02ca24
```
#02ca24 rgb(2,202,36)
```
#ca02a8
```
#ca02a8 rgb(202,2,168)
```

Complementary Color

#44ca02
```
#44ca02 rgb(68,202,2)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#02ca88
```
#02ca88 rgb(2,202,136)
```

Analogous Color

#ca0244
```
#ca0244 rgb(202,2,68)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#8802ca
```
#8802ca rgb(136,2,202)
```

Split Complementary Color

#ca2402
```
#ca2402 rgb(202,36,2)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#2402ca
```
#2402ca rgb(36,2,202)
```

Triadic Color

#a8ca02
```
#a8ca02 rgb(168,202,2)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#2402ca
```
#2402ca rgb(36,2,202)
```
#ca02a8
```
#ca02a8 rgb(202,2,168)
```

Tetradic Color

#017e17
```
#017e17 rgb(1,126,23)
```
#01981b
```
#01981b rgb(1,152,27)
```
#02b120
```
#02b120 rgb(2,177,32)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#02e329
```
#02e329 rgb(2,227,41)
```
#02fd2d
```
#02fd2d rgb(2,253,45)
```
#1cfd42
```
#1cfd42 rgb(28,253,66)
```

Monochromatic Color

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

#12ca02
```
#12ca02 rgb(18,202,2)
```
#02ca03
```
#02ca03 rgb(2,202,3)
```
#02ca13
```
#02ca13 rgb(2,202,19)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#02ca35
```
#02ca35 rgb(2,202,53)
```
#02ca45
```
#02ca45 rgb(2,202,69)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```

Similar Colors

Text with hexadecimal color #02ca24

This text has a font color of #02ca24.

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

#02ca24 background color

This paragraph has a background color of #02ca24.

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

#02ca24 border color

This element has a border color of #02ca24.

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

CSS codes

.text {color:#02ca24;}

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

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

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

#000801
```
#000801 rgb(0,8,1)
```
#001b05
```
#001b05 rgb(0,27,5)
```
#002f08
```
#002f08 rgb(0,47,8)
```
#01420c
```
#01420c rgb(1,66,12)
```
#01550f
```
#01550f rgb(1,85,15)
```
#016913
```
#016913 rgb(1,105,19)
```
#017c16
```
#017c16 rgb(1,124,22)
```
#01901a
```
#01901a rgb(1,144,26)
```
#02a31d
```
#02a31d rgb(2,163,29)
```
#02b721
```
#02b721 rgb(2,183,33)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```
#02dd27
```
#02dd27 rgb(2,221,39)
```
#02f12b
```
#02f12b rgb(2,241,43)
```

Shade Color Variation

#0afd33
```
#0afd33 rgb(10,253,51)
```
#1efd44
```
#1efd44 rgb(30,253,68)
```
#31fd54
```
#31fd54 rgb(49,253,84)
```
#45fd64
```
#45fd64 rgb(69,253,100)
```
#58fd74
```
#58fd74 rgb(88,253,116)
```
#6bfe84
```
#6bfe84 rgb(107,254,132)
```
#7ffe94
```
#7ffe94 rgb(127,254,148)
```
#92fea5
```
#92fea5 rgb(146,254,165)
```
#a6feb5
```
#a6feb5 rgb(166,254,181)
```
#b9fec5
```
#b9fec5 rgb(185,254,197)
```
#cdffd5
```
#cdffd5 rgb(205,255,213)
```
#e0ffe5
```
#e0ffe5 rgb(224,255,229)
```
#f3fff5
```
#f3fff5 rgb(243,255,245)
```

Tint Color Variation

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

#606c62
```
#606c62 rgb(96,108,98)
```
#58745d
```
#58745d rgb(88,116,93)
```
#507c58
```
#507c58 rgb(80,124,88)
```
#498353
```
#498353 rgb(73,131,83)
```
#418b4d
```
#418b4d rgb(65,139,77)
```
#399348
```
#399348 rgb(57,147,72)
```
#319b43
```
#319b43 rgb(49,155,67)
```
#29a33e
```
#29a33e rgb(41,163,62)
```
#21ab39
```
#21ab39 rgb(33,171,57)
```
#1ab234
```
#1ab234 rgb(26,178,52)
```
#12ba2e
```
#12ba2e rgb(18,186,46)
```
#0ac229
```
#0ac229 rgb(10,194,41)
```
#02ca24
```
#02ca24 rgb(2,202,36)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#638b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b228 Protanopia 1% of men
#dcaa43 Deuteranopia 1% of men
#62bfcd Tritanopia 0.001% of the population

Trichromacy

#7fbb26 Protanomaly 1% of men, 0.01% of women
#8db538 Deuteranomaly 6% of men, 0.4% of women
#3fc38f Tritanomaly 0.01% of the population

#02ca24 hex color

#02ca24 Color Information

#02ca24 Color Conversion

Color Schemes with #02ca24

Alternatives to #02ca24

#02ca24 Preview

Shades and Tints of #02ca24

Tones of #02ca24

Color Blindness Simulator