#02a568 hex color

In a RGB color space, hex #02a568 is composed of 0.8% red, 64.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 37% yellow and 35.3% black. It has a hue angle of 157.5 degrees, a saturation of 97.6% and a lightness of 32.7%. #02a568 color hex could be obtained by blending #04ffd0 with #004b00. 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

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

The hexadecimal color #02a568 has RGB values of R:2, G:165, B:104 and CMYK values of C:0.99, M:0, Y:0.37, K:0.35. Its decimal value is 173416.

Hex triplet	02a568	`#02a568`
RGB Decimal	2, 165, 104	`rgb(2,165,104)`
RGB Percent	0.8, 64.7, 40.8	`rgb(0.8%,64.7%,40.8%)`
CMYK	99, 0, 37, 35
HSL	157.5°, 97.6, 32.7	`hsl(157.5,97.6%,32.7%)`
HSV (or HSB)	157.5°, 98.8, 64.7
Web Safe	009966	`#009966`

CIE-LAB	59.817, -50.85, 21.684
XYZ	15.978, 27.921, 17.643
xyY	0.26, 0.454, 27.921
CIE-LCH	59.817, 55.28, 156.905
CIE-LUV	59.817, -51.946, 36.465
Hunter-Lab	52.84, -38.496, 17.191
Binary	00000010, 10100101, 01101000

#02a568
```
#02a568 rgb(2,165,104)
```
#a5023f
```
#a5023f rgb(165,2,63)
```

Complementary Color

#02a517
```
#02a517 rgb(2,165,23)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#0291a5
```
#0291a5 rgb(2,145,165)
```

Analogous Color

#a51702
```
#a51702 rgb(165,23,2)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#a50291
```
#a50291 rgb(165,2,145)
```

Split Complementary Color

#a56802
```
#a56802 rgb(165,104,2)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#6802a5
```
#6802a5 rgb(104,2,165)
```

Triadic Color

#3fa502
```
#3fa502 rgb(63,165,2)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#6802a5
```
#6802a5 rgb(104,2,165)
```
#a5023f
```
#a5023f rgb(165,2,63)
```

Tetradic Color

#015938
```
#015938 rgb(1,89,56)
```
#017348
```
#017348 rgb(1,115,72)
```
#028c58
```
#028c58 rgb(2,140,88)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#02be78
```
#02be78 rgb(2,190,120)
```
#03d788
```
#03d788 rgb(3,215,136)
```
#03f198
```
#03f198 rgb(3,241,152)
```

Monochromatic Color

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

#02a53f
```
#02a53f rgb(2,165,63)
```
#02a54d
```
#02a54d rgb(2,165,77)
```
#02a55a
```
#02a55a rgb(2,165,90)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#02a576
```
#02a576 rgb(2,165,118)
```
#02a583
```
#02a583 rgb(2,165,131)
```
#02a591
```
#02a591 rgb(2,165,145)
```

Similar Colors

Text with hexadecimal color #02a568

This text has a font color of #02a568.

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

#02a568 background color

This paragraph has a background color of #02a568.

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

#02a568 border color

This element has a border color of #02a568.

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

CSS codes

.text {color:#02a568;}

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

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

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

#000a06
```
#000a06 rgb(0,10,6)
```
#001d12
```
#001d12 rgb(0,29,18)
```
#01311f
```
#01311f rgb(1,49,31)
```
#01442b
```
#01442b rgb(1,68,43)
```
#015737
```
#015737 rgb(1,87,55)
```
#016b43
```
#016b43 rgb(1,107,67)
```
#027e50
```
#027e50 rgb(2,126,80)
```
#02925c
```
#02925c rgb(2,146,92)
```
#02a568
```
#02a568 rgb(2,165,104)
```
#02b874
```
#02b874 rgb(2,184,116)
```
#02cc80
```
#02cc80 rgb(2,204,128)
```
#03df8d
```
#03df8d rgb(3,223,141)
```
#03f399
```
#03f399 rgb(3,243,153)
```

Shade Color Variation

#0dfca3
```
#0dfca3 rgb(13,252,163)
```
#20fcaa
```
#20fcaa rgb(32,252,170)
```
#34fdb1
```
#34fdb1 rgb(52,253,177)
```
#47fdb9
```
#47fdb9 rgb(71,253,185)
```
#5bfdc0
```
#5bfdc0 rgb(91,253,192)
```
#6efdc8
```
#6efdc8 rgb(110,253,200)
```
#81fdcf
```
#81fdcf rgb(129,253,207)
```
#95fed6
```
#95fed6 rgb(149,254,214)
```
#a8fede
```
#a8fede rgb(168,254,222)
```
#bbfee5
```
#bbfee5 rgb(187,254,229)
```
#cffeed
```
#cffeed rgb(207,254,237)
```
#e2fff4
```
#e2fff4 rgb(226,255,244)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

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

#4f5855
```
#4f5855 rgb(79,88,85)
```
#495e56
```
#495e56 rgb(73,94,86)
```
#426558
```
#426558 rgb(66,101,88)
```
#3c6b59
```
#3c6b59 rgb(60,107,89)
```
#35725b
```
#35725b rgb(53,114,91)
```
#2f785d
```
#2f785d rgb(47,120,93)
```
#297e5e
```
#297e5e rgb(41,126,94)
```
#228560
```
#228560 rgb(34,133,96)
```
#1c8b62
```
#1c8b62 rgb(28,139,98)
```
#159263
```
#159263 rgb(21,146,99)
```
#0f9865
```
#0f9865 rgb(15,152,101)
```
#089f66
```
#089f66 rgb(8,159,102)
```
#02a568
```
#02a568 rgb(2,165,104)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#58786c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19567 Protanopia 1% of men
#ad9078 Deuteranopia 1% of men
#46a1ad Tritanopia 0.001% of the population

Trichromacy

#679b67 Protanomaly 1% of men, 0.01% of women
#6f9772 Deuteranomaly 6% of men, 0.4% of women
#2da394 Tritanomaly 0.01% of the population

#02a568 hex color

#02a568 Color Information

#02a568 Color Conversion

Color Schemes with #02a568

Alternatives to #02a568

#02a568 Preview

Shades and Tints of #02a568

Tones of #02a568

Color Blindness Simulator