#02a259 hex color

In a RGB color space, hex #02a259 is composed of 0.8% red, 63.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 45.1% yellow and 36.5% black. It has a hue angle of 152.6 degrees, a saturation of 97.6% and a lightness of 32.2%. #02a259 color hex could be obtained by blending #04ffb2 with #004500. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 1
- G 64
- B 35
RGB color chart
- C 99
- M 0
- Y 45
- K 36
CMYK color chart

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

The hexadecimal color #02a259 has RGB values of R:2, G:162, B:89 and CMYK values of C:0.99, M:0, Y:0.45, K:0.36. Its decimal value is 172633.

Hex triplet	02a259	`#02a259`
RGB Decimal	2, 162, 89	`rgb(2,162,89)`
RGB Percent	0.8, 63.5, 34.9	`rgb(0.8%,63.5%,34.9%)`
CMYK	99, 0, 45, 36
HSL	152.6°, 97.6, 32.2	`hsl(152.6,97.6%,32.2%)`
HSV (or HSB)	152.6°, 98.8, 63.5
Web Safe	009966	`#009966`

CIE-LAB	58.577, -52.777, 28.113
XYZ	14.747, 26.573, 13.803
xyY	0.268, 0.482, 26.573
CIE-LCH	58.577, 59.798, 151.957
CIE-LUV	58.577, -51.875, 43.842
Hunter-Lab	51.549, -39.145, 20.209
Binary	00000010, 10100010, 01011001

#02a259
```
#02a259 rgb(2,162,89)
```
#a2024b
```
#a2024b rgb(162,2,75)
```

Complementary Color

#02a209
```
#02a209 rgb(2,162,9)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#029ba2
```
#029ba2 rgb(2,155,162)
```

Analogous Color

#a20902
```
#a20902 rgb(162,9,2)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#a2029b
```
#a2029b rgb(162,2,155)
```

Split Complementary Color

#a25902
```
#a25902 rgb(162,89,2)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#5902a2
```
#5902a2 rgb(89,2,162)
```

Triadic Color

#4ba202
```
#4ba202 rgb(75,162,2)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#5902a2
```
#5902a2 rgb(89,2,162)
```
#a2024b
```
#a2024b rgb(162,2,75)
```

Tetradic Color

#01562f
```
#01562f rgb(1,86,47)
```
#01703d
```
#01703d rgb(1,112,61)
```
#02894b
```
#02894b rgb(2,137,75)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#02bb67
```
#02bb67 rgb(2,187,103)
```
#03d475
```
#03d475 rgb(3,212,117)
```
#03ee83
```
#03ee83 rgb(3,238,131)
```

Monochromatic Color

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

#02a231
```
#02a231 rgb(2,162,49)
```
#02a23e
```
#02a23e rgb(2,162,62)
```
#02a24c
```
#02a24c rgb(2,162,76)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#02a266
```
#02a266 rgb(2,162,102)
```
#02a274
```
#02a274 rgb(2,162,116)
```
#02a281
```
#02a281 rgb(2,162,129)
```

Similar Colors

Text with hexadecimal color #02a259

This text has a font color of #02a259.

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

#02a259 background color

This paragraph has a background color of #02a259.

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

#02a259 border color

This element has a border color of #02a259.

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

CSS codes

.text {color:#02a259;}

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

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

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

#000704
```
#000704 rgb(0,7,4)
```
#001a0e
```
#001a0e rgb(0,26,14)
```
#012e19
```
#012e19 rgb(1,46,25)
```
#014124
```
#014124 rgb(1,65,36)
```
#01542e
```
#01542e rgb(1,84,46)
```
#016839
```
#016839 rgb(1,104,57)
```
#027b44
```
#027b44 rgb(2,123,68)
```
#028f4e
```
#028f4e rgb(2,143,78)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#02b564
```
#02b564 rgb(2,181,100)
```
#02c96e
```
#02c96e rgb(2,201,110)
```
#03dc79
```
#03dc79 rgb(3,220,121)
```
#03f084
```
#03f084 rgb(3,240,132)
```

Shade Color Variation

#0afc8e
```
#0afc8e rgb(10,252,142)
```
#1dfc97
```
#1dfc97 rgb(29,252,151)
```
#31fca0
```
#31fca0 rgb(49,252,160)
```
#44fda9
```
#44fda9 rgb(68,253,169)
```
#58fdb2
```
#58fdb2 rgb(88,253,178)
```
#6bfdba
```
#6bfdba rgb(107,253,186)
```
#7efdc3
```
#7efdc3 rgb(126,253,195)
```
#92fecc
```
#92fecc rgb(146,254,204)
```
#a5fed5
```
#a5fed5 rgb(165,254,213)
```
#b8fede
```
#b8fede rgb(184,254,222)
```
#ccfee7
```
#ccfee7 rgb(204,254,231)
```
#dffff0
```
#dffff0 rgb(223,255,240)
```
#f3fff9
```
#f3fff9 rgb(243,255,249)
```

Tint Color Variation

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

#4e5652
```
#4e5652 rgb(78,86,82)
```
#475d53
```
#475d53 rgb(71,93,83)
```
#416353
```
#416353 rgb(65,99,83)
```
#3b6954
```
#3b6954 rgb(59,105,84)
```
#347055
```
#347055 rgb(52,112,85)
```
#2e7655
```
#2e7655 rgb(46,118,85)
```
#287c56
```
#287c56 rgb(40,124,86)
```
#228256
```
#228256 rgb(34,130,86)
```
#1b8957
```
#1b8957 rgb(27,137,87)
```
#158f57
```
#158f57 rgb(21,143,87)
```
#0f9558
```
#0f9558 rgb(15,149,88)
```
#089c58
```
#089c58 rgb(8,156,88)
```
#02a259
```
#02a259 rgb(2,162,89)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#557567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0925a Protanopia 1% of men
#ad8d6a Deuteranopia 1% of men
#489ea9 Tritanopia 0.001% of the population

Trichromacy

#669859 Protanomaly 1% of men, 0.01% of women
#6f9464 Deuteranomaly 6% of men, 0.4% of women
#2f9f8c Tritanomaly 0.01% of the population

#02a259 hex color

#02a259 Color Information

#02a259 Color Conversion

Color Schemes with #02a259

Alternatives to #02a259

#02a259 Preview

Shades and Tints of #02a259

Tones of #02a259

Color Blindness Simulator