#02ca56 hex color

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

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

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

The hexadecimal color #02ca56 has RGB values of R:2, G:202, B:86 and CMYK values of C:0.99, M:0, Y:0.57, K:0.21. Its decimal value is 182870.

Hex triplet	02ca56	`#02ca56`
RGB Decimal	2, 202, 86	`rgb(2,202,86)`
RGB Percent	0.8, 79.2, 33.7	`rgb(0.8%,79.2%,33.7%)`
CMYK	99, 0, 57, 21
HSL	145.2°, 98, 40	`hsl(145.2,98%,40%)`
HSV (or HSB)	145.2°, 99, 79.2
Web Safe	00cc66	`#00cc66`

CIE-LAB	71.503, -66.388, 45.579
XYZ	22.824, 42.923, 15.886
xyY	0.28, 0.526, 42.923
CIE-LCH	71.503, 80.528, 145.528
CIE-LUV	71.503, -65.1, 67.358
Hunter-Lab	65.516, -52.469, 31.485
Binary	00000010, 11001010, 01010110

#02ca56
```
#02ca56 rgb(2,202,86)
```
#ca0276
```
#ca0276 rgb(202,2,118)
```

Complementary Color

#12ca02
```
#12ca02 rgb(18,202,2)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#02caba
```
#02caba rgb(2,202,186)
```

Analogous Color

#ca0212
```
#ca0212 rgb(202,2,18)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#ba02ca
```
#ba02ca rgb(186,2,202)
```

Split Complementary Color

#ca5602
```
#ca5602 rgb(202,86,2)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#5602ca
```
#5602ca rgb(86,2,202)
```

Triadic Color

#76ca02
```
#76ca02 rgb(118,202,2)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#5602ca
```
#5602ca rgb(86,2,202)
```
#ca0276
```
#ca0276 rgb(202,2,118)
```

Tetradic Color

#017e36
```
#017e36 rgb(1,126,54)
```
#019841
```
#019841 rgb(1,152,65)
```
#02b14b
```
#02b14b rgb(2,177,75)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#02e361
```
#02e361 rgb(2,227,97)
```
#02fd6c
```
#02fd6c rgb(2,253,108)
```
#1cfd7a
```
#1cfd7a rgb(28,253,122)
```

Monochromatic Color

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

#02ca24
```
#02ca24 rgb(2,202,36)
```
#02ca35
```
#02ca35 rgb(2,202,53)
```
#02ca45
```
#02ca45 rgb(2,202,69)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#02ca67
```
#02ca67 rgb(2,202,103)
```
#02ca77
```
#02ca77 rgb(2,202,119)
```
#02ca88
```
#02ca88 rgb(2,202,136)
```

Similar Colors

Text with hexadecimal color #02ca56

This text has a font color of #02ca56.

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

#02ca56 background color

This paragraph has a background color of #02ca56.

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

#02ca56 border color

This element has a border color of #02ca56.

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

CSS codes

.text {color:#02ca56;}

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

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

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

#000803
```
#000803 rgb(0,8,3)
```
#001b0c
```
#001b0c rgb(0,27,12)
```
#002f14
```
#002f14 rgb(0,47,20)
```
#01421c
```
#01421c rgb(1,66,28)
```
#015524
```
#015524 rgb(1,85,36)
```
#01692d
```
#01692d rgb(1,105,45)
```
#017c35
```
#017c35 rgb(1,124,53)
```
#01903d
```
#01903d rgb(1,144,61)
```
#02a345
```
#02a345 rgb(2,163,69)
```
#02b74e
```
#02b74e rgb(2,183,78)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```
#02dd5e
```
#02dd5e rgb(2,221,94)
```
#02f167
```
#02f167 rgb(2,241,103)
```

Shade Color Variation

#0afd70
```
#0afd70 rgb(10,253,112)
```
#1efd7b
```
#1efd7b rgb(30,253,123)
```
#31fd87
```
#31fd87 rgb(49,253,135)
```
#45fd92
```
#45fd92 rgb(69,253,146)
```
#58fd9d
```
#58fd9d rgb(88,253,157)
```
#6bfea9
```
#6bfea9 rgb(107,254,169)
```
#7ffeb4
```
#7ffeb4 rgb(127,254,180)
```
#92febf
```
#92febf rgb(146,254,191)
```
#a6fecb
```
#a6fecb rgb(166,254,203)
```
#b9fed6
```
#b9fed6 rgb(185,254,214)
```
#cdffe2
```
#cdffe2 rgb(205,255,226)
```
#e0ffed
```
#e0ffed rgb(224,255,237)
```
#f3fff8
```
#f3fff8 rgb(243,255,248)
```

Tint Color Variation

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

#606c65
```
#606c65 rgb(96,108,101)
```
#587464
```
#587464 rgb(88,116,100)
```
#507c63
```
#507c63 rgb(80,124,99)
```
#498361
```
#498361 rgb(73,131,97)
```
#418b60
```
#418b60 rgb(65,139,96)
```
#39935f
```
#39935f rgb(57,147,95)
```
#319b5e
```
#319b5e rgb(49,155,94)
```
#29a35c
```
#29a35c rgb(41,163,92)
```
#21ab5b
```
#21ab5b rgb(33,171,91)
```
#1ab25a
```
#1ab25a rgb(26,178,90)
```
#12ba59
```
#12ba59 rgb(18,186,89)
```
#0ac257
```
#0ac257 rgb(10,194,87)
```
#02ca56
```
#02ca56 rgb(2,202,86)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#689078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b356 Protanopia 1% of men
#d8ab6b Deuteranopia 1% of men
#5dc0cf Tritanopia 0.001% of the population

Trichromacy

#7ebb56 Protanomaly 1% of men, 0.01% of women
#8ab663 Deuteranomaly 6% of men, 0.4% of women
#3cc4a3 Tritanomaly 0.01% of the population

#02ca56 hex color

#02ca56 Color Information

#02ca56 Color Conversion

Color Schemes with #02ca56

Alternatives to #02ca56

#02ca56 Preview

Shades and Tints of #02ca56

Tones of #02ca56

Color Blindness Simulator