#02a996 hex color

In a RGB color space, hex #02a996 is composed of 0.8% red, 66.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 11.2% yellow and 33.7% black. It has a hue angle of 173.2 degrees, a saturation of 97.7% and a lightness of 33.5%. #02a996 color hex could be obtained by blending #04ffff with #00532d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 66
- B 59
RGB color chart
- C 99
- M 0
- Y 11
- K 34
CMYK color chart

● #02a996 color description : Dark cyan.

The hexadecimal color #02a996 has RGB values of R:2, G:169, B:150 and CMYK values of C:0.99, M:0, Y:0.11, K:0.34. Its decimal value is 174486.

Hex triplet	02a996	`#02a996`
RGB Decimal	2, 169, 150	`rgb(2,169,150)`
RGB Percent	0.8, 66.3, 58.8	`rgb(0.8%,66.3%,58.8%)`
CMYK	99, 0, 11, 34
HSL	173.2°, 97.7, 33.5	`hsl(173.2,97.7%,33.5%)`
HSV (or HSB)	173.2°, 98.8, 66.3
Web Safe	009999	`#009999`

CIE-LAB	62.159, -40.911, -0.553
XYZ	19.716, 30.589, 33.718
xyY	0.235, 0.364, 30.589
CIE-LCH	62.159, 40.914, 180.774
CIE-LUV	62.159, -49.936, 5.303
Hunter-Lab	55.307, -33.155, 2.569
Binary	00000010, 10101001, 10010110

#02a996
```
#02a996 rgb(2,169,150)
```
#a90215
```
#a90215 rgb(169,2,21)
```

Complementary Color

#02a942
```
#02a942 rgb(2,169,66)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#0269a9
```
#0269a9 rgb(2,105,169)
```

Analogous Color

#a94202
```
#a94202 rgb(169,66,2)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#a90269
```
#a90269 rgb(169,2,105)
```

Split Complementary Color

#a99602
```
#a99602 rgb(169,150,2)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#9602a9
```
#9602a9 rgb(150,2,169)
```

Triadic Color

#15a902
```
#15a902 rgb(21,169,2)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#9602a9
```
#9602a9 rgb(150,2,169)
```
#a90215
```
#a90215 rgb(169,2,21)
```

Tetradic Color

#015d53
```
#015d53 rgb(1,93,83)
```
#017769
```
#017769 rgb(1,119,105)
```
#029080
```
#029080 rgb(2,144,128)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#02c2ac
```
#02c2ac rgb(2,194,172)
```
#03dbc3
```
#03dbc3 rgb(3,219,195)
```
#03f5d9
```
#03f5d9 rgb(3,245,217)
```

Monochromatic Color

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

#02a96c
```
#02a96c rgb(2,169,108)
```
#02a97a
```
#02a97a rgb(2,169,122)
```
#02a988
```
#02a988 rgb(2,169,136)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#02a9a4
```
#02a9a4 rgb(2,169,164)
```
#02a0a9
```
#02a0a9 rgb(2,160,169)
```
#0292a9
```
#0292a9 rgb(2,146,169)
```

Similar Colors

Text with hexadecimal color #02a996

This text has a font color of #02a996.

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

#02a996 background color

This paragraph has a background color of #02a996.

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

#02a996 border color

This element has a border color of #02a996.

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

CSS codes

.text {color:#02a996;}

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

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

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

#000e0c
```
#000e0c rgb(0,14,12)
```
#00211e
```
#00211e rgb(0,33,30)
```
#01352f
```
#01352f rgb(1,53,47)
```
#014840
```
#014840 rgb(1,72,64)
```
#015b51
```
#015b51 rgb(1,91,81)
```
#016f62
```
#016f62 rgb(1,111,98)
```
#028274
```
#028274 rgb(2,130,116)
```
#029685
```
#029685 rgb(2,150,133)
```
#02a996
```
#02a996 rgb(2,169,150)
```
#02bca7
```
#02bca7 rgb(2,188,167)
```
#02d0b8
```
#02d0b8 rgb(2,208,184)
```
#03e3ca
```
#03e3ca rgb(3,227,202)
```
#03f7db
```
#03f7db rgb(3,247,219)
```

Shade Color Variation

#11fce1
```
#11fce1 rgb(17,252,225)
```
#24fce4
```
#24fce4 rgb(36,252,228)
```
#38fde6
```
#38fde6 rgb(56,253,230)
```
#4bfde9
```
#4bfde9 rgb(75,253,233)
```
#5efdeb
```
#5efdeb rgb(94,253,235)
```
#72fded
```
#72fded rgb(114,253,237)
```
#85fef0
```
#85fef0 rgb(133,254,240)
```
#99fef2
```
#99fef2 rgb(153,254,242)
```
#acfef5
```
#acfef5 rgb(172,254,245)
```
#bffef7
```
#bffef7 rgb(191,254,247)
```
#d3fefa
```
#d3fefa rgb(211,254,250)
```
#e6fffc
```
#e6fffc rgb(230,255,252)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#515a59
```
#515a59 rgb(81,90,89)
```
#4a615e
```
#4a615e rgb(74,97,94)
```
#446763
```
#446763 rgb(68,103,99)
```
#3d6e68
```
#3d6e68 rgb(61,110,104)
```
#37746d
```
#37746d rgb(55,116,109)
```
#307b72
```
#307b72 rgb(48,123,114)
```
#298278
```
#298278 rgb(41,130,120)
```
#23887d
```
#23887d rgb(35,136,125)
```
#1c8f82
```
#1c8f82 rgb(28,143,130)
```
#169587
```
#169587 rgb(22,149,135)
```
#0f9c8c
```
#0f9c8c rgb(15,156,140)
```
#09a291
```
#09a291 rgb(9,162,145)
```
#02a996
```
#02a996 rgb(2,169,150)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5e7f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09b92 Protanopia 1% of men
#a697a3 Deuteranopia 1% of men
#36a9b5 Tritanopia 0.001% of the population

Trichromacy

#66a093 Protanomaly 1% of men, 0.01% of women
#6a9d9e Deuteranomaly 6% of men, 0.4% of women
#23a9aa Tritanomaly 0.01% of the population

#02a996 hex color

#02a996 Color Information

#02a996 Color Conversion

Color Schemes with #02a996

Alternatives to #02a996

#02a996 Preview

Shades and Tints of #02a996

Tones of #02a996

Color Blindness Simulator