#02ae59 hex color

In a RGB color space, hex #02ae59 is composed of 0.8% red, 68.2% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 48.9% yellow and 31.8% black. It has a hue angle of 150.3 degrees, a saturation of 97.7% and a lightness of 34.5%. #02ae59 color hex could be obtained by blending #04ffb2 with #005d00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 1
- G 68
- B 35
RGB color chart
- C 99
- M 0
- Y 49
- K 32
CMYK color chart

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

The hexadecimal color #02ae59 has RGB values of R:2, G:174, B:89 and CMYK values of C:0.99, M:0, Y:0.49, K:0.32. Its decimal value is 175705.

Hex triplet	02ae59	`#02ae59`
RGB Decimal	2, 174, 89	`rgb(2,174,89)`
RGB Percent	0.8, 68.2, 34.9	`rgb(0.8%,68.2%,34.9%)`
CMYK	99, 0, 49, 32
HSL	150.3°, 97.7, 34.5	`hsl(150.3,97.7%,34.5%)`
HSV (or HSB)	150.3°, 98.9, 68.2
Web Safe	009966	`#009966`

CIE-LAB	62.511, -56.902, 33.135
XYZ	16.963, 31.004, 14.541
xyY	0.271, 0.496, 31.004
CIE-LCH	62.511, 65.847, 149.787
CIE-LUV	62.511, -55.876, 50.797
Hunter-Lab	55.682, -43.064, 23.494
Binary	00000010, 10101110, 01011001

#02ae59
```
#02ae59 rgb(2,174,89)
```
#ae0257
```
#ae0257 rgb(174,2,87)
```

Complementary Color

#02ae03
```
#02ae03 rgb(2,174,3)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#02adae
```
#02adae rgb(2,173,174)
```

Analogous Color

#ae0302
```
#ae0302 rgb(174,3,2)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#ae02ad
```
#ae02ad rgb(174,2,173)
```

Split Complementary Color

#ae5902
```
#ae5902 rgb(174,89,2)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#5902ae
```
#5902ae rgb(89,2,174)
```

Triadic Color

#57ae02
```
#57ae02 rgb(87,174,2)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#5902ae
```
#5902ae rgb(89,2,174)
```
#ae0257
```
#ae0257 rgb(174,2,87)
```

Tetradic Color

#016232
```
#016232 rgb(1,98,50)
```
#017c3f
```
#017c3f rgb(1,124,63)
```
#02954c
```
#02954c rgb(2,149,76)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#02c766
```
#02c766 rgb(2,199,102)
```
#03e073
```
#03e073 rgb(3,224,115)
```
#03fa80
```
#03fa80 rgb(3,250,128)
```

Monochromatic Color

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

#02ae2e
```
#02ae2e rgb(2,174,46)
```
#02ae3c
```
#02ae3c rgb(2,174,60)
```
#02ae4b
```
#02ae4b rgb(2,174,75)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#02ae67
```
#02ae67 rgb(2,174,103)
```
#02ae76
```
#02ae76 rgb(2,174,118)
```
#02ae84
```
#02ae84 rgb(2,174,132)
```

Similar Colors

Text with hexadecimal color #02ae59

This text has a font color of #02ae59.

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

#02ae59 background color

This paragraph has a background color of #02ae59.

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

#02ae59 border color

This element has a border color of #02ae59.

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

CSS codes

.text {color:#02ae59;}

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

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

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, #00130a is the darkest color, while #feffff is the lightest one.

#00130a
```
#00130a rgb(0,19,10)
```
#002614
```
#002614 rgb(0,38,20)
```
#013a1d
```
#013a1d rgb(1,58,29)
```
#014d27
```
#014d27 rgb(1,77,39)
```
#016031
```
#016031 rgb(1,96,49)
```
#01743b
```
#01743b rgb(1,116,59)
```
#028745
```
#028745 rgb(2,135,69)
```
#029b4f
```
#029b4f rgb(2,155,79)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```
#02c163
```
#02c163 rgb(2,193,99)
```
#02d56d
```
#02d56d rgb(2,213,109)
```
#03e877
```
#03e877 rgb(3,232,119)
```
#03fc81
```
#03fc81 rgb(3,252,129)
```

Shade Color Variation

#16fc8a
```
#16fc8a rgb(22,252,138)
```
#29fd94
```
#29fd94 rgb(41,253,148)
```
#3dfd9e
```
#3dfd9e rgb(61,253,158)
```
#50fda7
```
#50fda7 rgb(80,253,167)
```
#63fdb1
```
#63fdb1 rgb(99,253,177)
```
#77fdbb
```
#77fdbb rgb(119,253,187)
```
#8afec5
```
#8afec5 rgb(138,254,197)
```
#9efece
```
#9efece rgb(158,254,206)
```
#b1fed8
```
#b1fed8 rgb(177,254,216)
```
#c4fee2
```
#c4fee2 rgb(196,254,226)
```
#d8ffeb
```
#d8ffeb rgb(216,255,235)
```
#ebfff5
```
#ebfff5 rgb(235,255,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#535d58
```
#535d58 rgb(83,93,88)
```
#4c6458
```
#4c6458 rgb(76,100,88)
```
#466a58
```
#466a58 rgb(70,106,88)
```
#3f7158
```
#3f7158 rgb(63,113,88)
```
#387858
```
#387858 rgb(56,120,88)
```
#317f58
```
#317f58 rgb(49,127,88)
```
#2b8559
```
#2b8559 rgb(43,133,89)
```
#248c59
```
#248c59 rgb(36,140,89)
```
#1d9359
```
#1d9359 rgb(29,147,89)
```
#169a59
```
#169a59 rgb(22,154,89)
```
#10a059
```
#10a059 rgb(16,160,89)
```
#09a759
```
#09a759 rgb(9,167,89)
```
#02ae59
```
#02ae59 rgb(2,174,89)
```

Tone Color Variation

Below, you can see how #02ae59 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
#5b7d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9c5a Protanopia 1% of men
#ba966b Deuteranopia 1% of men
#4fa8b5 Tritanopia 0.001% of the population

Trichromacy

#6da259 Protanomaly 1% of men, 0.01% of women
#779e64 Deuteranomaly 6% of men, 0.4% of women
#33aa93 Tritanomaly 0.01% of the population

#02ae59 hex color

#02ae59 Color Information

#02ae59 Color Conversion

Color Schemes with #02ae59

Alternatives to #02ae59

#02ae59 Preview

Shades and Tints of #02ae59

Tones of #02ae59

Color Blindness Simulator