colorhexa.com

#02cc68 hex color

In a RGB color space, hex #02cc68 is composed of 0.8% red, 80% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 49% yellow and 20% black. It has a hue angle of 150.3 degrees, a saturation of 98.1% and a lightness of 40.4%. #02cc68 color hex could be obtained by blending #04ffd0 with #009900. Closest websafe color is: #00cc66.

- R 1
- G 80
- B 41
RGB color chart
- C 99
- M 0
- Y 49
- K 20
CMYK color chart

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

The hexadecimal color #02cc68 has RGB values of R:2, G:204, B:104 and CMYK values of C:0.99, M:0, Y:0.49, K:0.2. Its decimal value is 183400.

Hex triplet	02cc68	`#02cc68`
RGB Decimal	2, 204, 104	`rgb(2,204,104)`
RGB Percent	0.8, 80, 40.8	`rgb(0.8%,80%,40.8%)`
CMYK	99, 0, 49, 20
HSL	150.3°, 98.1, 40.4	`hsl(150.3,98.1%,40.4%)`
HSV (or HSB)	150.3°, 99, 80
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.359, -64.325, 37.984
XYZ	24.115, 44.195, 20.356
xyY	0.272, 0.498, 44.195
CIE-LCH	72.359, 74.702, 149.438
CIE-LUV	72.359, -64.815, 59.588
Hunter-Lab	66.48, -51.59, 28.382
Binary	00000010, 11001100, 01101000

#02cc68
```
#02cc68 rgb(2,204,104)
```
#cc0266
```
#cc0266 rgb(204,2,102)
```

Complementary Color

#02cc03
```
#02cc03 rgb(2,204,3)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#02cbcc
```
#02cbcc rgb(2,203,204)
```

Analogous Color

#cc0302
```
#cc0302 rgb(204,3,2)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#cc02cb
```
#cc02cb rgb(204,2,203)
```

Split Complementary Color

#cc6802
```
#cc6802 rgb(204,104,2)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#6802cc
```
#6802cc rgb(104,2,204)
```

Triadic Color

#018041
```
#018041 rgb(1,128,65)
```
#02994e
```
#02994e rgb(2,153,78)
```
#02b35b
```
#02b35b rgb(2,179,91)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#02e575
```
#02e575 rgb(2,229,117)
```
#04fd82
```
#04fd82 rgb(4,253,130)
```
#1efd8e
```
#1efd8e rgb(30,253,142)
```

Monochromatic Color

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

#02cc36
```
#02cc36 rgb(2,204,54)
```
#02cc46
```
#02cc46 rgb(2,204,70)
```
#02cc57
```
#02cc57 rgb(2,204,87)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#02cc79
```
#02cc79 rgb(2,204,121)
```
#02cc8a
```
#02cc8a rgb(2,204,138)
```
#02cc9b
```
#02cc9b rgb(2,204,155)
```

Similar Colors

Text with hexadecimal color #02cc68

This text has a font color of #02cc68.

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

#02cc68 background color

This paragraph has a background color of #02cc68.

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

#02cc68 border color

This element has a border color of #02cc68.

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

CSS codes

.text {color:#02cc68;}

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

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

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, #000a05 is the darkest color, while #f5fffa is the lightest one.

#000a05
```
#000a05 rgb(0,10,5)
```
#001d0f
```
#001d0f rgb(0,29,15)
```
#003119
```
#003119 rgb(0,49,25)
```
#014423
```
#014423 rgb(1,68,35)
```
#01572d
```
#01572d rgb(1,87,45)
```
#016b36
```
#016b36 rgb(1,107,54)
```
#017e40
```
#017e40 rgb(1,126,64)
```
#01924a
```
#01924a rgb(1,146,74)
```
#02a554
```
#02a554 rgb(2,165,84)
```
#02b95e
```
#02b95e rgb(2,185,94)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```
#02df72
```
#02df72 rgb(2,223,114)
```
#02f37c
```
#02f37c rgb(2,243,124)
```

Shade Color Variation

#0cfd86
```
#0cfd86 rgb(12,253,134)
```
#20fd8f
```
#20fd8f rgb(32,253,143)
```
#33fd99
```
#33fd99 rgb(51,253,153)
```
#47fda3
```
#47fda3 rgb(71,253,163)
```
#5afdac
```
#5afdac rgb(90,253,172)
```
#6dfeb6
```
#6dfeb6 rgb(109,254,182)
```
#81fec0
```
#81fec0 rgb(129,254,192)
```
#94feca
```
#94feca rgb(148,254,202)
```
#a8fed3
```
#a8fed3 rgb(168,254,211)
```
#bbfedd
```
#bbfedd rgb(187,254,221)
```
#ceffe7
```
#ceffe7 rgb(206,255,231)
```
#e2fff0
```
#e2fff0 rgb(226,255,240)
```
#f5fffa
```
#f5fffa rgb(245,255,250)
```

Tint Color Variation

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

#616d67
```
#616d67 rgb(97,109,103)
```
#597567
```
#597567 rgb(89,117,103)
```
#517d67
```
#517d67 rgb(81,125,103)
```
#498567
```
#498567 rgb(73,133,103)
```
#418d67
```
#418d67 rgb(65,141,103)
```
#399567
```
#399567 rgb(57,149,103)
```
#329c68
```
#329c68 rgb(50,156,104)
```
#2aa468
```
#2aa468 rgb(42,164,104)
```
#22ac68
```
#22ac68 rgb(34,172,104)
```
#1ab468
```
#1ab468 rgb(26,180,104)
```
#12bc68
```
#12bc68 rgb(18,188,104)
```
#0ac468
```
#0ac468 rgb(10,196,104)
```
#02cc68
```
#02cc68 rgb(2,204,104)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a927e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b567 Protanopia 1% of men
#d8ae7b Deuteranopia 1% of men
#5bc3d1 Tritanopia 0.001% of the population

Trichromacy

#7fbd67 Protanomaly 1% of men, 0.01% of women
#8ab874 Deuteranomaly 6% of men, 0.4% of women
#3bc6ab Tritanomaly 0.01% of the population