#02a669 hex color

In a RGB color space, hex #02a669 is composed of 0.8% red, 65.1% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 36.7% yellow and 34.9% black. It has a hue angle of 157.7 degrees, a saturation of 97.6% and a lightness of 32.9%. #02a669 color hex could be obtained by blending #04ffd2 with #004d00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 1
- G 65
- B 41
RGB color chart
- C 99
- M 0
- Y 37
- K 35
CMYK color chart

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

The hexadecimal color #02a669 has RGB values of R:2, G:166, B:105 and CMYK values of C:0.99, M:0, Y:0.37, K:0.35. Its decimal value is 173673.

Hex triplet	02a669	`#02a669`
RGB Decimal	2, 166, 105	`rgb(2,166,105)`
RGB Percent	0.8, 65.1, 41.2	`rgb(0.8%,65.1%,41.2%)`
CMYK	99, 0, 37, 35
HSL	157.7°, 97.6, 32.9	`hsl(157.7,97.6%,32.9%)`
HSV (or HSB)	157.7°, 98.8, 65.1
Web Safe	009966	`#009966`

CIE-LAB	60.162, -51.006, 21.603
XYZ	16.21, 28.303, 17.973
xyY	0.259, 0.453, 28.303
CIE-LCH	60.162, 55.392, 157.045
CIE-LUV	60.162, -52.219, 36.45
Hunter-Lab	53.201, -38.715, 17.211
Binary	00000010, 10100110, 01101001

#02a669
```
#02a669 rgb(2,166,105)
```
#a6023f
```
#a6023f rgb(166,2,63)
```

Complementary Color

#02a617
```
#02a617 rgb(2,166,23)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#0291a6
```
#0291a6 rgb(2,145,166)
```

Analogous Color

#a61702
```
#a61702 rgb(166,23,2)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#a60291
```
#a60291 rgb(166,2,145)
```

Split Complementary Color

#a66902
```
#a66902 rgb(166,105,2)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#6902a6
```
#6902a6 rgb(105,2,166)
```

Triadic Color

#3fa602
```
#3fa602 rgb(63,166,2)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#6902a6
```
#6902a6 rgb(105,2,166)
```
#a6023f
```
#a6023f rgb(166,2,63)
```

Tetradic Color

#015a39
```
#015a39 rgb(1,90,57)
```
#017449
```
#017449 rgb(1,116,73)
```
#028d59
```
#028d59 rgb(2,141,89)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#02bf79
```
#02bf79 rgb(2,191,121)
```
#03d889
```
#03d889 rgb(3,216,137)
```
#03f299
```
#03f299 rgb(3,242,153)
```

Monochromatic Color

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

#02a640
```
#02a640 rgb(2,166,64)
```
#02a64e
```
#02a64e rgb(2,166,78)
```
#02a65b
```
#02a65b rgb(2,166,91)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#02a677
```
#02a677 rgb(2,166,119)
```
#02a684
```
#02a684 rgb(2,166,132)
```
#02a692
```
#02a692 rgb(2,166,146)
```

Similar Colors

Text with hexadecimal color #02a669

This text has a font color of #02a669.

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

#02a669 background color

This paragraph has a background color of #02a669.

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

#02a669 border color

This element has a border color of #02a669.

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

CSS codes

.text {color:#02a669;}

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

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

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, #000b07 is the darkest color, while #f7fffc is the lightest one.

#000b07
```
#000b07 rgb(0,11,7)
```
#001e13
```
#001e13 rgb(0,30,19)
```
#01321f
```
#01321f rgb(1,50,31)
```
#01452c
```
#01452c rgb(1,69,44)
```
#015838
```
#015838 rgb(1,88,56)
```
#016c44
```
#016c44 rgb(1,108,68)
```
#027f50
```
#027f50 rgb(2,127,80)
```
#02935d
```
#02935d rgb(2,147,93)
```
#02a669
```
#02a669 rgb(2,166,105)
```
#02b975
```
#02b975 rgb(2,185,117)
```
#02cd82
```
#02cd82 rgb(2,205,130)
```
#03e08e
```
#03e08e rgb(3,224,142)
```
#03f49a
```
#03f49a rgb(3,244,154)
```

Shade Color Variation

#0efca4
```
#0efca4 rgb(14,252,164)
```
#21fcab
```
#21fcab rgb(33,252,171)
```
#35fdb2
```
#35fdb2 rgb(53,253,178)
```
#48fdba
```
#48fdba rgb(72,253,186)
```
#5cfdc1
```
#5cfdc1 rgb(92,253,193)
```
#6ffdc8
```
#6ffdc8 rgb(111,253,200)
```
#82fdd0
```
#82fdd0 rgb(130,253,208)
```
#96fed7
```
#96fed7 rgb(150,254,215)
```
#a9fede
```
#a9fede rgb(169,254,222)
```
#bcfee6
```
#bcfee6 rgb(188,254,230)
```
#d0feed
```
#d0feed rgb(208,254,237)
```
#e3fff4
```
#e3fff4 rgb(227,255,244)
```
#f7fffc
```
#f7fffc rgb(247,255,252)
```

Tint Color Variation

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

#505855
```
#505855 rgb(80,88,85)
```
#495f57
```
#495f57 rgb(73,95,87)
```
#436558
```
#436558 rgb(67,101,88)
```
#3c6c5a
```
#3c6c5a rgb(60,108,90)
```
#36725c
```
#36725c rgb(54,114,92)
```
#2f795d
```
#2f795d rgb(47,121,93)
```
#297f5f
```
#297f5f rgb(41,127,95)
```
#228661
```
#228661 rgb(34,134,97)
```
#1c8c62
```
#1c8c62 rgb(28,140,98)
```
#159364
```
#159364 rgb(21,147,100)
```
#0f9966
```
#0f9966 rgb(15,153,102)
```
#08a067
```
#08a067 rgb(8,160,103)
```
#02a669
```
#02a669 rgb(2,166,105)
```

Tone Color Variation

Below, you can see how #02a669 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
#58796d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29668 Protanopia 1% of men
#ae9179 Deuteranopia 1% of men
#47a2ae Tritanopia 0.001% of the population

Trichromacy

#689c68 Protanomaly 1% of men, 0.01% of women
#6f9873 Deuteranomaly 6% of men, 0.4% of women
#2ea495 Tritanomaly 0.01% of the population

#02a669 hex color

#02a669 Color Information

#02a669 Color Conversion

Color Schemes with #02a669

Alternatives to #02a669

#02a669 Preview

Shades and Tints of #02a669

Tones of #02a669

Color Blindness Simulator