#02f366 hex color

In a RGB color space, hex #02f366 is composed of 0.8% red, 95.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 58% yellow and 4.7% black. It has a hue angle of 144.9 degrees, a saturation of 98.4% and a lightness of 48%. #02f366 color hex could be obtained by blending #04ffcc with #00e700. Closest websafe color is: #00ff66.

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

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

The hexadecimal color #02f366 has RGB values of R:2, G:243, B:102 and CMYK values of C:0.99, M:0, Y:0.58, K:0.05. Its decimal value is 193382.

Hex triplet	02f366	`#02f366`
RGB Decimal	2, 243, 102	`rgb(2,243,102)`
RGB Percent	0.8, 95.3, 40	`rgb(0.8%,95.3%,40%)`
CMYK	99, 0, 58, 5
HSL	144.9°, 98.4, 48	`hsl(144.9,98.4%,48%)`
HSV (or HSB)	144.9°, 99.2, 95.3
Web Safe	00ff66	`#00ff66`

CIE-LAB	84.52, -76.704, 53.661
XYZ	34.472, 65.069, 23.312
xyY	0.281, 0.53, 65.069
CIE-LCH	84.52, 93.611, 145.024
CIE-LUV	84.52, -77.155, 80.959
Hunter-Lab	80.666, -64.885, 39.331
Binary	00000010, 11110011, 01100110

#02f366
```
#02f366 rgb(2,243,102)
```
#f3028f
```
#f3028f rgb(243,2,143)
```

Complementary Color

#17f302
```
#17f302 rgb(23,243,2)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#02f3df
```
#02f3df rgb(2,243,223)
```

Analogous Color

#f30217
```
#f30217 rgb(243,2,23)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#df02f3
```
#df02f3 rgb(223,2,243)
```

Split Complementary Color

#f36602
```
#f36602 rgb(243,102,2)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#6602f3
```
#6602f3 rgb(102,2,243)
```

Triadic Color

#8ff302
```
#8ff302 rgb(143,243,2)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#6602f3
```
#6602f3 rgb(102,2,243)
```
#f3028f
```
#f3028f rgb(243,2,143)
```

Tetradic Color

#01a746
```
#01a746 rgb(1,167,70)
```
#02c051
```
#02c051 rgb(2,192,81)
```
#02da5b
```
#02da5b rgb(2,218,91)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#11fd73
```
#11fd73 rgb(17,253,115)
```
#2bfd82
```
#2bfd82 rgb(43,253,130)
```
#44fd91
```
#44fd91 rgb(68,253,145)
```

Monochromatic Color

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

#02f32a
```
#02f32a rgb(2,243,42)
```
#02f33e
```
#02f33e rgb(2,243,62)
```
#02f352
```
#02f352 rgb(2,243,82)
```
#02f366
```
#02f366 rgb(2,243,102)
```
#02f37a
```
#02f37a rgb(2,243,122)
```
#02f38e
```
#02f38e rgb(2,243,142)
```
#02f3a2
```
#02f3a2 rgb(2,243,162)
```

Similar Colors

Text with hexadecimal color #02f366

This text has a font color of #02f366.

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

#02f366 background color

This paragraph has a background color of #02f366.

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

#02f366 border color

This element has a border color of #02f366.

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

CSS codes

.text {color:#02f366;}

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

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

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

#000a04
```
#000a04 rgb(0,10,4)
```
#001d0c
```
#001d0c rgb(0,29,12)
```
#003014
```
#003014 rgb(0,48,20)
```
#01441d
```
#01441d rgb(1,68,29)
```
#015725
```
#015725 rgb(1,87,37)
```
#016b2d
```
#016b2d rgb(1,107,45)
```
#017e35
```
#017e35 rgb(1,126,53)
```
#01923d
```
#01923d rgb(1,146,61)
```
#01a545
```
#01a545 rgb(1,165,69)
```
#02b94e
```
#02b94e rgb(2,185,78)
```
#02cc56
```
#02cc56 rgb(2,204,86)
```
#02e05e
```
#02e05e rgb(2,224,94)
```
#02f366
```
#02f366 rgb(2,243,102)
```

Shade Color Variation

#0cfd70
```
#0cfd70 rgb(12,253,112)
```
#1ffd7b
```
#1ffd7b rgb(31,253,123)
```
#33fd87
```
#33fd87 rgb(51,253,135)
```
#46fd92
```
#46fd92 rgb(70,253,146)
```
#59fe9e
```
#59fe9e rgb(89,254,158)
```
#6dfea9
```
#6dfea9 rgb(109,254,169)
```
#80feb4
```
#80feb4 rgb(128,254,180)
```
#94fec0
```
#94fec0 rgb(148,254,192)
```
#a7fecb
```
#a7fecb rgb(167,254,203)
```
#bbfed7
```
#bbfed7 rgb(187,254,215)
```
#ceffe2
```
#ceffe2 rgb(206,255,226)
```
#e2ffee
```
#e2ffee rgb(226,255,238)
```
#f5fff9
```
#f5fff9 rgb(245,255,249)
```

Tint Color Variation

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

#738279
```
#738279 rgb(115,130,121)
```
#6a8b78
```
#6a8b78 rgb(106,139,120)
```
#609576
```
#609576 rgb(96,149,118)
```
#579e74
```
#579e74 rgb(87,158,116)
```
#4da873
```
#4da873 rgb(77,168,115)
```
#44b171
```
#44b171 rgb(68,177,113)
```
#3bba70
```
#3bba70 rgb(59,186,112)
```
#31c46e
```
#31c46e rgb(49,196,110)
```
#28cd6c
```
#28cd6c rgb(40,205,108)
```
#1ed76b
```
#1ed76b rgb(30,215,107)
```
#15e069
```
#15e069 rgb(21,224,105)
```
#0bea68
```
#0bea68 rgb(11,234,104)
```
#02f366
```
#02f366 rgb(2,243,102)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#7cad90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd564 Protanopia 1% of men
#ffcc86 Deuteranopia 1% of men
#6fe5f6 Tritanopia 0.001% of the population

Trichromacy

#96e065 Protanomaly 1% of men, 0.01% of women
#a3da7a Deuteranomaly 6% of men, 0.4% of women
#47eac1 Tritanomaly 0.01% of the population

#02f366 hex color

#02f366 Color Information

#02f366 Color Conversion

Color Schemes with #02f366

Alternatives to #02f366

#02f366 Preview

Shades and Tints of #02f366

Tones of #02f366

Color Blindness Simulator