colorhexa.com

#02a360 hex color

In a RGB color space, hex #02a360 is composed of 0.8% red, 63.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 41.1% yellow and 36.1% black. It has a hue angle of 155 degrees, a saturation of 97.6% and a lightness of 32.4%. #02a360 color hex could be obtained by blending #04ffc0 with #004700. Closest websafe color is: #009966.

- R 1
- G 64
- B 38
RGB color chart
- C 99
- M 0
- Y 41
- K 36
CMYK color chart

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

The hexadecimal color #02a360 has RGB values of R:2, G:163, B:96 and CMYK values of C:0.99, M:0, Y:0.41, K:0.36. Its decimal value is 172896.

Hex triplet	02a360	`#02a360`
RGB Decimal	2, 163, 96	`rgb(2,163,96)`
RGB Percent	0.8, 63.9, 37.6	`rgb(0.8%,63.9%,37.6%)`
CMYK	99, 0, 41, 36
HSL	155°, 97.6, 32.4	`hsl(155,97.6%,32.4%)`
HSV (or HSB)	155°, 98.8, 63.9
Web Safe	009966	`#009966`

CIE-LAB	59.021, -51.776, 24.953
XYZ	15.232, 27.05, 15.484
xyY	0.264, 0.468, 27.05
CIE-LCH	59.021, 57.475, 154.268
CIE-LUV	59.021, -51.784, 40.271
Hunter-Lab	52.01, -38.739, 18.755
Binary	00000010, 10100011, 01100000

#02a360
```
#02a360 rgb(2,163,96)
```
#a30245
```
#a30245 rgb(163,2,69)
```

Complementary Color

#02a310
```
#02a310 rgb(2,163,16)
```
#02a360
```
#02a360 rgb(2,163,96)
```
#0296a3
```
#0296a3 rgb(2,150,163)
```

Analogous Color

#a31002
```
#a31002 rgb(163,16,2)
```
#02a360
```
#02a360 rgb(2,163,96)
```
#a30296
```
#a30296 rgb(163,2,150)
```

Split Complementary Color

#015733
```
#015733 rgb(1,87,51)
```
#017142
```
#017142 rgb(1,113,66)
```
#028a51
```
#028a51 rgb(2,138,81)
```
#02a360
```
#02a360 rgb(2,163,96)
```
#02bc6f
```
#02bc6f rgb(2,188,111)
```
#03d57e
```
#03d57e rgb(3,213,126)
```
#03ef8d
```
#03ef8d rgb(3,239,141)
```

Monochromatic Color

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

#02a338
```
#02a338 rgb(2,163,56)
```
#02a345
```
#02a345 rgb(2,163,69)
```
#02a353
```
#02a353 rgb(2,163,83)
```
#02a360
```
#02a360 rgb(2,163,96)
```
#02a36d
```
#02a36d rgb(2,163,109)
```
#02a37b
```
#02a37b rgb(2,163,123)
```
#02a388
```
#02a388 rgb(2,163,136)
```

Similar Colors

Text with hexadecimal color #02a360

This text has a font color of #02a360.

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

#02a360 background color

This paragraph has a background color of #02a360.

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

#02a360 border color

This element has a border color of #02a360.

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

CSS codes

.text {color:#02a360;}

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

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

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

#000805
```
#000805 rgb(0,8,5)
```
#001b10
```
#001b10 rgb(0,27,16)
```
#012f1c
```
#012f1c rgb(1,47,28)
```
#014227
```
#014227 rgb(1,66,39)
```
#015532
```
#015532 rgb(1,85,50)
```
#01693e
```
#01693e rgb(1,105,62)
```
#027c49
```
#027c49 rgb(2,124,73)
```
#029055
```
#029055 rgb(2,144,85)
```
#02a360
```
#02a360 rgb(2,163,96)
```
#02b66b
```
#02b66b rgb(2,182,107)
```
#02ca77
```
#02ca77 rgb(2,202,119)
```
#03dd82
```
#03dd82 rgb(3,221,130)
```
#03f18e
```
#03f18e rgb(3,241,142)
```

Shade Color Variation

#0bfc98
```
#0bfc98 rgb(11,252,152)
```
#1efca0
```
#1efca0 rgb(30,252,160)
```
#32fca8
```
#32fca8 rgb(50,252,168)
```
#45fdb0
```
#45fdb0 rgb(69,253,176)
```
#59fdb9
```
#59fdb9 rgb(89,253,185)
```
#6cfdc1
```
#6cfdc1 rgb(108,253,193)
```
#7ffdc9
```
#7ffdc9 rgb(127,253,201)
```
#93fed1
```
#93fed1 rgb(147,254,209)
```
#a6fed9
```
#a6fed9 rgb(166,254,217)
```
#b9fee2
```
#b9fee2 rgb(185,254,226)
```
#cdfeea
```
#cdfeea rgb(205,254,234)
```
#e0fff2
```
#e0fff2 rgb(224,255,242)
```
#f4fffa
```
#f4fffa rgb(244,255,250)
```

Tint Color Variation

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

#4e5753
```
#4e5753 rgb(78,87,83)
```
#485d54
```
#485d54 rgb(72,93,84)
```
#416455
```
#416455 rgb(65,100,85)
```
#3b6a56
```
#3b6a56 rgb(59,106,86)
```
#357057
```
#357057 rgb(53,112,87)
```
#2e7759
```
#2e7759 rgb(46,119,89)
```
#287d5a
```
#287d5a rgb(40,125,90)
```
#22835b
```
#22835b rgb(34,131,91)
```
#1b8a5c
```
#1b8a5c rgb(27,138,92)
```
#15905d
```
#15905d rgb(21,144,93)
```
#0f965e
```
#0f965e rgb(15,150,94)
```
#089d5f
```
#089d5f rgb(8,157,95)
```
#02a360
```
#02a360 rgb(2,163,96)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#567669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09360 Protanopia 1% of men
#ad8e71 Deuteranopia 1% of men
#479fab Tritanopia 0.001% of the population

Trichromacy

#669960 Protanomaly 1% of men, 0.01% of women
#6e956a Deuteranomaly 6% of men, 0.4% of women
#2ea08f Tritanomaly 0.01% of the population