colorhexa.com

#02f970 hex color

In a RGB color space, hex #02f970 is composed of 0.8% red, 97.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 55% yellow and 2.4% black. It has a hue angle of 146.7 degrees, a saturation of 98.4% and a lightness of 49.2%. #02f970 color hex could be obtained by blending #04ffe0 with #00f300. Closest websafe color is: #00ff66.

- R 1
- G 98
- B 44
RGB color chart
- C 99
- M 0
- Y 55
- K 2
CMYK color chart

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

The hexadecimal color #02f970 has RGB values of R:2, G:249, B:112 and CMYK values of C:0.99, M:0, Y:0.55, K:0.02. Its decimal value is 194928.

Hex triplet	02f970	`#02f970`
RGB Decimal	2, 249, 112	`rgb(2,249,112)`
RGB Percent	0.8, 97.6, 43.9	`rgb(0.8%,97.6%,43.9%)`
CMYK	99, 0, 55, 2
HSL	146.7°, 98.4, 49.2	`hsl(146.7,98.4%,49.2%)`
HSV (or HSB)	146.7°, 99.2, 97.6
Web Safe	00ff66	`#00ff66`

CIE-LAB	86.469, -77.179, 51.5
XYZ	36.823, 68.93, 26.692
xyY	0.278, 0.52, 68.93
CIE-LCH	86.469, 92.784, 146.286
CIE-LUV	86.469, -78.524, 79.494
Hunter-Lab	83.024, -66.124, 39.055
Binary	00000010, 11111001, 01110000

#02f970
```
#02f970 rgb(2,249,112)
```
#f9028b
```
#f9028b rgb(249,2,139)
```

Complementary Color

#0ff902
```
#0ff902 rgb(15,249,2)
```
#02f970
```
#02f970 rgb(2,249,112)
```
#02f9ec
```
#02f9ec rgb(2,249,236)
```

Analogous Color

#f9020f
```
#f9020f rgb(249,2,15)
```
#02f970
```
#02f970 rgb(2,249,112)
```
#ec02f9
```
#ec02f9 rgb(236,2,249)
```

Split Complementary Color

#f97002
```
#f97002 rgb(249,112,2)
```
#02f970
```
#02f970 rgb(2,249,112)
```
#7002f9
```
#7002f9 rgb(112,2,249)
```

Triadic Color

#01ad4e
```
#01ad4e rgb(1,173,78)
```
#02c659
```
#02c659 rgb(2,198,89)
```
#02e065
```
#02e065 rgb(2,224,101)
```
#02f970
```
#02f970 rgb(2,249,112)
```
#17fd7e
```
#17fd7e rgb(23,253,126)
```
#31fd8c
```
#31fd8c rgb(49,253,140)
```
#4afe9a
```
#4afe9a rgb(74,254,154)
```

Monochromatic Color

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

#02f932
```
#02f932 rgb(2,249,50)
```
#02f947
```
#02f947 rgb(2,249,71)
```
#02f95b
```
#02f95b rgb(2,249,91)
```
#02f970
```
#02f970 rgb(2,249,112)
```
#02f985
```
#02f985 rgb(2,249,133)
```
#02f999
```
#02f999 rgb(2,249,153)
```
#02f9ae
```
#02f9ae rgb(2,249,174)
```

Similar Colors

Text with hexadecimal color #02f970

This text has a font color of #02f970.

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

#02f970 background color

This paragraph has a background color of #02f970.

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

#02f970 border color

This element has a border color of #02f970.

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

CSS codes

.text {color:#02f970;}

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

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

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

#000f07
```
#000f07 rgb(0,15,7)
```
#002310
```
#002310 rgb(0,35,16)
```
#003618
```
#003618 rgb(0,54,24)
```
#014a21
```
#014a21 rgb(1,74,33)
```
#015d2a
```
#015d2a rgb(1,93,42)
```
#017133
```
#017133 rgb(1,113,51)
```
#01843b
```
#01843b rgb(1,132,59)
```
#019844
```
#019844 rgb(1,152,68)
```
#01ab4d
```
#01ab4d rgb(1,171,77)
```
#02bf56
```
#02bf56 rgb(2,191,86)
```
#02d25e
```
#02d25e rgb(2,210,94)
```
#02e667
```
#02e667 rgb(2,230,103)
```
#02f970
```
#02f970 rgb(2,249,112)
```

Shade Color Variation

#12fd7a
```
#12fd7a rgb(18,253,122)
```
#25fd85
```
#25fd85 rgb(37,253,133)
```
#38fd90
```
#38fd90 rgb(56,253,144)
```
#4cfe9b
```
#4cfe9b rgb(76,254,155)
```
#5ffea6
```
#5ffea6 rgb(95,254,166)
```
#73feb1
```
#73feb1 rgb(115,254,177)
```
#86febc
```
#86febc rgb(134,254,188)
```
#9afec6
```
#9afec6 rgb(154,254,198)
```
#adfed1
```
#adfed1 rgb(173,254,209)
```
#c1fedc
```
#c1fedc rgb(193,254,220)
```
#d4ffe7
```
#d4ffe7 rgb(212,255,231)
```
#e8fff2
```
#e8fff2 rgb(232,255,242)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#76857d
```
#76857d rgb(118,133,125)
```
#6c8f7c
```
#6c8f7c rgb(108,143,124)
```
#63987b
```
#63987b rgb(99,152,123)
```
#59a279
```
#59a279 rgb(89,162,121)
```
#4fac78
```
#4fac78 rgb(79,172,120)
```
#46b577
```
#46b577 rgb(70,181,119)
```
#3cbf76
```
#3cbf76 rgb(60,191,118)
```
#32c975
```
#32c975 rgb(50,201,117)
```
#29d274
```
#29d274 rgb(41,210,116)
```
#1fdc73
```
#1fdc73 rgb(31,220,115)
```
#15e672
```
#15e672 rgb(21,230,114)
```
#0cef71
```
#0cef71 rgb(12,239,113)
```
#02f970
```
#02f970 rgb(2,249,112)
```

Tone Color Variation

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

Dichromacy

#f0da6d Protanopia 1% of men
#ffd39c Deuteranopia 1% of men
#71ebfc Tritanopia 0.001% of the population

Trichromacy

#9ae56e Protanomaly 1% of men, 0.01% of women
#a3e08c Deuteranomaly 6% of men, 0.4% of women
#48f0c9 Tritanomaly 0.01% of the population