#02ae24 hex color

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

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

● #02ae24 color description : Dark lime green.

The hexadecimal color #02ae24 has RGB values of R:2, G:174, B:36 and CMYK values of C:0.99, M:0, Y:0.79, K:0.32. Its decimal value is 175652.

Hex triplet	02ae24	`#02ae24`
RGB Decimal	2, 174, 36	`rgb(2,174,36)`
RGB Percent	0.8, 68.2, 14.1	`rgb(0.8%,68.2%,14.1%)`
CMYK	99, 0, 79, 32
HSL	131.9°, 97.7, 34.5	`hsl(131.9,97.7%,34.5%)`
HSV (or HSB)	131.9°, 98.9, 68.2
Web Safe	009933	`#009933`

CIE-LAB	62.007, -63.192, 55.445
XYZ	15.479, 30.411, 6.723
xyY	0.294, 0.578, 30.411
CIE-LCH	62.007, 84.068, 138.736
CIE-LUV	62.007, -57.997, 71.076
Hunter-Lab	55.146, -46.403, 31.374
Binary	00000010, 10101110, 00100100

#02ae24
```
#02ae24 rgb(2,174,36)
```
#ae028c
```
#ae028c rgb(174,2,140)
```

Complementary Color

#36ae02
```
#36ae02 rgb(54,174,2)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#02ae7a
```
#02ae7a rgb(2,174,122)
```

Analogous Color

#ae0236
```
#ae0236 rgb(174,2,54)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#7a02ae
```
#7a02ae rgb(122,2,174)
```

Split Complementary Color

#ae2402
```
#ae2402 rgb(174,36,2)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#2402ae
```
#2402ae rgb(36,2,174)
```

Triadic Color

#8cae02
```
#8cae02 rgb(140,174,2)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#2402ae
```
#2402ae rgb(36,2,174)
```
#ae028c
```
#ae028c rgb(174,2,140)
```

Tetradic Color

#016214
```
#016214 rgb(1,98,20)
```
#017c1a
```
#017c1a rgb(1,124,26)
```
#02951f
```
#02951f rgb(2,149,31)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#02c729
```
#02c729 rgb(2,199,41)
```
#03e02e
```
#03e02e rgb(3,224,46)
```
#03fa34
```
#03fa34 rgb(3,250,52)
```

Monochromatic Color

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

#0bae02
```
#0bae02 rgb(11,174,2)
```
#02ae07
```
#02ae07 rgb(2,174,7)
```
#02ae16
```
#02ae16 rgb(2,174,22)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#02ae32
```
#02ae32 rgb(2,174,50)
```
#02ae41
```
#02ae41 rgb(2,174,65)
```
#02ae4f
```
#02ae4f rgb(2,174,79)
```

Similar Colors

Text with hexadecimal color #02ae24

This text has a font color of #02ae24.

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

#02ae24 background color

This paragraph has a background color of #02ae24.

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

#02ae24 border color

This element has a border color of #02ae24.

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

CSS codes

.text {color:#02ae24;}

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

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

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

#001304
```
#001304 rgb(0,19,4)
```
#002608
```
#002608 rgb(0,38,8)
```
#013a0c
```
#013a0c rgb(1,58,12)
```
#014d10
```
#014d10 rgb(1,77,16)
```
#016014
```
#016014 rgb(1,96,20)
```
#017418
```
#017418 rgb(1,116,24)
```
#02871c
```
#02871c rgb(2,135,28)
```
#029b20
```
#029b20 rgb(2,155,32)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```
#02c128
```
#02c128 rgb(2,193,40)
```
#02d52c
```
#02d52c rgb(2,213,44)
```
#03e830
```
#03e830 rgb(3,232,48)
```
#03fc34
```
#03fc34 rgb(3,252,52)
```

Shade Color Variation

#16fc43
```
#16fc43 rgb(22,252,67)
```
#29fd53
```
#29fd53 rgb(41,253,83)
```
#3dfd63
```
#3dfd63 rgb(61,253,99)
```
#50fd72
```
#50fd72 rgb(80,253,114)
```
#63fd82
```
#63fd82 rgb(99,253,130)
```
#77fd91
```
#77fd91 rgb(119,253,145)
```
#8afea1
```
#8afea1 rgb(138,254,161)
```
#9efeb1
```
#9efeb1 rgb(158,254,177)
```
#b1fec0
```
#b1fec0 rgb(177,254,192)
```
#c4fed0
```
#c4fed0 rgb(196,254,208)
```
#d8ffdf
```
#d8ffdf rgb(216,255,223)
```
#ebffef
```
#ebffef rgb(235,255,239)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#535d55
```
#535d55 rgb(83,93,85)
```
#4c6451
```
#4c6451 rgb(76,100,81)
```
#466a4d
```
#466a4d rgb(70,106,77)
```
#3f7149
```
#3f7149 rgb(63,113,73)
```
#387845
```
#387845 rgb(56,120,69)
```
#317f41
```
#317f41 rgb(49,127,65)
```
#2b853d
```
#2b853d rgb(43,133,61)
```
#248c38
```
#248c38 rgb(36,140,56)
```
#1d9334
```
#1d9334 rgb(29,147,52)
```
#169a30
```
#169a30 rgb(22,154,48)
```
#10a02c
```
#10a02c rgb(16,160,44)
```
#09a728
```
#09a728 rgb(9,167,40)
```
#02ae24
```
#02ae24 rgb(2,174,36)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#56785d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b29 Protanopia 1% of men
#bf943f Deuteranopia 1% of men
#55a6b2 Tritanopia 0.001% of the population

Trichromacy

#6fa227 Protanomaly 1% of men, 0.01% of women
#7a9d35 Deuteranomaly 6% of men, 0.4% of women
#37a97e Tritanomaly 0.01% of the population

#02ae24 hex color

#02ae24 Color Information

#02ae24 Color Conversion

Color Schemes with #02ae24

Alternatives to #02ae24

#02ae24 Preview

Shades and Tints of #02ae24

Tones of #02ae24

Color Blindness Simulator