#02a450 hex color

In a RGB color space, hex #02a450 is composed of 0.8% red, 64.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 51.2% yellow and 35.7% black. It has a hue angle of 148.9 degrees, a saturation of 97.6% and a lightness of 32.5%. #02a450 color hex could be obtained by blending #04ffa0 with #004900. Closest websafe color is: #009966.

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

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

The hexadecimal color #02a450 has RGB values of R:2, G:164, B:80 and CMYK values of C:0.99, M:0, Y:0.51, K:0.36. Its decimal value is 173136.

Hex triplet	02a450	`#02a450`
RGB Decimal	2, 164, 80	`rgb(2,164,80)`
RGB Percent	0.8, 64.3, 31.4	`rgb(0.8%,64.3%,31.4%)`
CMYK	99, 0, 51, 36
HSL	148.9°, 97.6, 32.5	`hsl(148.9,97.6%,32.5%)`
HSV (or HSB)	148.9°, 98.8, 64.3
Web Safe	009966	`#009966`

CIE-LAB	59.105, -55.052, 33.468
XYZ	14.747, 27.141, 12.051
xyY	0.273, 0.503, 27.141
CIE-LCH	59.105, 64.427, 148.704
CIE-LUV	59.105, -53.053, 49.933
Hunter-Lab	52.097, -40.642, 22.754
Binary	00000010, 10100100, 01010000

#02a450
```
#02a450 rgb(2,164,80)
```
#a40256
```
#a40256 rgb(164,2,86)
```

Complementary Color

#05a402
```
#05a402 rgb(5,164,2)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#02a4a1
```
#02a4a1 rgb(2,164,161)
```

Analogous Color

#a40205
```
#a40205 rgb(164,2,5)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#a102a4
```
#a102a4 rgb(161,2,164)
```

Split Complementary Color

#a45002
```
#a45002 rgb(164,80,2)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#5002a4
```
#5002a4 rgb(80,2,164)
```

Triadic Color

#56a402
```
#56a402 rgb(86,164,2)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#5002a4
```
#5002a4 rgb(80,2,164)
```
#a40256
```
#a40256 rgb(164,2,86)
```

Tetradic Color

#01582b
```
#01582b rgb(1,88,43)
```
#017237
```
#017237 rgb(1,114,55)
```
#028b44
```
#028b44 rgb(2,139,68)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#02bd5c
```
#02bd5c rgb(2,189,92)
```
#03d669
```
#03d669 rgb(3,214,105)
```
#03f075
```
#03f075 rgb(3,240,117)
```

Monochromatic Color

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

#02a427
```
#02a427 rgb(2,164,39)
```
#02a435
```
#02a435 rgb(2,164,53)
```
#02a442
```
#02a442 rgb(2,164,66)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#02a45d
```
#02a45d rgb(2,164,93)
```
#02a46b
```
#02a46b rgb(2,164,107)
```
#02a479
```
#02a479 rgb(2,164,121)
```

Similar Colors

Text with hexadecimal color #02a450

This text has a font color of #02a450.

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

#02a450 background color

This paragraph has a background color of #02a450.

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

#02a450 border color

This element has a border color of #02a450.

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

CSS codes

.text {color:#02a450;}

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

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

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

#000904
```
#000904 rgb(0,9,4)
```
#001c0e
```
#001c0e rgb(0,28,14)
```
#013017
```
#013017 rgb(1,48,23)
```
#014321
```
#014321 rgb(1,67,33)
```
#01562a
```
#01562a rgb(1,86,42)
```
#016a34
```
#016a34 rgb(1,106,52)
```
#027d3d
```
#027d3d rgb(2,125,61)
```
#029147
```
#029147 rgb(2,145,71)
```
#02a450
```
#02a450 rgb(2,164,80)
```
#02b759
```
#02b759 rgb(2,183,89)
```
#02cb63
```
#02cb63 rgb(2,203,99)
```
#03de6c
```
#03de6c rgb(3,222,108)
```
#03f276
```
#03f276 rgb(3,242,118)
```

Shade Color Variation

#0cfc80
```
#0cfc80 rgb(12,252,128)
```
#1ffc8a
```
#1ffc8a rgb(31,252,138)
```
#33fd94
```
#33fd94 rgb(51,253,148)
```
#46fd9e
```
#46fd9e rgb(70,253,158)
```
#5afda8
```
#5afda8 rgb(90,253,168)
```
#6dfdb2
```
#6dfdb2 rgb(109,253,178)
```
#80fdbd
```
#80fdbd rgb(128,253,189)
```
#94fec7
```
#94fec7 rgb(148,254,199)
```
#a7fed1
```
#a7fed1 rgb(167,254,209)
```
#bafedb
```
#bafedb rgb(186,254,219)
```
#cefee5
```
#cefee5 rgb(206,254,229)
```
#e1ffef
```
#e1ffef rgb(225,255,239)
```
#f5fffa
```
#f5fffa rgb(245,255,250)
```

Tint Color Variation

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

#4f5753
```
#4f5753 rgb(79,87,83)
```
#485e53
```
#485e53 rgb(72,94,83)
```
#426452
```
#426452 rgb(66,100,82)
```
#3b6b52
```
#3b6b52 rgb(59,107,82)
```
#357152
```
#357152 rgb(53,113,82)
```
#2f7752
```
#2f7752 rgb(47,119,82)
```
#287e51
```
#287e51 rgb(40,126,81)
```
#228451
```
#228451 rgb(34,132,81)
```
#1c8a51
```
#1c8a51 rgb(28,138,81)
```
#159151
```
#159151 rgb(21,145,81)
```
#0f9750
```
#0f9750 rgb(15,151,80)
```
#089e50
```
#089e50 rgb(8,158,80)
```
#02a450
```
#02a450 rgb(2,164,80)
```

Tone Color Variation

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

Dichromacy

#a29452 Protanopia 1% of men
#b08e62 Deuteranopia 1% of men
#4b9fab Tritanopia 0.001% of the population

Trichromacy

#689951 Protanomaly 1% of men, 0.01% of women
#71965b Deuteranomaly 6% of men, 0.4% of women
#30a18a Tritanomaly 0.01% of the population

#02a450 hex color

#02a450 Color Information

#02a450 Color Conversion

Color Schemes with #02a450

Alternatives to #02a450

#02a450 Preview

Shades and Tints of #02a450

Tones of #02a450

Color Blindness Simulator