colorhexa.com

#02a136 hex color

In a RGB color space, hex #02a136 is composed of 0.8% red, 63.1% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 66.5% yellow and 36.9% black. It has a hue angle of 139.6 degrees, a saturation of 97.5% and a lightness of 32%. #02a136 color hex could be obtained by blending #04ff6c with #004300. Closest websafe color is: #009933.

- R 1
- G 63
- B 21
RGB color chart
- C 99
- M 0
- Y 66
- K 37
CMYK color chart

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

The hexadecimal color #02a136 has RGB values of R:2, G:161, B:54 and CMYK values of C:0.99, M:0, Y:0.66, K:0.37. Its decimal value is 172342.

Hex triplet	02a136	`#02a136`
RGB Decimal	2, 161, 54	`rgb(2,161,54)`
RGB Percent	0.8, 63.1, 21.2	`rgb(0.8%,63.1%,21.2%)`
CMYK	99, 0, 66, 37
HSL	139.6°, 97.5, 32	`hsl(139.6,97.5%,32%)`
HSV (or HSB)	139.6°, 98.8, 63.1
Web Safe	009933	`#009933`

CIE-LAB	57.816, -57.714, 44.364
XYZ	13.435, 25.767, 7.755
xyY	0.286, 0.549, 25.767
CIE-LCH	57.816, 72.795, 142.451
CIE-LUV	57.816, -53.259, 59.852
Hunter-Lab	50.762, -41.59, 26.475
Binary	00000010, 10100001, 00110110

#02a136
```
#02a136 rgb(2,161,54)
```
#a1026d
```
#a1026d rgb(161,2,109)
```

Complementary Color

#1ea102
```
#1ea102 rgb(30,161,2)
```
#02a136
```
#02a136 rgb(2,161,54)
```
#02a186
```
#02a186 rgb(2,161,134)
```

Analogous Color

#a1021e
```
#a1021e rgb(161,2,30)
```
#02a136
```
#02a136 rgb(2,161,54)
```
#8602a1
```
#8602a1 rgb(134,2,161)
```

Split Complementary Color

#01551d
```
#01551d rgb(1,85,29)
```
#016f25
```
#016f25 rgb(1,111,37)
```
#02882e
```
#02882e rgb(2,136,46)
```
#02a136
```
#02a136 rgb(2,161,54)
```
#02ba3e
```
#02ba3e rgb(2,186,62)
```
#03d347
```
#03d347 rgb(3,211,71)
```
#03ed4f
```
#03ed4f rgb(3,237,79)
```

Monochromatic Color

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

#02a10e
```
#02a10e rgb(2,161,14)
```
#02a11b
```
#02a11b rgb(2,161,27)
```
#02a129
```
#02a129 rgb(2,161,41)
```
#02a136
```
#02a136 rgb(2,161,54)
```
#02a143
```
#02a143 rgb(2,161,67)
```
#02a151
```
#02a151 rgb(2,161,81)
```
#02a15e
```
#02a15e rgb(2,161,94)
```

Similar Colors

Text with hexadecimal color #02a136

This text has a font color of #02a136.

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

#02a136 background color

This paragraph has a background color of #02a136.

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

#02a136 border color

This element has a border color of #02a136.

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

CSS codes

.text {color:#02a136;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#001909
```
#001909 rgb(0,25,9)
```
#012d0f
```
#012d0f rgb(1,45,15)
```
#014016
```
#014016 rgb(1,64,22)
```
#01541c
```
#01541c rgb(1,84,28)
```
#016723
```
#016723 rgb(1,103,35)
```
#027a29
```
#027a29 rgb(2,122,41)
```
#028e30
```
#028e30 rgb(2,142,48)
```
#02a136
```
#02a136 rgb(2,161,54)
```
#02b43c
```
#02b43c rgb(2,180,60)
```
#02c843
```
#02c843 rgb(2,200,67)
```
#03db49
```
#03db49 rgb(3,219,73)
```
#03ee50
```
#03ee50 rgb(3,238,80)
```

Shade Color Variation

#09fc59
```
#09fc59 rgb(9,252,89)
```
#1dfc66
```
#1dfc66 rgb(29,252,102)
```
#30fc73
```
#30fc73 rgb(48,252,115)
```
#43fd80
```
#43fd80 rgb(67,253,128)
```
#57fd8d
```
#57fd8d rgb(87,253,141)
```
#6afd9a
```
#6afd9a rgb(106,253,154)
```
#7dfda7
```
#7dfda7 rgb(125,253,167)
```
#91feb4
```
#91feb4 rgb(145,254,180)
```
#a4fec1
```
#a4fec1 rgb(164,254,193)
```
#b8fecf
```
#b8fecf rgb(184,254,207)
```
#cbfedc
```
#cbfedc rgb(203,254,220)
```
#deffe9
```
#deffe9 rgb(222,255,233)
```
#f2fff6
```
#f2fff6 rgb(242,255,246)
```

Tint Color Variation

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

#4d5650
```
#4d5650 rgb(77,86,80)
```
#475c4e
```
#475c4e rgb(71,92,78)
```
#41624c
```
#41624c rgb(65,98,76)
```
#3a694a
```
#3a694a rgb(58,105,74)
```
#346f47
```
#346f47 rgb(52,111,71)
```
#2e7545
```
#2e7545 rgb(46,117,69)
```
#287b43
```
#287b43 rgb(40,123,67)
```
#218241
```
#218241 rgb(33,130,65)
```
#1b883f
```
#1b883f rgb(27,136,63)
```
#158e3d
```
#158e3d rgb(21,142,61)
```
#0f943a
```
#0f943a rgb(15,148,58)
```
#089b38
```
#089b38 rgb(8,155,56)
```
#02a136
```
#02a136 rgb(2,161,54)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#51715c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1913a Protanopia 1% of men
#b08a4b Deuteranopia 1% of men
#4d9ba7 Tritanopia 0.001% of the population

Trichromacy

#679638 Protanomaly 1% of men, 0.01% of women
#719243 Deuteranomaly 6% of men, 0.4% of women
#329d7e Tritanomaly 0.01% of the population