colorhexa.com

#02a1ad hex color

In a RGB color space, hex #02a1ad is composed of 0.8% red, 63.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 6.9% magenta, 0% yellow and 32.2% black. It has a hue angle of 184.2 degrees, a saturation of 97.7% and a lightness of 34.3%. #02a1ad color hex could be obtained by blending #04ffff with #00435b. Closest websafe color is: #009999.

- R 1
- G 63
- B 68
RGB color chart
- C 99
- M 7
- Y 0
- K 32
CMYK color chart

● #02a1ad color description : Dark cyan.

The hexadecimal color #02a1ad has RGB values of R:2, G:161, B:173 and CMYK values of C:0.99, M:0.07, Y:0, K:0.32. Its decimal value is 172461.

Hex triplet	02a1ad	`#02a1ad`
RGB Decimal	2, 161, 173	`rgb(2,161,173)`
RGB Percent	0.8, 63.1, 67.8	`rgb(0.8%,63.1%,67.8%)`
CMYK	99, 7, 0, 32
HSL	184.2°, 97.7, 34.3	`hsl(184.2,97.7%,34.3%)`
HSV (or HSB)	184.2°, 98.8, 67.8
Web Safe	009999	`#009999`

CIE-LAB	60.354, -30.184, -16.182
XYZ	20.31, 28.518, 43.967
xyY	0.219, 0.307, 28.518
CIE-LCH	60.354, 34.248, 208.197
CIE-LUV	60.354, -45.32, -20.245
Hunter-Lab	53.402, -25.564, -11.433
Binary	00000010, 10100001, 10101101

#02a1ad
```
#02a1ad rgb(2,161,173)
```
#ad0e02
```
#ad0e02 rgb(173,14,2)
```

Complementary Color

#02ad64
```
#02ad64 rgb(2,173,100)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#024cad
```
#024cad rgb(2,76,173)
```

Analogous Color

#ad6402
```
#ad6402 rgb(173,100,2)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#ad024c
```
#ad024c rgb(173,2,76)
```

Split Complementary Color

#a1ad02
```
#a1ad02 rgb(161,173,2)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#ad02a1
```
#ad02a1 rgb(173,2,161)
```

Triadic Color

#015b61
```
#015b61 rgb(1,91,97)
```
#01727b
```
#01727b rgb(1,114,123)
```
#028a94
```
#028a94 rgb(2,138,148)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#02b8c6
```
#02b8c6 rgb(2,184,198)
```
#03d0df
```
#03d0df rgb(3,208,223)
```
#03e7f9
```
#03e7f9 rgb(3,231,249)
```

Monochromatic Color

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

#02ad8e
```
#02ad8e rgb(2,173,142)
```
#02ad9d
```
#02ad9d rgb(2,173,157)
```
#02adab
```
#02adab rgb(2,173,171)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#0293ad
```
#0293ad rgb(2,147,173)
```
#0285ad
```
#0285ad rgb(2,133,173)
```
#0276ad
```
#0276ad rgb(2,118,173)
```

Similar Colors

Text with hexadecimal color #02a1ad

This text has a font color of #02a1ad.

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

#02a1ad background color

This paragraph has a background color of #02a1ad.

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

#02a1ad border color

This element has a border color of #02a1ad.

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

CSS codes

.text {color:#02a1ad;}

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

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

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

#001112
```
#001112 rgb(0,17,18)
```
#002325
```
#002325 rgb(0,35,37)
```
#013539
```
#013539 rgb(1,53,57)
```
#01474c
```
#01474c rgb(1,71,76)
```
#01595f
```
#01595f rgb(1,89,95)
```
#016b73
```
#016b73 rgb(1,107,115)
```
#027d86
```
#027d86 rgb(2,125,134)
```
#028f9a
```
#028f9a rgb(2,143,154)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```
#02b3c0
```
#02b3c0 rgb(2,179,192)
```
#02c5d4
```
#02c5d4 rgb(2,197,212)
```
#03d7e7
```
#03d7e7 rgb(3,215,231)
```
#03e9fb
```
#03e9fb rgb(3,233,251)
```

Shade Color Variation

#15ecfc
```
#15ecfc rgb(21,236,252)
```
#28eefd
```
#28eefd rgb(40,238,253)
```
#3ceffd
```
#3ceffd rgb(60,239,253)
```
#4ff1fd
```
#4ff1fd rgb(79,241,253)
```
#62f2fd
```
#62f2fd rgb(98,242,253)
```
#76f4fd
```
#76f4fd rgb(118,244,253)
```
#89f5fe
```
#89f5fe rgb(137,245,254)
```
#9df7fe
```
#9df7fe rgb(157,247,254)
```
#b0f9fe
```
#b0f9fe rgb(176,249,254)
```
#c3fafe
```
#c3fafe rgb(195,250,254)
```
#d7fcff
```
#d7fcff rgb(215,252,255)
```
#eafdff
```
#eafdff rgb(234,253,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#535c5c
```
#535c5c rgb(83,92,92)
```
#4c6163
```
#4c6163 rgb(76,97,99)
```
#45676a
```
#45676a rgb(69,103,106)
```
#3f6d70
```
#3f6d70 rgb(63,109,112)
```
#387377
```
#387377 rgb(56,115,119)
```
#31787e
```
#31787e rgb(49,120,126)
```
#2a7e85
```
#2a7e85 rgb(42,126,133)
```
#24848b
```
#24848b rgb(36,132,139)
```
#1d8a92
```
#1d8a92 rgb(29,138,146)
```
#169099
```
#169099 rgb(22,144,153)
```
#0f95a0
```
#0f95a0 rgb(15,149,160)
```
#099ba6
```
#099ba6 rgb(9,155,166)
```
#02a1ad
```
#02a1ad rgb(2,161,173)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#5c7c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9496a7 Protanopia 1% of men
#9394b7 Deuteranopia 1% of men
#0fa5b1 Tritanopia 0.001% of the population

Trichromacy

#5f9aa9 Protanomaly 1% of men, 0.01% of women
#5e98b3 Deuteranomaly 6% of men, 0.4% of women
#0aa4b0 Tritanomaly 0.01% of the population