#02f284 hex color

In a RGB color space, hex #02f284 is composed of 0.8% red, 94.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 45.5% yellow and 5.1% black. It has a hue angle of 152.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02f284 color hex could be obtained by blending #04ffff with #00e509. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 1
- G 95
- B 52
RGB color chart
- C 99
- M 0
- Y 45
- K 5
CMYK color chart

● #02f284 color description : Vivid cyan - lime green.

The hexadecimal color #02f284 has RGB values of R:2, G:242, B:132 and CMYK values of C:0.99, M:0, Y:0.45, K:0.05. Its decimal value is 193156.

Hex triplet	02f284	`#02f284`
RGB Decimal	2, 242, 132	`rgb(2,242,132)`
RGB Percent	0.8, 94.9, 51.8	`rgb(0.8%,94.9%,51.8%)`
CMYK	99, 0, 45, 5
HSL	152.5°, 98.4, 47.8	`hsl(152.5,98.4%,47.8%)`
HSV (or HSB)	152.5°, 99.2, 94.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	84.576, -71.957, 39.725
XYZ	35.939, 65.179, 32.515
xyY	0.269, 0.488, 65.179
CIE-LCH	84.576, 82.194, 151.098
CIE-LUV	84.576, -75.277, 65.514
Hunter-Lab	80.734, -61.823, 32.635
Binary	00000010, 11110010, 10000100

#02f284
```
#02f284 rgb(2,242,132)
```
#f20270
```
#f20270 rgb(242,2,112)
```

Complementary Color

#02f20c
```
#02f20c rgb(2,242,12)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#02e8f2
```
#02e8f2 rgb(2,232,242)
```

Analogous Color

#f20c02
```
#f20c02 rgb(242,12,2)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#f202e8
```
#f202e8 rgb(242,2,232)
```

Split Complementary Color

#f28402
```
#f28402 rgb(242,132,2)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#8402f2
```
#8402f2 rgb(132,2,242)
```

Triadic Color

#70f202
```
#70f202 rgb(112,242,2)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#8402f2
```
#8402f2 rgb(132,2,242)
```
#f20270
```
#f20270 rgb(242,2,112)
```

Tetradic Color

#01a65b
```
#01a65b rgb(1,166,91)
```
#02bf68
```
#02bf68 rgb(2,191,104)
```
#02d976
```
#02d976 rgb(2,217,118)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#10fd91
```
#10fd91 rgb(16,253,145)
```
#2afd9c
```
#2afd9c rgb(42,253,156)
```
#43fda8
```
#43fda8 rgb(67,253,168)
```

Monochromatic Color

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

#02f248
```
#02f248 rgb(2,242,72)
```
#02f25c
```
#02f25c rgb(2,242,92)
```
#02f270
```
#02f270 rgb(2,242,112)
```
#02f284
```
#02f284 rgb(2,242,132)
```
#02f298
```
#02f298 rgb(2,242,152)
```
#02f2ac
```
#02f2ac rgb(2,242,172)
```
#02f2c0
```
#02f2c0 rgb(2,242,192)
```

Similar Colors

Text with hexadecimal color #02f284

This text has a font color of #02f284.

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

#02f284 background color

This paragraph has a background color of #02f284.

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

#02f284 border color

This element has a border color of #02f284.

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

CSS codes

.text {color:#02f284;}

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

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

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

#000905
```
#000905 rgb(0,9,5)
```
#001c0f
```
#001c0f rgb(0,28,15)
```
#002f1a
```
#002f1a rgb(0,47,26)
```
#014324
```
#014324 rgb(1,67,36)
```
#01562f
```
#01562f rgb(1,86,47)
```
#016a3a
```
#016a3a rgb(1,106,58)
```
#017d44
```
#017d44 rgb(1,125,68)
```
#01914f
```
#01914f rgb(1,145,79)
```
#01a45a
```
#01a45a rgb(1,164,90)
```
#02b864
```
#02b864 rgb(2,184,100)
```
#02cb6f
```
#02cb6f rgb(2,203,111)
```
#02df79
```
#02df79 rgb(2,223,121)
```
#02f284
```
#02f284 rgb(2,242,132)
```

Shade Color Variation

#0bfd8e
```
#0bfd8e rgb(11,253,142)
```
#1efd97
```
#1efd97 rgb(30,253,151)
```
#32fda0
```
#32fda0 rgb(50,253,160)
```
#45fda9
```
#45fda9 rgb(69,253,169)
```
#58feb2
```
#58feb2 rgb(88,254,178)
```
#6cfebb
```
#6cfebb rgb(108,254,187)
```
#7ffec4
```
#7ffec4 rgb(127,254,196)
```
#93fecd
```
#93fecd rgb(147,254,205)
```
#a6fed6
```
#a6fed6 rgb(166,254,214)
```
#bafedf
```
#bafedf rgb(186,254,223)
```
#cdffe8
```
#cdffe8 rgb(205,255,232)
```
#e1fff1
```
#e1fff1 rgb(225,255,241)
```
#f4fffa
```
#f4fffa rgb(244,255,250)
```

Tint Color Variation

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

#73817b
```
#73817b rgb(115,129,123)
```
#698b7b
```
#698b7b rgb(105,139,123)
```
#60947c
```
#60947c rgb(96,148,124)
```
#569e7d
```
#569e7d rgb(86,158,125)
```
#4da77e
```
#4da77e rgb(77,167,126)
```
#44b07f
```
#44b07f rgb(68,176,127)
```
#3aba7f
```
#3aba7f rgb(58,186,127)
```
#31c380
```
#31c380 rgb(49,195,128)
```
#28cc81
```
#28cc81 rgb(40,204,129)
```
#1ed682
```
#1ed682 rgb(30,214,130)
```
#15df82
```
#15df82 rgb(21,223,130)
```
#0be983
```
#0be983 rgb(11,233,131)
```
#02f284
```
#02f284 rgb(2,242,132)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7faf99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d57f Protanopia 1% of men
#fccc97 Deuteranopia 1% of men
#6ae6f6 Tritanopia 0.001% of the population

Trichromacy

#95df81 Protanomaly 1% of men, 0.01% of women
#a1da90 Deuteranomaly 6% of men, 0.4% of women
#44eacd Tritanomaly 0.01% of the population

#02f284 hex color

#02f284 Color Information

#02f284 Color Conversion

Color Schemes with #02f284

Alternatives to #02f284

#02f284 Preview

Shades and Tints of #02f284

Tones of #02f284

Color Blindness Simulator