#02f680 hex color

In a RGB color space, hex #02f680 is composed of 0.8% red, 96.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 48% yellow and 3.5% black. It has a hue angle of 151 degrees, a saturation of 98.4% and a lightness of 48.6%. #02f680 color hex could be obtained by blending #04ffff with #00ed01. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 1
- G 96
- B 50
RGB color chart
- C 99
- M 0
- Y 48
- K 4
CMYK color chart

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

The hexadecimal color #02f680 has RGB values of R:2, G:246, B:128 and CMYK values of C:0.99, M:0, Y:0.48, K:0.04. Its decimal value is 194176.

Hex triplet	02f680	`#02f680`
RGB Decimal	2, 246, 128	`rgb(2,246,128)`
RGB Percent	0.8, 96.5, 50.2	`rgb(0.8%,96.5%,50.2%)`
CMYK	99, 0, 48, 4
HSL	151°, 98.4, 48.6	`hsl(151,98.4%,48.6%)`
HSV (or HSB)	151°, 99.2, 96.5
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.745, -73.888, 43.144
XYZ	36.874, 67.479, 31.502
xyY	0.271, 0.497, 67.479
CIE-LCH	85.745, 85.562, 149.719
CIE-LUV	85.745, -76.756, 69.926
Hunter-Lab	82.145, -63.627, 34.765
Binary	00000010, 11110110, 10000000

#02f680
```
#02f680 rgb(2,246,128)
```
#f60278
```
#f60278 rgb(246,2,120)
```

Complementary Color

#02f606
```
#02f606 rgb(2,246,6)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#02f2f6
```
#02f2f6 rgb(2,242,246)
```

Analogous Color

#f60602
```
#f60602 rgb(246,6,2)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#f602f2
```
#f602f2 rgb(246,2,242)
```

Split Complementary Color

#f68002
```
#f68002 rgb(246,128,2)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#8002f6
```
#8002f6 rgb(128,2,246)
```

Triadic Color

#78f602
```
#78f602 rgb(120,246,2)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#8002f6
```
#8002f6 rgb(128,2,246)
```
#f60278
```
#f60278 rgb(246,2,120)
```

Tetradic Color

#01aa59
```
#01aa59 rgb(1,170,89)
```
#02c366
```
#02c366 rgb(2,195,102)
```
#02dd73
```
#02dd73 rgb(2,221,115)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#14fd8d
```
#14fd8d rgb(20,253,141)
```
#2efd99
```
#2efd99 rgb(46,253,153)
```
#47fea5
```
#47fea5 rgb(71,254,165)
```

Monochromatic Color

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

#02f643
```
#02f643 rgb(2,246,67)
```
#02f657
```
#02f657 rgb(2,246,87)
```
#02f66c
```
#02f66c rgb(2,246,108)
```
#02f680
```
#02f680 rgb(2,246,128)
```
#02f694
```
#02f694 rgb(2,246,148)
```
#02f6a9
```
#02f6a9 rgb(2,246,169)
```
#02f6bd
```
#02f6bd rgb(2,246,189)
```

Similar Colors

Text with hexadecimal color #02f680

This text has a font color of #02f680.

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

#02f680 background color

This paragraph has a background color of #02f680.

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

#02f680 border color

This element has a border color of #02f680.

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

CSS codes

.text {color:#02f680;}

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

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

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

#000d07
```
#000d07 rgb(0,13,7)
```
#002011
```
#002011 rgb(0,32,17)
```
#00331b
```
#00331b rgb(0,51,27)
```
#014725
```
#014725 rgb(1,71,37)
```
#015a2f
```
#015a2f rgb(1,90,47)
```
#016e39
```
#016e39 rgb(1,110,57)
```
#018143
```
#018143 rgb(1,129,67)
```
#01954d
```
#01954d rgb(1,149,77)
```
#01a858
```
#01a858 rgb(1,168,88)
```
#02bc62
```
#02bc62 rgb(2,188,98)
```
#02cf6c
```
#02cf6c rgb(2,207,108)
```
#02e376
```
#02e376 rgb(2,227,118)
```
#02f680
```
#02f680 rgb(2,246,128)
```

Shade Color Variation

#0ffd8a
```
#0ffd8a rgb(15,253,138)
```
#22fd93
```
#22fd93 rgb(34,253,147)
```
#35fd9d
```
#35fd9d rgb(53,253,157)
```
#49fea6
```
#49fea6 rgb(73,254,166)
```
#5cfeb0
```
#5cfeb0 rgb(92,254,176)
```
#70feb9
```
#70feb9 rgb(112,254,185)
```
#83fec3
```
#83fec3 rgb(131,254,195)
```
#97fecc
```
#97fecc rgb(151,254,204)
```
#aafed6
```
#aafed6 rgb(170,254,214)
```
#befedf
```
#befedf rgb(190,254,223)
```
#d1ffe9
```
#d1ffe9 rgb(209,255,233)
```
#e5fff2
```
#e5fff2 rgb(229,255,242)
```
#f8fffc
```
#f8fffc rgb(248,255,252)
```

Tint Color Variation

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

#74847c
```
#74847c rgb(116,132,124)
```
#6b8d7d
```
#6b8d7d rgb(107,141,125)
```
#61977d
```
#61977d rgb(97,151,125)
```
#58a07d
```
#58a07d rgb(88,160,125)
```
#4eaa7d
```
#4eaa7d rgb(78,170,125)
```
#45b37e
```
#45b37e rgb(69,179,126)
```
#3bbd7e
```
#3bbd7e rgb(59,189,126)
```
#32c67e
```
#32c67e rgb(50,198,126)
```
#28d07f
```
#28d07f rgb(40,208,127)
```
#1fd97f
```
#1fd97f rgb(31,217,127)
```
#15e37f
```
#15e37f rgb(21,227,127)
```
#0cec80
```
#0cec80 rgb(12,236,128)
```
#02f680
```
#02f680 rgb(2,246,128)
```

Tone Color Variation

Below, you can see how #02f680 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
#80b19a Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd87c Protanopia 1% of men
#ffd09b Deuteranopia 1% of men
#6de9fa Tritanopia 0.001% of the population

Trichromacy

#97e37d Protanomaly 1% of men, 0.01% of women
#a3de91 Deuteranomaly 6% of men, 0.4% of women
#46edcd Tritanomaly 0.01% of the population

#02f680 hex color

#02f680 Color Information

#02f680 Color Conversion

Color Schemes with #02f680

Alternatives to #02f680

#02f680 Preview

Shades and Tints of #02f680

Tones of #02f680

Color Blindness Simulator