#02c31f hex color

In a RGB color space, hex #02c31f is composed of 0.8% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 84.1% yellow and 23.5% black. It has a hue angle of 129 degrees, a saturation of 98% and a lightness of 38.6%. #02c31f color hex could be obtained by blending #04ff3e with #008700. Closest websafe color is: #00cc33.

♥
- f
- t
- g
- R 1
- G 76
- B 12
RGB color chart
- C 99
- M 0
- Y 84
- K 24
CMYK color chart

● #02c31f color description : Strong lime green.

The hexadecimal color #02c31f has RGB values of R:2, G:195, B:31 and CMYK values of C:0.99, M:0, Y:0.84, K:0.24. Its decimal value is 181023.

Hex triplet	02c31f	`#02c31f`
RGB Decimal	2, 195, 31	`rgb(2,195,31)`
RGB Percent	0.8, 76.5, 12.2	`rgb(0.8%,76.5%,12.2%)`
CMYK	99, 0, 84, 24
HSL	129°, 98, 38.6	`hsl(129,98%,38.6%)`
HSV (or HSB)	129°, 99, 76.5
Web Safe	00cc33	`#00cc33`

CIE-LAB	68.852, -69.411, 63.205
XYZ	19.786, 39.14, 7.808
xyY	0.296, 0.587, 39.14
CIE-LCH	68.852, 93.876, 137.679
CIE-LUV	68.852, -64.691, 81.032
Hunter-Lab	62.562, -53.029, 36.393
Binary	00000010, 11000011, 00011111

#02c31f
```
#02c31f rgb(2,195,31)
```
#c302a6
```
#c302a6 rgb(195,2,166)
```

Complementary Color

#46c302
```
#46c302 rgb(70,195,2)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#02c380
```
#02c380 rgb(2,195,128)
```

Analogous Color

#c30245
```
#c30245 rgb(195,2,69)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#8002c3
```
#8002c3 rgb(128,2,195)
```

Split Complementary Color

#c31f02
```
#c31f02 rgb(195,31,2)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#1f02c3
```
#1f02c3 rgb(31,2,195)
```

Triadic Color

#a6c302
```
#a6c302 rgb(166,195,2)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#1f02c3
```
#1f02c3 rgb(31,2,195)
```
#c302a6
```
#c302a6 rgb(195,2,166)
```

Tetradic Color

#017713
```
#017713 rgb(1,119,19)
```
#019117
```
#019117 rgb(1,145,23)
```
#02aa1b
```
#02aa1b rgb(2,170,27)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#02dc23
```
#02dc23 rgb(2,220,35)
```
#03f527
```
#03f527 rgb(3,245,39)
```
#15fd38
```
#15fd38 rgb(21,253,56)
```

Monochromatic Color

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

#15c302
```
#15c302 rgb(21,195,2)
```
#05c302
```
#05c302 rgb(5,195,2)
```
#02c30f
```
#02c30f rgb(2,195,15)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#02c32f
```
#02c32f rgb(2,195,47)
```
#02c33f
```
#02c33f rgb(2,195,63)
```
#02c34f
```
#02c34f rgb(2,195,79)
```

Similar Colors

Text with hexadecimal color #02c31f

This text has a font color of #02c31f.

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

#02c31f background color

This paragraph has a background color of #02c31f.

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

#02c31f border color

This element has a border color of #02c31f.

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

CSS codes

.text {color:#02c31f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#001403
```
#001403 rgb(0,20,3)
```
#002806
```
#002806 rgb(0,40,6)
```
#013b09
```
#013b09 rgb(1,59,9)
```
#014f0c
```
#014f0c rgb(1,79,12)
```
#016210
```
#016210 rgb(1,98,16)
```
#017513
```
#017513 rgb(1,117,19)
```
#018916
```
#018916 rgb(1,137,22)
```
#029c19
```
#029c19 rgb(2,156,25)
```
#02b01c
```
#02b01c rgb(2,176,28)
```
#02c31f
```
#02c31f rgb(2,195,31)
```
#02d622
```
#02d622 rgb(2,214,34)
```
#02ea25
```
#02ea25 rgb(2,234,37)
```

Shade Color Variation

#03fc29
```
#03fc29 rgb(3,252,41)
```
#17fd39
```
#17fd39 rgb(23,253,57)
```
#2afd4a
```
#2afd4a rgb(42,253,74)
```
#3efd5a
```
#3efd5a rgb(62,253,90)
```
#51fd6b
```
#51fd6b rgb(81,253,107)
```
#65fd7b
```
#65fd7b rgb(101,253,123)
```
#78fe8c
```
#78fe8c rgb(120,254,140)
```
#8bfe9d
```
#8bfe9d rgb(139,254,157)
```
#9ffead
```
#9ffead rgb(159,254,173)
```
#b2febe
```
#b2febe rgb(178,254,190)
```
#c6fece
```
#c6fece rgb(198,254,206)
```
#d9ffdf
```
#d9ffdf rgb(217,255,223)
```
#ecffef
```
#ecffef rgb(236,255,239)
```

Tint Color Variation

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

#5d685f
```
#5d685f rgb(93,104,95)
```
#557059
```
#557059 rgb(85,112,89)
```
#4e7754
```
#4e7754 rgb(78,119,84)
```
#467f4f
```
#467f4f rgb(70,127,79)
```
#3f8649
```
#3f8649 rgb(63,134,73)
```
#378e44
```
#378e44 rgb(55,142,68)
```
#2f963f
```
#2f963f rgb(47,150,63)
```
#289d39
```
#289d39 rgb(40,157,57)
```
#20a534
```
#20a534 rgb(32,165,52)
```
#19ac2f
```
#19ac2f rgb(25,172,47)
```
#11b42a
```
#11b42a rgb(17,180,42)
```
#0abb24
```
#0abb24 rgb(10,187,36)
```
#02c31f
```
#02c31f rgb(2,195,31)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#608665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ac23 Protanopia 1% of men
#d5a43f Deuteranopia 1% of men
#5fb9c6 Tritanopia 0.001% of the population

Trichromacy

#7bb421 Protanomaly 1% of men, 0.01% of women
#88af33 Deuteranomaly 6% of men, 0.4% of women
#3dbc89 Tritanomaly 0.01% of the population

#02c31f hex color

#02c31f Color Information

#02c31f Color Conversion

Color Schemes with #02c31f

Alternatives to #02c31f

#02c31f Preview

Shades and Tints of #02c31f

Tones of #02c31f

Color Blindness Simulator