colorhexa.com

#02aa8f hex color

In a RGB color space, hex #02aa8f is composed of 0.8% red, 66.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 15.9% yellow and 33.3% black. It has a hue angle of 170.4 degrees, a saturation of 97.7% and a lightness of 33.7%. #02aa8f color hex could be obtained by blending #04ffff with #00551f. Closest websafe color is: #009999.

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

● #02aa8f color description : Dark cyan.

The hexadecimal color #02aa8f has RGB values of R:2, G:170, B:143 and CMYK values of C:0.99, M:0, Y:0.16, K:0.33. Its decimal value is 174735.

Hex triplet	02aa8f	`#02aa8f`
RGB Decimal	2, 170, 143	`rgb(2,170,143)`
RGB Percent	0.8, 66.7, 56.1	`rgb(0.8%,66.7%,56.1%)`
CMYK	99, 0, 16, 33
HSL	170.4°, 97.7, 33.7	`hsl(170.4,97.7%,33.7%)`
HSV (or HSB)	170.4°, 98.8, 66.7
Web Safe	009999	`#009999`

CIE-LAB	62.29, -43.291, 3.554
XYZ	19.356, 30.743, 30.899
xyY	0.239, 0.38, 30.743
CIE-LCH	62.29, 43.437, 175.306
CIE-LUV	62.29, -50.829, 11.639
Hunter-Lab	55.447, -34.719, 5.772
Binary	00000010, 10101010, 10001111

#02aa8f
```
#02aa8f rgb(2,170,143)
```
#aa021d
```
#aa021d rgb(170,2,29)
```

Complementary Color

#02aa3b
```
#02aa3b rgb(2,170,59)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#0271aa
```
#0271aa rgb(2,113,170)
```

Analogous Color

#aa3b02
```
#aa3b02 rgb(170,59,2)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#aa0271
```
#aa0271 rgb(170,2,113)
```

Split Complementary Color

#aa8f02
```
#aa8f02 rgb(170,143,2)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#8f02aa
```
#8f02aa rgb(143,2,170)
```

Triadic Color

#015e4f
```
#015e4f rgb(1,94,79)
```
#017865
```
#017865 rgb(1,120,101)
```
#02917a
```
#02917a rgb(2,145,122)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#02c3a4
```
#02c3a4 rgb(2,195,164)
```
#03dcb9
```
#03dcb9 rgb(3,220,185)
```
#03f6cf
```
#03f6cf rgb(3,246,207)
```

Monochromatic Color

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

#02aa65
```
#02aa65 rgb(2,170,101)
```
#02aa73
```
#02aa73 rgb(2,170,115)
```
#02aa81
```
#02aa81 rgb(2,170,129)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#02aa9d
```
#02aa9d rgb(2,170,157)
```
#02a9aa
```
#02a9aa rgb(2,169,170)
```
#029baa
```
#029baa rgb(2,155,170)
```

Similar Colors

Text with hexadecimal color #02aa8f

This text has a font color of #02aa8f.

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

#02aa8f background color

This paragraph has a background color of #02aa8f.

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

#02aa8f border color

This element has a border color of #02aa8f.

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

CSS codes

.text {color:#02aa8f;}

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

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

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

#000f0d
```
#000f0d rgb(0,15,13)
```
#00221d
```
#00221d rgb(0,34,29)
```
#01362d
```
#01362d rgb(1,54,45)
```
#01493d
```
#01493d rgb(1,73,61)
```
#015c4e
```
#015c4e rgb(1,92,78)
```
#01705e
```
#01705e rgb(1,112,94)
```
#02836e
```
#02836e rgb(2,131,110)
```
#02977f
```
#02977f rgb(2,151,127)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```
#02bd9f
```
#02bd9f rgb(2,189,159)
```
#02d1b0
```
#02d1b0 rgb(2,209,176)
```
#03e4c0
```
#03e4c0 rgb(3,228,192)
```
#03f8d0
```
#03f8d0 rgb(3,248,208)
```

Shade Color Variation

#12fcd7
```
#12fcd7 rgb(18,252,215)
```
#25fcda
```
#25fcda rgb(37,252,218)
```
#39fddd
```
#39fddd rgb(57,253,221)
```
#4cfde0
```
#4cfde0 rgb(76,253,224)
```
#5ffde4
```
#5ffde4 rgb(95,253,228)
```
#73fde7
```
#73fde7 rgb(115,253,231)
```
#86feea
```
#86feea rgb(134,254,234)
```
#9afeee
```
#9afeee rgb(154,254,238)
```
#adfef1
```
#adfef1 rgb(173,254,241)
```
#c0fef4
```
#c0fef4 rgb(192,254,244)
```
#d4fef8
```
#d4fef8 rgb(212,254,248)
```
#e7fffb
```
#e7fffb rgb(231,255,251)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#515b59
```
#515b59 rgb(81,91,89)
```
#4b615e
```
#4b615e rgb(75,97,94)
```
#446862
```
#446862 rgb(68,104,98)
```
#3e6e67
```
#3e6e67 rgb(62,110,103)
```
#37756b
```
#37756b rgb(55,117,107)
```
#307c70
```
#307c70 rgb(48,124,112)
```
#2a8274
```
#2a8274 rgb(42,130,116)
```
#238979
```
#238979 rgb(35,137,121)
```
#1c907d
```
#1c907d rgb(28,144,125)
```
#169682
```
#169682 rgb(22,150,130)
```
#0f9d86
```
#0f9d86 rgb(15,157,134)
```
#09a38b
```
#09a38b rgb(9,163,139)
```
#02aa8f
```
#02aa8f rgb(2,170,143)
```

Tone Color Variation

Below, you can see how #02aa8f 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
#5e807a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29b8b Protanopia 1% of men
#a9979d Deuteranopia 1% of men
#3ba9b6 Tritanopia 0.001% of the population

Trichromacy

#68a08c Protanomaly 1% of men, 0.01% of women
#6c9e97 Deuteranomaly 6% of men, 0.4% of women
#26a9a7 Tritanomaly 0.01% of the population