#02ae64 hex color

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

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

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

The hexadecimal color #02ae64 has RGB values of R:2, G:174, B:100 and CMYK values of C:0.99, M:0, Y:0.43, K:0.32. Its decimal value is 175716.

Hex triplet	02ae64	`#02ae64`
RGB Decimal	2, 174, 100	`rgb(2,174,100)`
RGB Percent	0.8, 68.2, 39.2	`rgb(0.8%,68.2%,39.2%)`
CMYK	99, 0, 43, 32
HSL	154.2°, 97.7, 34.5	`hsl(154.2,97.7%,34.5%)`
HSV (or HSB)	154.2°, 98.9, 68.2
Web Safe	009966	`#009966`

CIE-LAB	62.679, -54.901, 27.625
XYZ	17.46, 31.203, 17.158
xyY	0.265, 0.474, 31.203
CIE-LCH	62.679, 61.46, 153.289
CIE-LUV	62.679, -55.229, 44.521
Hunter-Lab	55.86, -41.961, 20.89
Binary	00000010, 10101110, 01100100

#02ae64
```
#02ae64 rgb(2,174,100)
```
#ae024c
```
#ae024c rgb(174,2,76)
```

Complementary Color

#02ae0e
```
#02ae0e rgb(2,174,14)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#02a2ae
```
#02a2ae rgb(2,162,174)
```

Analogous Color

#ae0e02
```
#ae0e02 rgb(174,14,2)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#ae02a2
```
#ae02a2 rgb(174,2,162)
```

Split Complementary Color

#ae6402
```
#ae6402 rgb(174,100,2)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#6402ae
```
#6402ae rgb(100,2,174)
```

Triadic Color

#4cae02
```
#4cae02 rgb(76,174,2)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#6402ae
```
#6402ae rgb(100,2,174)
```
#ae024c
```
#ae024c rgb(174,2,76)
```

Tetradic Color

#016239
```
#016239 rgb(1,98,57)
```
#017c47
```
#017c47 rgb(1,124,71)
```
#029556
```
#029556 rgb(2,149,86)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#02c772
```
#02c772 rgb(2,199,114)
```
#03e081
```
#03e081 rgb(3,224,129)
```
#03fa8f
```
#03fa8f rgb(3,250,143)
```

Monochromatic Color

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

#02ae39
```
#02ae39 rgb(2,174,57)
```
#02ae47
```
#02ae47 rgb(2,174,71)
```
#02ae56
```
#02ae56 rgb(2,174,86)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#02ae72
```
#02ae72 rgb(2,174,114)
```
#02ae81
```
#02ae81 rgb(2,174,129)
```
#02ae8f
```
#02ae8f rgb(2,174,143)
```

Similar Colors

Text with hexadecimal color #02ae64

This text has a font color of #02ae64.

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

#02ae64 background color

This paragraph has a background color of #02ae64.

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

#02ae64 border color

This element has a border color of #02ae64.

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

CSS codes

.text {color:#02ae64;}

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

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

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

#00130b
```
#00130b rgb(0,19,11)
```
#002616
```
#002616 rgb(0,38,22)
```
#013a21
```
#013a21 rgb(1,58,33)
```
#014d2c
```
#014d2c rgb(1,77,44)
```
#016037
```
#016037 rgb(1,96,55)
```
#017443
```
#017443 rgb(1,116,67)
```
#02874e
```
#02874e rgb(2,135,78)
```
#029b59
```
#029b59 rgb(2,155,89)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```
#02c16f
```
#02c16f rgb(2,193,111)
```
#02d57a
```
#02d57a rgb(2,213,122)
```
#03e885
```
#03e885 rgb(3,232,133)
```
#03fc91
```
#03fc91 rgb(3,252,145)
```

Shade Color Variation

#16fc99
```
#16fc99 rgb(22,252,153)
```
#29fda2
```
#29fda2 rgb(41,253,162)
```
#3dfdaa
```
#3dfdaa rgb(61,253,170)
```
#50fdb3
```
#50fdb3 rgb(80,253,179)
```
#63fdbb
```
#63fdbb rgb(99,253,187)
```
#77fdc3
```
#77fdc3 rgb(119,253,195)
```
#8afecc
```
#8afecc rgb(138,254,204)
```
#9efed4
```
#9efed4 rgb(158,254,212)
```
#b1fedd
```
#b1fedd rgb(177,254,221)
```
#c4fee5
```
#c4fee5 rgb(196,254,229)
```
#d8ffee
```
#d8ffee rgb(216,255,238)
```
#ebfff6
```
#ebfff6 rgb(235,255,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#535d59
```
#535d59 rgb(83,93,89)
```
#4c645a
```
#4c645a rgb(76,100,90)
```
#466a5b
```
#466a5b rgb(70,106,91)
```
#3f715b
```
#3f715b rgb(63,113,91)
```
#38785c
```
#38785c rgb(56,120,92)
```
#317f5d
```
#317f5d rgb(49,127,93)
```
#2b855e
```
#2b855e rgb(43,133,94)
```
#248c5f
```
#248c5f rgb(36,140,95)
```
#1d9360
```
#1d9360 rgb(29,147,96)
```
#169a61
```
#169a61 rgb(22,154,97)
```
#10a062
```
#10a062 rgb(16,160,98)
```
#09a763
```
#09a763 rgb(9,167,99)
```
#02ae64
```
#02ae64 rgb(2,174,100)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5c7e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c64 Protanopia 1% of men
#b89675 Deuteranopia 1% of men
#4ca9b5 Tritanopia 0.001% of the population

Trichromacy

#6da364 Protanomaly 1% of men, 0.01% of women
#769f6f Deuteranomaly 6% of men, 0.4% of women
#31ab98 Tritanomaly 0.01% of the population

#02ae64 hex color

#02ae64 Color Information

#02ae64 Color Conversion

Color Schemes with #02ae64

Alternatives to #02ae64

#02ae64 Preview

Shades and Tints of #02ae64

Tones of #02ae64

Color Blindness Simulator