#02a872 hex color

In a RGB color space, hex #02a872 is composed of 0.8% red, 65.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 32.1% yellow and 34.1% black. It has a hue angle of 160.5 degrees, a saturation of 97.6% and a lightness of 33.3%. #02a872 color hex could be obtained by blending #04ffe4 with #005100. Closest websafe color is: #009966.

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

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

The hexadecimal color #02a872 has RGB values of R:2, G:168, B:114 and CMYK values of C:0.99, M:0, Y:0.32, K:0.34. Its decimal value is 174194.

Hex triplet	02a872	`#02a872`
RGB Decimal	2, 168, 114	`rgb(2,168,114)`
RGB Percent	0.8, 65.9, 44.7	`rgb(0.8%,65.9%,44.7%)`
CMYK	99, 0, 32, 34
HSL	160.5°, 97.6, 33.3	`hsl(160.5,97.6%,33.3%)`
HSV (or HSB)	160.5°, 98.8, 65.9
Web Safe	009966	`#009966`

CIE-LAB	60.985, -49.769, 17.804
XYZ	17.064, 29.231, 20.662
xyY	0.255, 0.437, 29.231
CIE-LCH	60.985, 52.858, 160.317
CIE-LUV	60.985, -52.287, 31.725
Hunter-Lab	54.066, -38.28, 15.188
Binary	00000010, 10101000, 01110010

#02a872
```
#02a872 rgb(2,168,114)
```
#a80238
```
#a80238 rgb(168,2,56)
```

Complementary Color

#02a81f
```
#02a81f rgb(2,168,31)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#028ba8
```
#028ba8 rgb(2,139,168)
```

Analogous Color

#a81f02
```
#a81f02 rgb(168,31,2)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#a8028b
```
#a8028b rgb(168,2,139)
```

Split Complementary Color

#a87202
```
#a87202 rgb(168,114,2)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#7202a8
```
#7202a8 rgb(114,2,168)
```

Triadic Color

#38a802
```
#38a802 rgb(56,168,2)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#7202a8
```
#7202a8 rgb(114,2,168)
```
#a80238
```
#a80238 rgb(168,2,56)
```

Tetradic Color

#015c3f
```
#015c3f rgb(1,92,63)
```
#017650
```
#017650 rgb(1,118,80)
```
#028f61
```
#028f61 rgb(2,143,97)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#02c183
```
#02c183 rgb(2,193,131)
```
#03da94
```
#03da94 rgb(3,218,148)
```
#03f4a5
```
#03f4a5 rgb(3,244,165)
```

Monochromatic Color

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

#02a849
```
#02a849 rgb(2,168,73)
```
#02a856
```
#02a856 rgb(2,168,86)
```
#02a864
```
#02a864 rgb(2,168,100)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#02a880
```
#02a880 rgb(2,168,128)
```
#02a88e
```
#02a88e rgb(2,168,142)
```
#02a89c
```
#02a89c rgb(2,168,156)
```

Similar Colors

Text with hexadecimal color #02a872

This text has a font color of #02a872.

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

#02a872 background color

This paragraph has a background color of #02a872.

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

#02a872 border color

This element has a border color of #02a872.

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

CSS codes

.text {color:#02a872;}

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

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

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

#000d09
```
#000d09 rgb(0,13,9)
```
#002016
```
#002016 rgb(0,32,22)
```
#013423
```
#013423 rgb(1,52,35)
```
#014730
```
#014730 rgb(1,71,48)
```
#015a3d
```
#015a3d rgb(1,90,61)
```
#016e4b
```
#016e4b rgb(1,110,75)
```
#028158
```
#028158 rgb(2,129,88)
```
#029565
```
#029565 rgb(2,149,101)
```
#02a872
```
#02a872 rgb(2,168,114)
```
#02bb7f
```
#02bb7f rgb(2,187,127)
```
#02cf8c
```
#02cf8c rgb(2,207,140)
```
#03e299
```
#03e299 rgb(3,226,153)
```
#03f6a7
```
#03f6a7 rgb(3,246,167)
```

Shade Color Variation

#10fcaf
```
#10fcaf rgb(16,252,175)
```
#23fcb6
```
#23fcb6 rgb(35,252,182)
```
#37fdbc
```
#37fdbc rgb(55,253,188)
```
#4afdc3
```
#4afdc3 rgb(74,253,195)
```
#5dfdc9
```
#5dfdc9 rgb(93,253,201)
```
#71fdd0
```
#71fdd0 rgb(113,253,208)
```
#84fed6
```
#84fed6 rgb(132,254,214)
```
#98fedd
```
#98fedd rgb(152,254,221)
```
#abfee3
```
#abfee3 rgb(171,254,227)
```
#befee9
```
#befee9 rgb(190,254,233)
```
#d2fef0
```
#d2fef0 rgb(210,254,240)
```
#e5fff6
```
#e5fff6 rgb(229,255,246)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#505a57
```
#505a57 rgb(80,90,87)
```
#4a6059
```
#4a6059 rgb(74,96,89)
```
#43675b
```
#43675b rgb(67,103,91)
```
#3d6d5d
```
#3d6d5d rgb(61,109,93)
```
#367460
```
#367460 rgb(54,116,96)
```
#307a62
```
#307a62 rgb(48,122,98)
```
#298164
```
#298164 rgb(41,129,100)
```
#238767
```
#238767 rgb(35,135,103)
```
#1c8e69
```
#1c8e69 rgb(28,142,105)
```
#16946b
```
#16946b rgb(22,148,107)
```
#0f9b6d
```
#0f9b6d rgb(15,155,109)
```
#09a170
```
#09a170 rgb(9,161,112)
```
#02a872
```
#02a872 rgb(2,168,114)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5a7b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39870 Protanopia 1% of men
#af9382 Deuteranopia 1% of men
#45a5b1 Tritanopia 0.001% of the population

Trichromacy

#699e71 Protanomaly 1% of men, 0.01% of women
#709a7c Deuteranomaly 6% of men, 0.4% of women
#2da69a Tritanomaly 0.01% of the population

#02a872 hex color

#02a872 Color Information

#02a872 Color Conversion

Color Schemes with #02a872

Alternatives to #02a872

#02a872 Preview

Shades and Tints of #02a872

Tones of #02a872

Color Blindness Simulator