colorhexa.com

#02ae42 hex color

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

- R 1
- G 68
- B 26
RGB color chart
- C 99
- M 0
- Y 62
- K 32
CMYK color chart

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

The hexadecimal color #02ae42 has RGB values of R:2, G:174, B:66 and CMYK values of C:0.99, M:0, Y:0.62, K:0.32. Its decimal value is 175682.

Hex triplet	02ae42	`#02ae42`
RGB Decimal	2, 174, 66	`rgb(2,174,66)`
RGB Percent	0.8, 68.2, 25.9	`rgb(0.8%,68.2%,25.9%)`
CMYK	99, 0, 62, 32
HSL	142.3°, 97.7, 34.5	`hsl(142.3,97.7%,34.5%)`
HSV (or HSB)	142.3°, 98.9, 68.2
Web Safe	009933	`#009933`

CIE-LAB	62.234, -60.314, 43.981
XYZ	16.143, 30.677, 10.224
xyY	0.283, 0.538, 30.677
CIE-LCH	62.234, 74.647, 143.901
CIE-LUV	62.234, -57.01, 61.694
Hunter-Lab	55.386, -44.899, 27.826
Binary	00000010, 10101110, 01000010

#02ae42
```
#02ae42 rgb(2,174,66)
```
#ae026e
```
#ae026e rgb(174,2,110)
```

Complementary Color

#18ae02
```
#18ae02 rgb(24,174,2)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```
#02ae98
```
#02ae98 rgb(2,174,152)
```

Analogous Color

#ae0218
```
#ae0218 rgb(174,2,24)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```
#9802ae
```
#9802ae rgb(152,2,174)
```

Split Complementary Color

#016225
```
#016225 rgb(1,98,37)
```
#017c2f
```
#017c2f rgb(1,124,47)
```
#029538
```
#029538 rgb(2,149,56)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```
#02c74c
```
#02c74c rgb(2,199,76)
```
#03e055
```
#03e055 rgb(3,224,85)
```
#03fa5f
```
#03fa5f rgb(3,250,95)
```

Monochromatic Color

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

#02ae17
```
#02ae17 rgb(2,174,23)
```
#02ae25
```
#02ae25 rgb(2,174,37)
```
#02ae34
```
#02ae34 rgb(2,174,52)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```
#02ae50
```
#02ae50 rgb(2,174,80)
```
#02ae5f
```
#02ae5f rgb(2,174,95)
```
#02ae6d
```
#02ae6d rgb(2,174,109)
```

Similar Colors

Text with hexadecimal color #02ae42

This text has a font color of #02ae42.

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

#02ae42 background color

This paragraph has a background color of #02ae42.

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

#02ae42 border color

This element has a border color of #02ae42.

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

CSS codes

.text {color:#02ae42;}

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

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

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)
```
#013a16
```
#013a16 rgb(1,58,22)
```
#014d1d
```
#014d1d rgb(1,77,29)
```
#016025
```
#016025 rgb(1,96,37)
```
#01742c
```
#01742c rgb(1,116,44)
```
#028733
```
#028733 rgb(2,135,51)
```
#029b3b
```
#029b3b rgb(2,155,59)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```
#02c149
```
#02c149 rgb(2,193,73)
```
#02d551
```
#02d551 rgb(2,213,81)
```
#03e858
```
#03e858 rgb(3,232,88)
```
#03fc5f
```
#03fc5f rgb(3,252,95)
```

Shade Color Variation

#16fc6c
```
#16fc6c rgb(22,252,108)
```
#29fd78
```
#29fd78 rgb(41,253,120)
```
#3dfd84
```
#3dfd84 rgb(61,253,132)
```
#50fd90
```
#50fd90 rgb(80,253,144)
```
#63fd9d
```
#63fd9d rgb(99,253,157)
```
#77fda9
```
#77fda9 rgb(119,253,169)
```
#8afeb5
```
#8afeb5 rgb(138,254,181)
```
#9efec1
```
#9efec1 rgb(158,254,193)
```
#b1fece
```
#b1fece rgb(177,254,206)
```
#c4feda
```
#c4feda rgb(196,254,218)
```
#d8ffe6
```
#d8ffe6 rgb(216,255,230)
```
#ebfff2
```
#ebfff2 rgb(235,255,242)
```
#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 #02ae42 is the most saturated one.

#535d57
```
#535d57 rgb(83,93,87)
```
#4c6455
```
#4c6455 rgb(76,100,85)
```
#466a53
```
#466a53 rgb(70,106,83)
```
#3f7152
```
#3f7152 rgb(63,113,82)
```
#387850
```
#387850 rgb(56,120,80)
```
#317f4e
```
#317f4e rgb(49,127,78)
```
#2b854c
```
#2b854c rgb(43,133,76)
```
#248c4b
```
#248c4b rgb(36,140,75)
```
#1d9349
```
#1d9349 rgb(29,147,73)
```
#169a47
```
#169a47 rgb(22,154,71)
```
#10a045
```
#10a045 rgb(16,160,69)
```
#09a744
```
#09a744 rgb(9,167,68)
```
#02ae42
```
#02ae42 rgb(2,174,66)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#587b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c45 Protanopia 1% of men
#bd9557 Deuteranopia 1% of men
#52a7b3 Tritanopia 0.001% of the population

Trichromacy

#6ea244 Protanomaly 1% of men, 0.01% of women
#799e4f Deuteranomaly 6% of men, 0.4% of women
#35a98a Tritanomaly 0.01% of the population