colorhexa.com

#02a4ac hex color

In a RGB color space, hex #02a4ac is composed of 0.8% red, 64.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 4.7% magenta, 0% yellow and 32.5% black. It has a hue angle of 182.8 degrees, a saturation of 97.7% and a lightness of 34.1%. #02a4ac color hex could be obtained by blending #04ffff with #004959. Closest websafe color is: #009999.

- R 1
- G 64
- B 67
RGB color chart
- C 99
- M 5
- Y 0
- K 33
CMYK color chart

● #02a4ac color description : Dark cyan.

The hexadecimal color #02a4ac has RGB values of R:2, G:164, B:172 and CMYK values of C:0.99, M:0.05, Y:0, K:0.33. Its decimal value is 173228.

Hex triplet	02a4ac	`#02a4ac`
RGB Decimal	2, 164, 172	`rgb(2,164,172)`
RGB Percent	0.8, 64.3, 67.5	`rgb(0.8%,64.3%,67.5%)`
CMYK	99, 5, 0, 33
HSL	182.8°, 97.7, 34.1	`hsl(182.8,97.7%,34.1%)`
HSV (or HSB)	182.8°, 98.8, 67.5
Web Safe	009999	`#009999`

CIE-LAB	61.255, -31.957, -14.255
XYZ	20.745, 29.54, 43.636
xyY	0.221, 0.315, 29.54
CIE-LCH	61.255, 34.992, 204.041
CIE-LUV	61.255, -46.444, -16.982
Hunter-Lab	54.351, -26.984, -9.556
Binary	00000010, 10100100, 10101100

#02a4ac
```
#02a4ac rgb(2,164,172)
```
#ac0a02
```
#ac0a02 rgb(172,10,2)
```

Complementary Color

#02ac5f
```
#02ac5f rgb(2,172,95)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#024fac
```
#024fac rgb(2,79,172)
```

Analogous Color

#ac5f02
```
#ac5f02 rgb(172,95,2)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#ac024f
```
#ac024f rgb(172,2,79)
```

Split Complementary Color

#a4ac02
```
#a4ac02 rgb(164,172,2)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#ac02a4
```
#ac02a4 rgb(172,2,164)
```

Triadic Color

#015c60
```
#015c60 rgb(1,92,96)
```
#01747a
```
#01747a rgb(1,116,122)
```
#028c93
```
#028c93 rgb(2,140,147)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#02bcc5
```
#02bcc5 rgb(2,188,197)
```
#03d4de
```
#03d4de rgb(3,212,222)
```
#03ecf8
```
#03ecf8 rgb(3,236,248)
```

Monochromatic Color

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

#02ac8a
```
#02ac8a rgb(2,172,138)
```
#02ac98
```
#02ac98 rgb(2,172,152)
```
#02aca6
```
#02aca6 rgb(2,172,166)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#0296ac
```
#0296ac rgb(2,150,172)
```
#0288ac
```
#0288ac rgb(2,136,172)
```
#027aac
```
#027aac rgb(2,122,172)
```

Similar Colors

Text with hexadecimal color #02a4ac

This text has a font color of #02a4ac.

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

#02a4ac background color

This paragraph has a background color of #02a4ac.

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

#02a4ac border color

This element has a border color of #02a4ac.

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

CSS codes

.text {color:#02a4ac;}

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

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

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

#001011
```
#001011 rgb(0,16,17)
```
#002324
```
#002324 rgb(0,35,36)
```
#013538
```
#013538 rgb(1,53,56)
```
#01484b
```
#01484b rgb(1,72,75)
```
#015a5e
```
#015a5e rgb(1,90,94)
```
#016d72
```
#016d72 rgb(1,109,114)
```
#027f85
```
#027f85 rgb(2,127,133)
```
#029299
```
#029299 rgb(2,146,153)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```
#02b6bf
```
#02b6bf rgb(2,182,191)
```
#02c9d3
```
#02c9d3 rgb(2,201,211)
```
#03dbe6
```
#03dbe6 rgb(3,219,230)
```
#03eefa
```
#03eefa rgb(3,238,250)
```

Shade Color Variation

#14f1fc
```
#14f1fc rgb(20,241,252)
```
#27f2fc
```
#27f2fc rgb(39,242,252)
```
#3bf4fd
```
#3bf4fd rgb(59,244,253)
```
#4ef5fd
```
#4ef5fd rgb(78,245,253)
```
#61f6fd
```
#61f6fd rgb(97,246,253)
```
#75f7fd
```
#75f7fd rgb(117,247,253)
```
#88f8fe
```
#88f8fe rgb(136,248,254)
```
#9cf9fe
```
#9cf9fe rgb(156,249,254)
```
#affafe
```
#affafe rgb(175,250,254)
```
#c2fbfe
```
#c2fbfe rgb(194,251,254)
```
#d6fdff
```
#d6fdff rgb(214,253,255)
```
#e9feff
```
#e9feff rgb(233,254,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#525b5c
```
#525b5c rgb(82,91,92)
```
#4c6162
```
#4c6162 rgb(76,97,98)
```
#456769
```
#456769 rgb(69,103,105)
```
#3e6d70
```
#3e6d70 rgb(62,109,112)
```
#387476
```
#387476 rgb(56,116,118)
```
#317a7d
```
#317a7d rgb(49,122,125)
```
#2a8084
```
#2a8084 rgb(42,128,132)
```
#23868b
```
#23868b rgb(35,134,139)
```
#1d8c91
```
#1d8c91 rgb(29,140,145)
```
#169298
```
#169298 rgb(22,146,152)
```
#0f989f
```
#0f989f rgb(15,152,159)
```
#099ea5
```
#099ea5 rgb(9,158,165)
```
#02a4ac
```
#02a4ac rgb(2,164,172)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5d7e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9798a6 Protanopia 1% of men
#9796b7 Deuteranopia 1% of men
#1ba8b4 Tritanopia 0.001% of the population

Trichromacy

#619ca8 Protanomaly 1% of men, 0.01% of women
#619bb3 Deuteranomaly 6% of men, 0.4% of women
#12a6b1 Tritanomaly 0.01% of the population