#02a1a2 hex color

In a RGB color space, hex #02a1a2 is composed of 0.8% red, 63.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 180.4 degrees, a saturation of 97.6% and a lightness of 32.2%. #02a1a2 color hex could be obtained by blending #04ffff with #004345. Closest websafe color is: #009999.

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

● #02a1a2 color description : Dark cyan.

The hexadecimal color #02a1a2 has RGB values of R:2, G:161, B:162 and CMYK values of C:0.99, M:0.01, Y:0, K:0.36. Its decimal value is 172450.

Hex triplet	02a1a2	`#02a1a2`
RGB Decimal	2, 161, 162	`rgb(2,161,162)`
RGB Percent	0.8, 63.1, 63.5	`rgb(0.8%,63.1%,63.5%)`
CMYK	99, 1, 0, 36
HSL	180.4°, 97.6, 32.2	`hsl(180.4,97.6%,32.2%)`
HSV (or HSB)	180.4°, 98.8, 63.5
Web Safe	009999	`#009999`

CIE-LAB	59.987, -33.701, -10.523
XYZ	19.289, 28.109, 38.589
xyY	0.224, 0.327, 28.109
CIE-LCH	59.987, 35.306, 197.341
CIE-LUV	59.987, -46.198, -10.839
Hunter-Lab	53.018, -27.839, -6.042
Binary	00000010, 10100001, 10100010

#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#a20302
```
#a20302 rgb(162,3,2)
```

Complementary Color

#02a253
```
#02a253 rgb(2,162,83)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#0251a2
```
#0251a2 rgb(2,81,162)
```

Analogous Color

#a25302
```
#a25302 rgb(162,83,2)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#a20251
```
#a20251 rgb(162,2,81)
```

Split Complementary Color

#a1a202
```
#a1a202 rgb(161,162,2)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#a202a1
```
#a202a1 rgb(162,2,161)
```

Triadic Color

#02a203
```
#02a203 rgb(2,162,3)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#a202a1
```
#a202a1 rgb(162,2,161)
```
#a20302
```
#a20302 rgb(162,3,2)
```

Tetradic Color

#015656
```
#015656 rgb(1,86,86)
```
#016f70
```
#016f70 rgb(1,111,112)
```
#028889
```
#028889 rgb(2,136,137)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#02babb
```
#02babb rgb(2,186,187)
```
#03d3d4
```
#03d3d4 rgb(3,211,212)
```
#03ecee
```
#03ecee rgb(3,236,238)
```

Monochromatic Color

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

#02a27b
```
#02a27b rgb(2,162,123)
```
#02a288
```
#02a288 rgb(2,162,136)
```
#02a296
```
#02a296 rgb(2,162,150)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#0294a2
```
#0294a2 rgb(2,148,162)
```
#0286a2
```
#0286a2 rgb(2,134,162)
```
#0279a2
```
#0279a2 rgb(2,121,162)
```

Similar Colors

Text with hexadecimal color #02a1a2

This text has a font color of #02a1a2.

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

#02a1a2 background color

This paragraph has a background color of #02a1a2.

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

#02a1a2 border color

This element has a border color of #02a1a2.

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

CSS codes

.text {color:#02a1a2;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001a1a
```
#001a1a rgb(0,26,26)
```
#012d2e
```
#012d2e rgb(1,45,46)
```
#014141
```
#014141 rgb(1,65,65)
```
#015454
```
#015454 rgb(1,84,84)
```
#016768
```
#016768 rgb(1,103,104)
```
#027a7b
```
#027a7b rgb(2,122,123)
```
#028e8f
```
#028e8f rgb(2,142,143)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```
#02b4b5
```
#02b4b5 rgb(2,180,181)
```
#02c8c9
```
#02c8c9 rgb(2,200,201)
```
#03dbdc
```
#03dbdc rgb(3,219,220)
```
#03eef0
```
#03eef0 rgb(3,238,240)
```

Shade Color Variation

#0afafc
```
#0afafc rgb(10,250,252)
```
#1dfbfc
```
#1dfbfc rgb(29,251,252)
```
#31fbfc
```
#31fbfc rgb(49,251,252)
```
#44fcfd
```
#44fcfd rgb(68,252,253)
```
#58fcfd
```
#58fcfd rgb(88,252,253)
```
#6bfcfd
```
#6bfcfd rgb(107,252,253)
```
#7efdfd
```
#7efdfd rgb(126,253,253)
```
#92fdfe
```
#92fdfe rgb(146,253,254)
```
#a5fdfe
```
#a5fdfe rgb(165,253,254)
```
#b8fefe
```
#b8fefe rgb(184,254,254)
```
#ccfefe
```
#ccfefe rgb(204,254,254)
```
#dffeff
```
#dffeff rgb(223,254,255)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#4e5656
```
#4e5656 rgb(78,86,86)
```
#475c5d
```
#475c5d rgb(71,92,93)
```
#416363
```
#416363 rgb(65,99,99)
```
#3b6969
```
#3b6969 rgb(59,105,105)
```
#346f70
```
#346f70 rgb(52,111,112)
```
#2e7576
```
#2e7576 rgb(46,117,118)
```
#287c7c
```
#287c7c rgb(40,124,124)
```
#228282
```
#228282 rgb(34,130,130)
```
#1b8889
```
#1b8889 rgb(27,136,137)
```
#158e8f
```
#158e8f rgb(21,142,143)
```
#0f9595
```
#0f9595 rgb(15,149,149)
```
#089b9c
```
#089b9c rgb(8,155,156)
```
#02a1a2
```
#02a1a2 rgb(2,161,162)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5c7b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#96959d Protanopia 1% of men
#9892ad Deuteranopia 1% of men
#24a4b0 Tritanopia 0.001% of the population

Trichromacy

#60999f Protanomaly 1% of men, 0.01% of women
#6198a9 Deuteranomaly 6% of men, 0.4% of women
#18a3ab Tritanomaly 0.01% of the population

#02a1a2 hex color

#02a1a2 Color Information

#02a1a2 Color Conversion

Color Schemes with #02a1a2

Alternatives to #02a1a2

#02a1a2 Preview

Shades and Tints of #02a1a2

Tones of #02a1a2

Color Blindness Simulator