#02a764 hex color

In a RGB color space, hex #02a764 is composed of 0.8% red, 65.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 40.1% yellow and 34.5% black. It has a hue angle of 155.6 degrees, a saturation of 97.6% and a lightness of 33.1%. #02a764 color hex could be obtained by blending #04ffc8 with #004f00. Closest websafe color is: #009966.

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

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

The hexadecimal color #02a764 has RGB values of R:2, G:167, B:100 and CMYK values of C:0.99, M:0, Y:0.4, K:0.35. Its decimal value is 173924.

Hex triplet	02a764	`#02a764`
RGB Decimal	2, 167, 100	`rgb(2,167,100)`
RGB Percent	0.8, 65.5, 39.2	`rgb(0.8%,65.5%,39.2%)`
CMYK	99, 0, 40, 35
HSL	155.6°, 97.6, 33.1	`hsl(155.6,97.6%,33.1%)`
HSV (or HSB)	155.6°, 98.8, 65.5
Web Safe	009966	`#009966`

CIE-LAB	60.399, -52.41, 24.624
XYZ	16.143, 28.569, 16.719
xyY	0.263, 0.465, 28.569
CIE-LCH	60.399, 57.907, 154.834
CIE-LUV	60.399, -52.881, 40.258
Hunter-Lab	53.45, -39.627, 18.868
Binary	00000010, 10100111, 01100100

#02a764
```
#02a764 rgb(2,167,100)
```
#a70245
```
#a70245 rgb(167,2,69)
```

Complementary Color

#02a712
```
#02a712 rgb(2,167,18)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#0298a7
```
#0298a7 rgb(2,152,167)
```

Analogous Color

#a71202
```
#a71202 rgb(167,18,2)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#a70298
```
#a70298 rgb(167,2,152)
```

Split Complementary Color

#a76402
```
#a76402 rgb(167,100,2)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#6402a7
```
#6402a7 rgb(100,2,167)
```

Triadic Color

#45a702
```
#45a702 rgb(69,167,2)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#6402a7
```
#6402a7 rgb(100,2,167)
```
#a70245
```
#a70245 rgb(167,2,69)
```

Tetradic Color

#015b37
```
#015b37 rgb(1,91,55)
```
#017546
```
#017546 rgb(1,117,70)
```
#028e55
```
#028e55 rgb(2,142,85)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#02c073
```
#02c073 rgb(2,192,115)
```
#03d982
```
#03d982 rgb(3,217,130)
```
#03f391
```
#03f391 rgb(3,243,145)
```

Monochromatic Color

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

#02a73b
```
#02a73b rgb(2,167,59)
```
#02a749
```
#02a749 rgb(2,167,73)
```
#02a756
```
#02a756 rgb(2,167,86)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#02a772
```
#02a772 rgb(2,167,114)
```
#02a780
```
#02a780 rgb(2,167,128)
```
#02a78d
```
#02a78d rgb(2,167,141)
```

Similar Colors

Text with hexadecimal color #02a764

This text has a font color of #02a764.

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

#02a764 background color

This paragraph has a background color of #02a764.

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

#02a764 border color

This element has a border color of #02a764.

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

CSS codes

.text {color:#02a764;}

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

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

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

#000c07
```
#000c07 rgb(0,12,7)
```
#001f13
```
#001f13 rgb(0,31,19)
```
#01331e
```
#01331e rgb(1,51,30)
```
#01462a
```
#01462a rgb(1,70,42)
```
#015936
```
#015936 rgb(1,89,54)
```
#016d41
```
#016d41 rgb(1,109,65)
```
#02804d
```
#02804d rgb(2,128,77)
```
#029458
```
#029458 rgb(2,148,88)
```
#02a764
```
#02a764 rgb(2,167,100)
```
#02ba70
```
#02ba70 rgb(2,186,112)
```
#02ce7b
```
#02ce7b rgb(2,206,123)
```
#03e187
```
#03e187 rgb(3,225,135)
```
#03f592
```
#03f592 rgb(3,245,146)
```

Shade Color Variation

#0ffc9c
```
#0ffc9c rgb(15,252,156)
```
#22fca4
```
#22fca4 rgb(34,252,164)
```
#36fdac
```
#36fdac rgb(54,253,172)
```
#49fdb4
```
#49fdb4 rgb(73,253,180)
```
#5cfdbc
```
#5cfdbc rgb(92,253,188)
```
#70fdc4
```
#70fdc4 rgb(112,253,196)
```
#83fecc
```
#83fecc rgb(131,254,204)
```
#97fed4
```
#97fed4 rgb(151,254,212)
```
#aafedc
```
#aafedc rgb(170,254,220)
```
#bdfee4
```
#bdfee4 rgb(189,254,228)
```
#d1feec
```
#d1feec rgb(209,254,236)
```
#e4fff4
```
#e4fff4 rgb(228,255,244)
```
#f8fffc
```
#f8fffc rgb(248,255,252)
```

Tint Color Variation

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

#505955
```
#505955 rgb(80,89,85)
```
#4a6057
```
#4a6057 rgb(74,96,87)
```
#436658
```
#436658 rgb(67,102,88)
```
#3d6d59
```
#3d6d59 rgb(61,109,89)
```
#36735a
```
#36735a rgb(54,115,90)
```
#307a5b
```
#307a5b rgb(48,122,91)
```
#29805d
```
#29805d rgb(41,128,93)
```
#23875e
```
#23875e rgb(35,135,94)
```
#1c8d5f
```
#1c8d5f rgb(28,141,95)
```
#169460
```
#169460 rgb(22,148,96)
```
#0f9a62
```
#0f9a62 rgb(15,154,98)
```
#09a163
```
#09a163 rgb(9,161,99)
```
#02a764
```
#02a764 rgb(2,167,100)
```

Tone Color Variation

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

Dichromacy

#a49764 Protanopia 1% of men
#b09175 Deuteranopia 1% of men
#49a3af Tritanopia 0.001% of the population

Trichromacy

#699c64 Protanomaly 1% of men, 0.01% of women
#71996e Deuteranomaly 6% of men, 0.4% of women
#2fa493 Tritanomaly 0.01% of the population

#02a764 hex color

#02a764 Color Information

#02a764 Color Conversion

Color Schemes with #02a764

Alternatives to #02a764

#02a764 Preview

Shades and Tints of #02a764

Tones of #02a764

Color Blindness Simulator