colorhexa.com

#02f224 hex color

In a RGB color space, hex #02f224 is composed of 0.8% red, 94.9% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 85.1% yellow and 5.1% black. It has a hue angle of 128.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02f224 color hex could be obtained by blending #04ff48 with #00e500. Closest websafe color is: #00ff33.

- R 1
- G 95
- B 14
RGB color chart
- C 99
- M 0
- Y 85
- K 5
CMYK color chart

● #02f224 color description : Vivid lime green.

The hexadecimal color #02f224 has RGB values of R:2, G:242, B:36 and CMYK values of C:0.99, M:0, Y:0.85, K:0.05. Its decimal value is 193060.

Hex triplet	02f224	`#02f224`
RGB Decimal	2, 242, 36	`rgb(2,242,36)`
RGB Percent	0.8, 94.9, 14.1	`rgb(0.8%,94.9%,14.1%)`
CMYK	99, 0, 85, 5
HSL	128.5°, 98.4, 47.8	`hsl(128.5,98.4%,47.8%)`
HSV (or HSB)	128.5°, 99.2, 94.9
Web Safe	00ff33	`#00ff33`

CIE-LAB	83.778, -81.905, 75.451
XYZ	32.094, 63.641, 12.261
xyY	0.297, 0.589, 63.641
CIE-LCH	83.778, 111.361, 137.349
CIE-LUV	83.778, -78.865, 99.421
Hunter-Lab	79.775, -67.796, 46.73
Binary	00000010, 11110010, 00100100

#02f224
```
#02f224 rgb(2,242,36)
```
#f202d0
```
#f202d0 rgb(242,2,208)
```

Complementary Color

#58f202
```
#58f202 rgb(88,242,2)
```
#02f224
```
#02f224 rgb(2,242,36)
```
#02f29c
```
#02f29c rgb(2,242,156)
```

Analogous Color

#f20258
```
#f20258 rgb(242,2,88)
```
#02f224
```
#02f224 rgb(2,242,36)
```
#9c02f2
```
#9c02f2 rgb(156,2,242)
```

Split Complementary Color

#01a619
```
#01a619 rgb(1,166,25)
```
#02bf1c
```
#02bf1c rgb(2,191,28)
```
#02d920
```
#02d920 rgb(2,217,32)
```
#02f224
```
#02f224 rgb(2,242,36)
```
#10fd32
```
#10fd32 rgb(16,253,50)
```
#2afd48
```
#2afd48 rgb(42,253,72)
```
#43fd5d
```
#43fd5d rgb(67,253,93)
```

Monochromatic Color

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

#1cf202
```
#1cf202 rgb(28,242,2)
```
#08f202
```
#08f202 rgb(8,242,2)
```
#02f210
```
#02f210 rgb(2,242,16)
```
#02f224
```
#02f224 rgb(2,242,36)
```
#02f238
```
#02f238 rgb(2,242,56)
```
#02f24c
```
#02f24c rgb(2,242,76)
```
#02f260
```
#02f260 rgb(2,242,96)
```

Similar Colors

Text with hexadecimal color #02f224

This text has a font color of #02f224.

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

#02f224 background color

This paragraph has a background color of #02f224.

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

#02f224 border color

This element has a border color of #02f224.

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

CSS codes

.text {color:#02f224;}

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

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

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

#000901
```
#000901 rgb(0,9,1)
```
#001c04
```
#001c04 rgb(0,28,4)
```
#002f07
```
#002f07 rgb(0,47,7)
```
#01430a
```
#01430a rgb(1,67,10)
```
#01560d
```
#01560d rgb(1,86,13)
```
#016a10
```
#016a10 rgb(1,106,16)
```
#017d13
```
#017d13 rgb(1,125,19)
```
#019116
```
#019116 rgb(1,145,22)
```
#01a418
```
#01a418 rgb(1,164,24)
```
#02b81b
```
#02b81b rgb(2,184,27)
```
#02cb1e
```
#02cb1e rgb(2,203,30)
```
#02df21
```
#02df21 rgb(2,223,33)
```
#02f224
```
#02f224 rgb(2,242,36)
```

Shade Color Variation

#0bfd2d
```
#0bfd2d rgb(11,253,45)
```
#1efd3e
```
#1efd3e rgb(30,253,62)
```
#32fd4e
```
#32fd4e rgb(50,253,78)
```
#45fd5f
```
#45fd5f rgb(69,253,95)
```
#58fe70
```
#58fe70 rgb(88,254,112)
```
#6cfe81
```
#6cfe81 rgb(108,254,129)
```
#7ffe91
```
#7ffe91 rgb(127,254,145)
```
#93fea2
```
#93fea2 rgb(147,254,162)
```
#a6feb3
```
#a6feb3 rgb(166,254,179)
```
#bafec3
```
#bafec3 rgb(186,254,195)
```
#cdffd4
```
#cdffd4 rgb(205,255,212)
```
#e1ffe5
```
#e1ffe5 rgb(225,255,229)
```
#f4fff6
```
#f4fff6 rgb(244,255,246)
```

Tint Color Variation

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

#738175
```
#738175 rgb(115,129,117)
```
#698b6e
```
#698b6e rgb(105,139,110)
```
#609467
```
#609467 rgb(96,148,103)
```
#569e61
```
#569e61 rgb(86,158,97)
```
#4da75a
```
#4da75a rgb(77,167,90)
```
#44b053
```
#44b053 rgb(68,176,83)
```
#3aba4c
```
#3aba4c rgb(58,186,76)
```
#31c346
```
#31c346 rgb(49,195,70)
```
#28cc3f
```
#28cc3f rgb(40,204,63)
```
#1ed638
```
#1ed638 rgb(30,214,56)
```
#15df31
```
#15df31 rgb(21,223,49)
```
#0be92b
```
#0be92b rgb(11,233,43)
```
#02f224
```
#02f224 rgb(2,242,36)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#76a67d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd326 Protanopia 1% of men
#ffca71 Deuteranopia 1% of men
#75e2f3 Tritanopia 0.001% of the population

Trichromacy

#97de25 Protanomaly 1% of men, 0.01% of women
#a3d955 Deuteranomaly 6% of men, 0.4% of women
#4be8a7 Tritanomaly 0.01% of the population