#02ca48 hex color

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

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

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

The hexadecimal color #02ca48 has RGB values of R:2, G:202, B:72 and CMYK values of C:0.99, M:0, Y:0.64, K:0.21. Its decimal value is 182856.

Hex triplet	02ca48	`#02ca48`
RGB Decimal	2, 202, 72	`rgb(2,202,72)`
RGB Percent	0.8, 79.2, 28.2	`rgb(0.8%,79.2%,28.2%)`
CMYK	99, 0, 64, 21
HSL	141°, 98, 40	`hsl(141,98%,40%)`
HSV (or HSB)	141°, 99, 79.2
Web Safe	00cc33	`#00cc33`

CIE-LAB	71.364, -68.121, 51.643
XYZ	22.314, 42.719, 13.2
xyY	0.285, 0.546, 42.719
CIE-LCH	71.364, 85.484, 142.834
CIE-LUV	71.364, -65.705, 73.104
Hunter-Lab	65.36, -53.44, 33.778
Binary	00000010, 11001010, 01001000

#02ca48
```
#02ca48 rgb(2,202,72)
```
#ca0284
```
#ca0284 rgb(202,2,132)
```

Complementary Color

#20ca02
```
#20ca02 rgb(32,202,2)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#02caac
```
#02caac rgb(2,202,172)
```

Analogous Color

#ca0220
```
#ca0220 rgb(202,2,32)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#ac02ca
```
#ac02ca rgb(172,2,202)
```

Split Complementary Color

#ca4802
```
#ca4802 rgb(202,72,2)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#4802ca
```
#4802ca rgb(72,2,202)
```

Triadic Color

#84ca02
```
#84ca02 rgb(132,202,2)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#4802ca
```
#4802ca rgb(72,2,202)
```
#ca0284
```
#ca0284 rgb(202,2,132)
```

Tetradic Color

#017e2d
```
#017e2d rgb(1,126,45)
```
#019836
```
#019836 rgb(1,152,54)
```
#02b13f
```
#02b13f rgb(2,177,63)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#02e351
```
#02e351 rgb(2,227,81)
```
#02fd5a
```
#02fd5a rgb(2,253,90)
```
#1cfd6b
```
#1cfd6b rgb(28,253,107)
```

Monochromatic Color

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

#02ca16
```
#02ca16 rgb(2,202,22)
```
#02ca27
```
#02ca27 rgb(2,202,39)
```
#02ca37
```
#02ca37 rgb(2,202,55)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#02ca59
```
#02ca59 rgb(2,202,89)
```
#02ca69
```
#02ca69 rgb(2,202,105)
```
#02ca7a
```
#02ca7a rgb(2,202,122)
```

Similar Colors

Text with hexadecimal color #02ca48

This text has a font color of #02ca48.

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

#02ca48 background color

This paragraph has a background color of #02ca48.

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

#02ca48 border color

This element has a border color of #02ca48.

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

CSS codes

.text {color:#02ca48;}

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

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

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 #f3fff7 is the lightest one.

#000803
```
#000803 rgb(0,8,3)
```
#001b0a
```
#001b0a rgb(0,27,10)
```
#002f11
```
#002f11 rgb(0,47,17)
```
#014218
```
#014218 rgb(1,66,24)
```
#01551e
```
#01551e rgb(1,85,30)
```
#016925
```
#016925 rgb(1,105,37)
```
#017c2c
```
#017c2c rgb(1,124,44)
```
#019033
```
#019033 rgb(1,144,51)
```
#02a33a
```
#02a33a rgb(2,163,58)
```
#02b741
```
#02b741 rgb(2,183,65)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```
#02dd4f
```
#02dd4f rgb(2,221,79)
```
#02f156
```
#02f156 rgb(2,241,86)
```

Shade Color Variation

#0afd5f
```
#0afd5f rgb(10,253,95)
```
#1efd6c
```
#1efd6c rgb(30,253,108)
```
#31fd78
```
#31fd78 rgb(49,253,120)
```
#45fd85
```
#45fd85 rgb(69,253,133)
```
#58fd92
```
#58fd92 rgb(88,253,146)
```
#6bfe9f
```
#6bfe9f rgb(107,254,159)
```
#7ffeab
```
#7ffeab rgb(127,254,171)
```
#92feb8
```
#92feb8 rgb(146,254,184)
```
#a6fec5
```
#a6fec5 rgb(166,254,197)
```
#b9fed1
```
#b9fed1 rgb(185,254,209)
```
#cdffde
```
#cdffde rgb(205,255,222)
```
#e0ffeb
```
#e0ffeb rgb(224,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, #606c64 is the less saturated color, while #02ca48 is the most saturated one.

#606c64
```
#606c64 rgb(96,108,100)
```
#587462
```
#587462 rgb(88,116,98)
```
#507c60
```
#507c60 rgb(80,124,96)
```
#49835d
```
#49835d rgb(73,131,93)
```
#418b5b
```
#418b5b rgb(65,139,91)
```
#399358
```
#399358 rgb(57,147,88)
```
#319b56
```
#319b56 rgb(49,155,86)
```
#29a354
```
#29a354 rgb(41,163,84)
```
#21ab51
```
#21ab51 rgb(33,171,81)
```
#1ab24f
```
#1ab24f rgb(26,178,79)
```
#12ba4d
```
#12ba4d rgb(18,186,77)
```
#0ac24a
```
#0ac24a rgb(10,194,74)
```
#02ca48
```
#02ca48 rgb(2,202,72)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b34a Protanopia 1% of men
#daab5f Deuteranopia 1% of men
#5fc0ce Tritanopia 0.001% of the population

Trichromacy

#7fbb49 Protanomaly 1% of men, 0.01% of women
#8bb656 Deuteranomaly 6% of men, 0.4% of women
#3dc39d Tritanomaly 0.01% of the population

#02ca48 hex color

#02ca48 Color Information

#02ca48 Color Conversion

Color Schemes with #02ca48

Alternatives to #02ca48

#02ca48 Preview

Shades and Tints of #02ca48

Tones of #02ca48

Color Blindness Simulator