#02ae45 hex color

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

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

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

The hexadecimal color #02ae45 has RGB values of R:2, G:174, B:69 and CMYK values of C:0.99, M:0, Y:0.6, K:0.32. Its decimal value is 175685.

Hex triplet	02ae45	`#02ae45`
RGB Decimal	2, 174, 69	`rgb(2,174,69)`
RGB Percent	0.8, 68.2, 27.1	`rgb(0.8%,68.2%,27.1%)`
CMYK	99, 0, 60, 32
HSL	143.4°, 97.7, 34.5	`hsl(143.4,97.7%,34.5%)`
HSV (or HSB)	143.4°, 98.9, 68.2
Web Safe	009933	`#009933`

CIE-LAB	62.264, -59.929, 42.638
XYZ	16.234, 30.713, 10.702
xyY	0.282, 0.533, 30.713
CIE-LCH	62.264, 73.55, 144.569
CIE-LUV	62.264, -56.88, 60.452
Hunter-Lab	55.419, -44.695, 27.343
Binary	00000010, 10101110, 01000101

#02ae45
```
#02ae45 rgb(2,174,69)
```
#ae026b
```
#ae026b rgb(174,2,107)
```

Complementary Color

#15ae02
```
#15ae02 rgb(21,174,2)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#02ae9b
```
#02ae9b rgb(2,174,155)
```

Analogous Color

#ae0215
```
#ae0215 rgb(174,2,21)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#9b02ae
```
#9b02ae rgb(155,2,174)
```

Split Complementary Color

#ae4502
```
#ae4502 rgb(174,69,2)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#4502ae
```
#4502ae rgb(69,2,174)
```

Triadic Color

#6bae02
```
#6bae02 rgb(107,174,2)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#4502ae
```
#4502ae rgb(69,2,174)
```
#ae026b
```
#ae026b rgb(174,2,107)
```

Tetradic Color

#016227
```
#016227 rgb(1,98,39)
```
#017c31
```
#017c31 rgb(1,124,49)
```
#02953b
```
#02953b rgb(2,149,59)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#02c74f
```
#02c74f rgb(2,199,79)
```
#03e059
```
#03e059 rgb(3,224,89)
```
#03fa63
```
#03fa63 rgb(3,250,99)
```

Monochromatic Color

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

#02ae1a
```
#02ae1a rgb(2,174,26)
```
#02ae28
```
#02ae28 rgb(2,174,40)
```
#02ae37
```
#02ae37 rgb(2,174,55)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#02ae53
```
#02ae53 rgb(2,174,83)
```
#02ae62
```
#02ae62 rgb(2,174,98)
```
#02ae70
```
#02ae70 rgb(2,174,112)
```

Similar Colors

Text with hexadecimal color #02ae45

This text has a font color of #02ae45.

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

#02ae45 background color

This paragraph has a background color of #02ae45.

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

#02ae45 border color

This element has a border color of #02ae45.

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

CSS codes

.text {color:#02ae45;}

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

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

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

#001307
```
#001307 rgb(0,19,7)
```
#00260f
```
#00260f rgb(0,38,15)
```
#013a17
```
#013a17 rgb(1,58,23)
```
#014d1f
```
#014d1f rgb(1,77,31)
```
#016026
```
#016026 rgb(1,96,38)
```
#01742e
```
#01742e rgb(1,116,46)
```
#028736
```
#028736 rgb(2,135,54)
```
#029b3d
```
#029b3d rgb(2,155,61)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```
#02c14d
```
#02c14d rgb(2,193,77)
```
#02d554
```
#02d554 rgb(2,213,84)
```
#03e85c
```
#03e85c rgb(3,232,92)
```
#03fc64
```
#03fc64 rgb(3,252,100)
```

Shade Color Variation

#16fc70
```
#16fc70 rgb(22,252,112)
```
#29fd7b
```
#29fd7b rgb(41,253,123)
```
#3dfd87
```
#3dfd87 rgb(61,253,135)
```
#50fd93
```
#50fd93 rgb(80,253,147)
```
#63fd9f
```
#63fd9f rgb(99,253,159)
```
#77fdab
```
#77fdab rgb(119,253,171)
```
#8afeb7
```
#8afeb7 rgb(138,254,183)
```
#9efec3
```
#9efec3 rgb(158,254,195)
```
#b1fecf
```
#b1fecf rgb(177,254,207)
```
#c4fedb
```
#c4fedb rgb(196,254,219)
```
#d8ffe7
```
#d8ffe7 rgb(216,255,231)
```
#ebfff3
```
#ebfff3 rgb(235,255,243)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#535d57
```
#535d57 rgb(83,93,87)
```
#4c6455
```
#4c6455 rgb(76,100,85)
```
#466a54
```
#466a54 rgb(70,106,84)
```
#3f7152
```
#3f7152 rgb(63,113,82)
```
#387851
```
#387851 rgb(56,120,81)
```
#317f4f
```
#317f4f rgb(49,127,79)
```
#2b854e
```
#2b854e rgb(43,133,78)
```
#248c4c
```
#248c4c rgb(36,140,76)
```
#1d934b
```
#1d934b rgb(29,147,75)
```
#169a49
```
#169a49 rgb(22,154,73)
```
#10a048
```
#10a048 rgb(16,160,72)
```
#09a746
```
#09a746 rgb(9,167,70)
```
#02ae45
```
#02ae45 rgb(2,174,69)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#597c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c47 Protanopia 1% of men
#bd9559 Deuteranopia 1% of men
#52a7b3 Tritanopia 0.001% of the population

Trichromacy

#6ea246 Protanomaly 1% of men, 0.01% of women
#799e52 Deuteranomaly 6% of men, 0.4% of women
#35aa8b Tritanomaly 0.01% of the population

#02ae45 hex color

#02ae45 Color Information

#02ae45 Color Conversion

Color Schemes with #02ae45

Alternatives to #02ae45

#02ae45 Preview

Shades and Tints of #02ae45

Tones of #02ae45

Color Blindness Simulator