colorhexa.com

#02f77f hex color

In a RGB color space, hex #02f77f is composed of 0.8% red, 96.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 48.6% yellow and 3.1% black. It has a hue angle of 150.6 degrees, a saturation of 98.4% and a lightness of 48.8%. #02f77f color hex could be obtained by blending #04fffe with #00ef00. Closest websafe color is: #00ff66.

- R 1
- G 97
- B 50
RGB color chart
- C 99
- M 0
- Y 49
- K 3
CMYK color chart

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

The hexadecimal color #02f77f has RGB values of R:2, G:247, B:127 and CMYK values of C:0.99, M:0, Y:0.49, K:0.03. Its decimal value is 194431.

Hex triplet	02f77f	`#02f77f`
RGB Decimal	2, 247, 127	`rgb(2,247,127)`
RGB Percent	0.8, 96.9, 49.8	`rgb(0.8%,96.9%,49.8%)`
CMYK	99, 0, 49, 3
HSL	150.6°, 98.4, 48.8	`hsl(150.6,98.4%,48.8%)`
HSV (or HSB)	150.6°, 99.2, 96.9
Web Safe	00ff66	`#00ff66`

CIE-LAB	86.038, -74.361, 43.99
XYZ	37.114, 68.063, 31.259
xyY	0.272, 0.499, 68.063
CIE-LCH	86.038, 86.398, 149.393
CIE-LUV	86.038, -77.123, 71.003
Hunter-Lab	82.5, -64.074, 35.285
Binary	00000010, 11110111, 01111111

#02f77f
```
#02f77f rgb(2,247,127)
```
#f7027a
```
#f7027a rgb(247,2,122)
```

Complementary Color

#02f704
```
#02f704 rgb(2,247,4)
```
#02f77f
```
#02f77f rgb(2,247,127)
```
#02f5f7
```
#02f5f7 rgb(2,245,247)
```

Analogous Color

#f70402
```
#f70402 rgb(247,4,2)
```
#02f77f
```
#02f77f rgb(2,247,127)
```
#f702f5
```
#f702f5 rgb(247,2,245)
```

Split Complementary Color

#f77f02
```
#f77f02 rgb(247,127,2)
```
#02f77f
```
#02f77f rgb(2,247,127)
```
#7f02f7
```
#7f02f7 rgb(127,2,247)
```

Triadic Color

#01ab58
```
#01ab58 rgb(1,171,88)
```
#02c465
```
#02c465 rgb(2,196,101)
```
#02de72
```
#02de72 rgb(2,222,114)
```
#02f77f
```
#02f77f rgb(2,247,127)
```
#15fd8c
```
#15fd8c rgb(21,253,140)
```
#2ffd98
```
#2ffd98 rgb(47,253,152)
```
#48fea5
```
#48fea5 rgb(72,254,165)
```

Monochromatic Color

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

#02f742
```
#02f742 rgb(2,247,66)
```
#02f756
```
#02f756 rgb(2,247,86)
```
#02f76b
```
#02f76b rgb(2,247,107)
```
#02f77f
```
#02f77f rgb(2,247,127)
```
#02f793
```
#02f793 rgb(2,247,147)
```
#02f7a8
```
#02f7a8 rgb(2,247,168)
```
#02f7bc
```
#02f7bc rgb(2,247,188)
```

Similar Colors

Text with hexadecimal color #02f77f

This text has a font color of #02f77f.

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

#02f77f background color

This paragraph has a background color of #02f77f.

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

#02f77f border color

This element has a border color of #02f77f.

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

CSS codes

.text {color:#02f77f;}

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

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

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

#000e07
```
#000e07 rgb(0,14,7)
```
#002111
```
#002111 rgb(0,33,17)
```
#00341b
```
#00341b rgb(0,52,27)
```
#014825
```
#014825 rgb(1,72,37)
```
#015b2f
```
#015b2f rgb(1,91,47)
```
#016f39
```
#016f39 rgb(1,111,57)
```
#018243
```
#018243 rgb(1,130,67)
```
#01964d
```
#01964d rgb(1,150,77)
```
#01a957
```
#01a957 rgb(1,169,87)
```
#02bd61
```
#02bd61 rgb(2,189,97)
```
#02d06b
```
#02d06b rgb(2,208,107)
```
#02e475
```
#02e475 rgb(2,228,117)
```
#02f77f
```
#02f77f rgb(2,247,127)
```

Shade Color Variation

#10fd89
```
#10fd89 rgb(16,253,137)
```
#23fd92
```
#23fd92 rgb(35,253,146)
```
#36fd9c
```
#36fd9c rgb(54,253,156)
```
#4afea6
```
#4afea6 rgb(74,254,166)
```
#5dfeaf
```
#5dfeaf rgb(93,254,175)
```
#71feb9
```
#71feb9 rgb(113,254,185)
```
#84fec2
```
#84fec2 rgb(132,254,194)
```
#98fecc
```
#98fecc rgb(152,254,204)
```
#abfed6
```
#abfed6 rgb(171,254,214)
```
#bffedf
```
#bffedf rgb(191,254,223)
```
#d2ffe9
```
#d2ffe9 rgb(210,255,233)
```
#e6fff2
```
#e6fff2 rgb(230,255,242)
```
#f9fffc
```
#f9fffc rgb(249,255,252)
```

Tint Color Variation

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

#75847d
```
#75847d rgb(117,132,125)
```
#6b8e7d
```
#6b8e7d rgb(107,142,125)
```
#62977d
```
#62977d rgb(98,151,125)
```
#58a17d
```
#58a17d rgb(88,161,125)
```
#4faa7d
```
#4faa7d rgb(79,170,125)
```
#45b47e
```
#45b47e rgb(69,180,126)
```
#3bbe7e
```
#3bbe7e rgb(59,190,126)
```
#32c77e
```
#32c77e rgb(50,199,126)
```
#28d17e
```
#28d17e rgb(40,209,126)
```
#1fda7e
```
#1fda7e rgb(31,218,126)
```
#15e47f
```
#15e47f rgb(21,228,127)
```
#0ced7f
```
#0ced7f rgb(12,237,127)
```
#02f77f
```
#02f77f rgb(2,247,127)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#80b199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed97b Protanopia 1% of men
#ffd19d Deuteranopia 1% of men
#6eeafb Tritanopia 0.001% of the population

Trichromacy

#98e47c Protanomaly 1% of men, 0.01% of women
#a3df92 Deuteranomaly 6% of men, 0.4% of women
#46eece Tritanomaly 0.01% of the population