#02ca50 hex color

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

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

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

The hexadecimal color #02ca50 has RGB values of R:2, G:202, B:80 and CMYK values of C:0.99, M:0, Y:0.6, K:0.21. Its decimal value is 182864.

Hex triplet	02ca50	`#02ca50`
RGB Decimal	2, 202, 80	`rgb(2,202,80)`
RGB Percent	0.8, 79.2, 31.4	`rgb(0.8%,79.2%,31.4%)`
CMYK	99, 0, 60, 21
HSL	143.4°, 98, 40	`hsl(143.4,98%,40%)`
HSV (or HSB)	143.4°, 99, 79.2
Web Safe	00cc66	`#00cc66`

CIE-LAB	71.44, -67.171, 48.239
XYZ	22.592, 42.831, 14.665
xyY	0.282, 0.535, 42.831
CIE-LCH	71.44, 82.698, 144.316
CIE-LUV	71.44, -65.372, 69.948
Hunter-Lab	65.445, -52.91, 32.525
Binary	00000010, 11001010, 01010000

#02ca50
```
#02ca50 rgb(2,202,80)
```
#ca027c
```
#ca027c rgb(202,2,124)
```

Complementary Color

#18ca02
```
#18ca02 rgb(24,202,2)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#02cab4
```
#02cab4 rgb(2,202,180)
```

Analogous Color

#ca0218
```
#ca0218 rgb(202,2,24)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#b402ca
```
#b402ca rgb(180,2,202)
```

Split Complementary Color

#ca5002
```
#ca5002 rgb(202,80,2)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#5002ca
```
#5002ca rgb(80,2,202)
```

Triadic Color

#7cca02
```
#7cca02 rgb(124,202,2)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#5002ca
```
#5002ca rgb(80,2,202)
```
#ca027c
```
#ca027c rgb(202,2,124)
```

Tetradic Color

#017e32
```
#017e32 rgb(1,126,50)
```
#01983c
```
#01983c rgb(1,152,60)
```
#02b146
```
#02b146 rgb(2,177,70)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#02e35a
```
#02e35a rgb(2,227,90)
```
#02fd64
```
#02fd64 rgb(2,253,100)
```
#1cfd74
```
#1cfd74 rgb(28,253,116)
```

Monochromatic Color

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

#02ca1e
```
#02ca1e rgb(2,202,30)
```
#02ca2f
```
#02ca2f rgb(2,202,47)
```
#02ca3f
```
#02ca3f rgb(2,202,63)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#02ca61
```
#02ca61 rgb(2,202,97)
```
#02ca71
```
#02ca71 rgb(2,202,113)
```
#02ca82
```
#02ca82 rgb(2,202,130)
```

Similar Colors

Text with hexadecimal color #02ca50

This text has a font color of #02ca50.

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

#02ca50 background color

This paragraph has a background color of #02ca50.

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

#02ca50 border color

This element has a border color of #02ca50.

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

CSS codes

.text {color:#02ca50;}

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

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

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)
```
#001b0b
```
#001b0b rgb(0,27,11)
```
#002f12
```
#002f12 rgb(0,47,18)
```
#01421a
```
#01421a rgb(1,66,26)
```
#015522
```
#015522 rgb(1,85,34)
```
#01692a
```
#01692a rgb(1,105,42)
```
#017c31
```
#017c31 rgb(1,124,49)
```
#019039
```
#019039 rgb(1,144,57)
```
#02a341
```
#02a341 rgb(2,163,65)
```
#02b748
```
#02b748 rgb(2,183,72)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```
#02dd58
```
#02dd58 rgb(2,221,88)
```
#02f15f
```
#02f15f rgb(2,241,95)
```

Shade Color Variation

#0afd69
```
#0afd69 rgb(10,253,105)
```
#1efd75
```
#1efd75 rgb(30,253,117)
```
#31fd81
```
#31fd81 rgb(49,253,129)
```
#45fd8d
```
#45fd8d rgb(69,253,141)
```
#58fd98
```
#58fd98 rgb(88,253,152)
```
#6bfea4
```
#6bfea4 rgb(107,254,164)
```
#7ffeb0
```
#7ffeb0 rgb(127,254,176)
```
#92febc
```
#92febc rgb(146,254,188)
```
#a6fec8
```
#a6fec8 rgb(166,254,200)
```
#b9fed4
```
#b9fed4 rgb(185,254,212)
```
#cdffe0
```
#cdffe0 rgb(205,255,224)
```
#e0ffec
```
#e0ffec rgb(224,255,236)
```
#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 #02ca50 is the most saturated one.

#606c65
```
#606c65 rgb(96,108,101)
```
#587463
```
#587463 rgb(88,116,99)
```
#507c61
```
#507c61 rgb(80,124,97)
```
#498360
```
#498360 rgb(73,131,96)
```
#418b5e
```
#418b5e rgb(65,139,94)
```
#39935c
```
#39935c rgb(57,147,92)
```
#319b5a
```
#319b5a rgb(49,155,90)
```
#29a359
```
#29a359 rgb(41,163,89)
```
#21ab57
```
#21ab57 rgb(33,171,87)
```
#1ab255
```
#1ab255 rgb(26,178,85)
```
#12ba53
```
#12ba53 rgb(18,186,83)
```
#0ac252
```
#0ac252 rgb(10,194,82)
```
#02ca50
```
#02ca50 rgb(2,202,80)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b351 Protanopia 1% of men
#d9ab66 Deuteranopia 1% of men
#5ec0ce Tritanopia 0.001% of the population

Trichromacy

#7ebb50 Protanomaly 1% of men, 0.01% of women
#8bb65e Deuteranomaly 6% of men, 0.4% of women
#3cc4a0 Tritanomaly 0.01% of the population

#02ca50 hex color

#02ca50 Color Information

#02ca50 Color Conversion

Color Schemes with #02ca50

Alternatives to #02ca50

#02ca50 Preview

Shades and Tints of #02ca50

Tones of #02ca50

Color Blindness Simulator