#02a970 hex color

In a RGB color space, hex #02a970 is composed of 0.8% red, 66.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 33.7% yellow and 33.7% black. It has a hue angle of 159.5 degrees, a saturation of 97.7% and a lightness of 33.5%. #02a970 color hex could be obtained by blending #04ffe0 with #005300. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 1
- G 66
- B 44
RGB color chart
- C 99
- M 0
- Y 34
- K 34
CMYK color chart

● #02a970 color description : Dark cyan - lime green.

The hexadecimal color #02a970 has RGB values of R:2, G:169, B:112 and CMYK values of C:0.99, M:0, Y:0.34, K:0.34. Its decimal value is 174448.

Hex triplet	02a970	`#02a970`
RGB Decimal	2, 169, 112	`rgb(2,169,112)`
RGB Percent	0.8, 66.3, 43.9	`rgb(0.8%,66.3%,43.9%)`
CMYK	99, 0, 34, 34
HSL	159.5°, 97.7, 33.5	`hsl(159.5,97.7%,33.5%)`
HSV (or HSB)	159.5°, 98.8, 66.3
Web Safe	009966	`#009966`

CIE-LAB	61.27, -50.597, 19.288
XYZ	17.136, 29.557, 20.13
xyY	0.256, 0.442, 29.557
CIE-LCH	61.27, 54.148, 159.132
CIE-LUV	61.27, -52.765, 33.741
Hunter-Lab	54.366, -38.878, 16.103
Binary	00000010, 10101001, 01110000

#02a970
```
#02a970 rgb(2,169,112)
```
#a9023b
```
#a9023b rgb(169,2,59)
```

Complementary Color

#02a91d
```
#02a91d rgb(2,169,29)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#028fa9
```
#028fa9 rgb(2,143,169)
```

Analogous Color

#a91d02
```
#a91d02 rgb(169,29,2)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#a9028f
```
#a9028f rgb(169,2,143)
```

Split Complementary Color

#a97002
```
#a97002 rgb(169,112,2)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#7002a9
```
#7002a9 rgb(112,2,169)
```

Triadic Color

#3ba902
```
#3ba902 rgb(59,169,2)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#7002a9
```
#7002a9 rgb(112,2,169)
```
#a9023b
```
#a9023b rgb(169,2,59)
```

Tetradic Color

#015d3e
```
#015d3e rgb(1,93,62)
```
#01774f
```
#01774f rgb(1,119,79)
```
#02905f
```
#02905f rgb(2,144,95)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#02c281
```
#02c281 rgb(2,194,129)
```
#03db91
```
#03db91 rgb(3,219,145)
```
#03f5a2
```
#03f5a2 rgb(3,245,162)
```

Monochromatic Color

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

#02a946
```
#02a946 rgb(2,169,70)
```
#02a954
```
#02a954 rgb(2,169,84)
```
#02a962
```
#02a962 rgb(2,169,98)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#02a97e
```
#02a97e rgb(2,169,126)
```
#02a98c
```
#02a98c rgb(2,169,140)
```
#02a99a
```
#02a99a rgb(2,169,154)
```

Similar Colors

Text with hexadecimal color #02a970

This text has a font color of #02a970.

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

#02a970 background color

This paragraph has a background color of #02a970.

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

#02a970 border color

This element has a border color of #02a970.

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

CSS codes

.text {color:#02a970;}

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

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

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

#000e09
```
#000e09 rgb(0,14,9)
```
#002116
```
#002116 rgb(0,33,22)
```
#013523
```
#013523 rgb(1,53,35)
```
#014830
```
#014830 rgb(1,72,48)
```
#015b3d
```
#015b3d rgb(1,91,61)
```
#016f49
```
#016f49 rgb(1,111,73)
```
#028256
```
#028256 rgb(2,130,86)
```
#029663
```
#029663 rgb(2,150,99)
```
#02a970
```
#02a970 rgb(2,169,112)
```
#02bc7d
```
#02bc7d rgb(2,188,125)
```
#02d08a
```
#02d08a rgb(2,208,138)
```
#03e397
```
#03e397 rgb(3,227,151)
```
#03f7a3
```
#03f7a3 rgb(3,247,163)
```

Shade Color Variation

#11fcac
```
#11fcac rgb(17,252,172)
```
#24fcb3
```
#24fcb3 rgb(36,252,179)
```
#38fdb9
```
#38fdb9 rgb(56,253,185)
```
#4bfdc0
```
#4bfdc0 rgb(75,253,192)
```
#5efdc7
```
#5efdc7 rgb(94,253,199)
```
#72fdce
```
#72fdce rgb(114,253,206)
```
#85fed4
```
#85fed4 rgb(133,254,212)
```
#99fedb
```
#99fedb rgb(153,254,219)
```
#acfee2
```
#acfee2 rgb(172,254,226)
```
#bffee9
```
#bffee9 rgb(191,254,233)
```
#d3fef0
```
#d3fef0 rgb(211,254,240)
```
#e6fff6
```
#e6fff6 rgb(230,255,246)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#515a57
```
#515a57 rgb(81,90,87)
```
#4a6159
```
#4a6159 rgb(74,97,89)
```
#44675b
```
#44675b rgb(68,103,91)
```
#3d6e5d
```
#3d6e5d rgb(61,110,93)
```
#37745f
```
#37745f rgb(55,116,95)
```
#307b61
```
#307b61 rgb(48,123,97)
```
#298263
```
#298263 rgb(41,130,99)
```
#238866
```
#238866 rgb(35,136,102)
```
#1c8f68
```
#1c8f68 rgb(28,143,104)
```
#16956a
```
#16956a rgb(22,149,106)
```
#0f9c6c
```
#0f9c6c rgb(15,156,108)
```
#09a26e
```
#09a26e rgb(9,162,110)
```
#02a970
```
#02a970 rgb(2,169,112)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5b7c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5996f Protanopia 1% of men
#b09380 Deuteranopia 1% of men
#46a5b2 Tritanopia 0.001% of the population

Trichromacy

#699f6f Protanomaly 1% of men, 0.01% of women
#719b7a Deuteranomaly 6% of men, 0.4% of women
#2da79a Tritanomaly 0.01% of the population

#02a970 hex color

#02a970 Color Information

#02a970 Color Conversion

Color Schemes with #02a970

Alternatives to #02a970

#02a970 Preview

Shades and Tints of #02a970

Tones of #02a970

Color Blindness Simulator