#02ae80 hex color

In a RGB color space, hex #02ae80 is composed of 0.8% red, 68.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 26.4% yellow and 31.8% black. It has a hue angle of 164 degrees, a saturation of 97.7% and a lightness of 34.5%. #02ae80 color hex could be obtained by blending #04ffff with #005d01. Closest websafe color is: #009999.

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

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

The hexadecimal color #02ae80 has RGB values of R:2, G:174, B:128 and CMYK values of C:0.99, M:0, Y:0.26, K:0.32. Its decimal value is 175744.

Hex triplet	02ae80	`#02ae80`
RGB Decimal	2, 174, 128	`rgb(2,174,128)`
RGB Percent	0.8, 68.2, 50.2	`rgb(0.8%,68.2%,50.2%)`
CMYK	99, 0, 26, 32
HSL	164°, 97.7, 34.5	`hsl(164,97.7%,34.5%)`
HSV (or HSB)	164°, 98.9, 68.2
Web Safe	009999	`#009999`

CIE-LAB	63.212, -48.79, 13.192
XYZ	19.056, 31.841, 25.563
xyY	0.249, 0.416, 31.841
CIE-LCH	63.212, 50.542, 164.87
CIE-LUV	63.212, -53.332, 25.863
Hunter-Lab	56.428, -38.47, 12.641
Binary	00000010, 10101110, 10000000

#02ae80
```
#02ae80 rgb(2,174,128)
```
#ae0230
```
#ae0230 rgb(174,2,48)
```

Complementary Color

#02ae2a
```
#02ae2a rgb(2,174,42)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#0286ae
```
#0286ae rgb(2,134,174)
```

Analogous Color

#ae2a02
```
#ae2a02 rgb(174,42,2)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#ae0286
```
#ae0286 rgb(174,2,134)
```

Split Complementary Color

#ae8002
```
#ae8002 rgb(174,128,2)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#8002ae
```
#8002ae rgb(128,2,174)
```

Triadic Color

#30ae02
```
#30ae02 rgb(48,174,2)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#8002ae
```
#8002ae rgb(128,2,174)
```
#ae0230
```
#ae0230 rgb(174,2,48)
```

Tetradic Color

#016248
```
#016248 rgb(1,98,72)
```
#017c5b
```
#017c5b rgb(1,124,91)
```
#02956d
```
#02956d rgb(2,149,109)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#02c793
```
#02c793 rgb(2,199,147)
```
#03e0a5
```
#03e0a5 rgb(3,224,165)
```
#03fab8
```
#03fab8 rgb(3,250,184)
```

Monochromatic Color

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

#02ae55
```
#02ae55 rgb(2,174,85)
```
#02ae63
```
#02ae63 rgb(2,174,99)
```
#02ae72
```
#02ae72 rgb(2,174,114)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#02ae8e
```
#02ae8e rgb(2,174,142)
```
#02ae9d
```
#02ae9d rgb(2,174,157)
```
#02aeab
```
#02aeab rgb(2,174,171)
```

Similar Colors

Text with hexadecimal color #02ae80

This text has a font color of #02ae80.

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

#02ae80 background color

This paragraph has a background color of #02ae80.

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

#02ae80 border color

This element has a border color of #02ae80.

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

CSS codes

.text {color:#02ae80;}

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

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

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

#00130e
```
#00130e rgb(0,19,14)
```
#00261c
```
#00261c rgb(0,38,28)
```
#013a2a
```
#013a2a rgb(1,58,42)
```
#014d39
```
#014d39 rgb(1,77,57)
```
#016047
```
#016047 rgb(1,96,71)
```
#017455
```
#017455 rgb(1,116,85)
```
#028763
```
#028763 rgb(2,135,99)
```
#029b72
```
#029b72 rgb(2,155,114)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```
#02c18e
```
#02c18e rgb(2,193,142)
```
#02d59d
```
#02d59d rgb(2,213,157)
```
#03e8ab
```
#03e8ab rgb(3,232,171)
```
#03fcb9
```
#03fcb9 rgb(3,252,185)
```

Shade Color Variation

#16fcbf
```
#16fcbf rgb(22,252,191)
```
#29fdc4
```
#29fdc4 rgb(41,253,196)
```
#3dfdc9
```
#3dfdc9 rgb(61,253,201)
```
#50fdcf
```
#50fdcf rgb(80,253,207)
```
#63fdd4
```
#63fdd4 rgb(99,253,212)
```
#77fdd9
```
#77fdd9 rgb(119,253,217)
```
#8afedf
```
#8afedf rgb(138,254,223)
```
#9efee4
```
#9efee4 rgb(158,254,228)
```
#b1fee9
```
#b1fee9 rgb(177,254,233)
```
#c4feef
```
#c4feef rgb(196,254,239)
```
#d8fff4
```
#d8fff4 rgb(216,255,244)
```
#ebfffa
```
#ebfffa rgb(235,255,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#535d5a
```
#535d5a rgb(83,93,90)
```
#4c645d
```
#4c645d rgb(76,100,93)
```
#466a61
```
#466a61 rgb(70,106,97)
```
#3f7164
```
#3f7164 rgb(63,113,100)
```
#387867
```
#387867 rgb(56,120,103)
```
#317f6a
```
#317f6a rgb(49,127,106)
```
#2b856d
```
#2b856d rgb(43,133,109)
```
#248c70
```
#248c70 rgb(36,140,112)
```
#1d9373
```
#1d9373 rgb(29,147,115)
```
#169a77
```
#169a77 rgb(22,154,119)
```
#10a07a
```
#10a07a rgb(16,160,122)
```
#09a77d
```
#09a77d rgb(9,167,125)
```
#02ae80
```
#02ae80 rgb(2,174,128)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5e8077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89e7d Protanopia 1% of men
#b2988f Deuteranopia 1% of men
#44abb8 Tritanopia 0.001% of the population

Trichromacy

#6ba37e Protanomaly 1% of men, 0.01% of women
#72a089 Deuteranomaly 6% of men, 0.4% of women
#2caca3 Tritanomaly 0.01% of the population

#02ae80 hex color

#02ae80 Color Information

#02ae80 Color Conversion

Color Schemes with #02ae80

Alternatives to #02ae80

#02ae80 Preview

Shades and Tints of #02ae80

Tones of #02ae80

Color Blindness Simulator