colorhexa.com

#02ae7d hex color

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

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

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

The hexadecimal color #02ae7d has RGB values of R:2, G:174, B:125 and CMYK values of C:0.99, M:0, Y:0.28, K:0.32. Its decimal value is 175741.

Hex triplet	02ae7d	`#02ae7d`
RGB Decimal	2, 174, 125	`rgb(2,174,125)`
RGB Percent	0.8, 68.2, 49	`rgb(0.8%,68.2%,49%)`
CMYK	99, 0, 28, 32
HSL	162.9°, 97.7, 34.5	`hsl(162.9,97.7%,34.5%)`
HSV (or HSB)	162.9°, 98.9, 68.2
Web Safe	009966	`#009966`

CIE-LAB	63.147, -49.511, 14.752
XYZ	18.861, 31.764, 24.538
xyY	0.251, 0.423, 31.764
CIE-LCH	63.147, 51.662, 163.409
CIE-LUV	63.147, -53.549, 28.025
Hunter-Lab	56.359, -38.892, 13.638
Binary	00000010, 10101110, 01111101

#02ae7d
```
#02ae7d rgb(2,174,125)
```
#ae0233
```
#ae0233 rgb(174,2,51)
```

Complementary Color

#02ae27
```
#02ae27 rgb(2,174,39)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#0289ae
```
#0289ae rgb(2,137,174)
```

Analogous Color

#ae2702
```
#ae2702 rgb(174,39,2)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#ae0289
```
#ae0289 rgb(174,2,137)
```

Split Complementary Color

#ae7d02
```
#ae7d02 rgb(174,125,2)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#7d02ae
```
#7d02ae rgb(125,2,174)
```

Triadic Color

#016247
```
#016247 rgb(1,98,71)
```
#017c59
```
#017c59 rgb(1,124,89)
```
#02956b
```
#02956b rgb(2,149,107)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#02c78f
```
#02c78f rgb(2,199,143)
```
#03e0a1
```
#03e0a1 rgb(3,224,161)
```
#03fab3
```
#03fab3 rgb(3,250,179)
```

Monochromatic Color

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

#02ae52
```
#02ae52 rgb(2,174,82)
```
#02ae60
```
#02ae60 rgb(2,174,96)
```
#02ae6f
```
#02ae6f rgb(2,174,111)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#02ae8b
```
#02ae8b rgb(2,174,139)
```
#02ae9a
```
#02ae9a rgb(2,174,154)
```
#02aea8
```
#02aea8 rgb(2,174,168)
```

Similar Colors

Text with hexadecimal color #02ae7d

This text has a font color of #02ae7d.

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

#02ae7d background color

This paragraph has a background color of #02ae7d.

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

#02ae7d border color

This element has a border color of #02ae7d.

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

CSS codes

.text {color:#02ae7d;}

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

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

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)
```
#00261b
```
#00261b rgb(0,38,27)
```
#013a29
```
#013a29 rgb(1,58,41)
```
#014d37
```
#014d37 rgb(1,77,55)
```
#016045
```
#016045 rgb(1,96,69)
```
#017453
```
#017453 rgb(1,116,83)
```
#028761
```
#028761 rgb(2,135,97)
```
#029b6f
```
#029b6f rgb(2,155,111)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```
#02c18b
```
#02c18b rgb(2,193,139)
```
#02d599
```
#02d599 rgb(2,213,153)
```
#03e8a7
```
#03e8a7 rgb(3,232,167)
```
#03fcb5
```
#03fcb5 rgb(3,252,181)
```

Shade Color Variation

#16fcbb
```
#16fcbb rgb(22,252,187)
```
#29fdc0
```
#29fdc0 rgb(41,253,192)
```
#3dfdc6
```
#3dfdc6 rgb(61,253,198)
```
#50fdcc
```
#50fdcc rgb(80,253,204)
```
#63fdd1
```
#63fdd1 rgb(99,253,209)
```
#77fdd7
```
#77fdd7 rgb(119,253,215)
```
#8afedd
```
#8afedd rgb(138,254,221)
```
#9efee2
```
#9efee2 rgb(158,254,226)
```
#b1fee8
```
#b1fee8 rgb(177,254,232)
```
#c4feee
```
#c4feee rgb(196,254,238)
```
#d8fff3
```
#d8fff3 rgb(216,255,243)
```
#ebfff9
```
#ebfff9 rgb(235,255,249)
```
#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 #02ae7d is the most saturated one.

#535d5a
```
#535d5a rgb(83,93,90)
```
#4c645d
```
#4c645d rgb(76,100,93)
```
#466a60
```
#466a60 rgb(70,106,96)
```
#3f7163
```
#3f7163 rgb(63,113,99)
```
#387866
```
#387866 rgb(56,120,102)
```
#317f69
```
#317f69 rgb(49,127,105)
```
#2b856c
```
#2b856c rgb(43,133,108)
```
#248c6e
```
#248c6e rgb(36,140,110)
```
#1d9371
```
#1d9371 rgb(29,147,113)
```
#169a74
```
#169a74 rgb(22,154,116)
```
#10a077
```
#10a077 rgb(16,160,119)
```
#09a77a
```
#09a77a rgb(9,167,122)
```
#02ae7d
```
#02ae7d rgb(2,174,125)
```

Tone Color Variation

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

#a89d7a Protanopia 1% of men
#b3988c Deuteranopia 1% of men
#45abb7 Tritanopia 0.001% of the population

Trichromacy

#6ca37b Protanomaly 1% of men, 0.01% of women
#72a086 Deuteranomaly 6% of men, 0.4% of women
#2daca2 Tritanomaly 0.01% of the population