#02aac1 hex color

In a RGB color space, hex #02aac1 is composed of 0.8% red, 66.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 11.9% magenta, 0% yellow and 24.3% black. It has a hue angle of 187.2 degrees, a saturation of 97.9% and a lightness of 38.2%. #02aac1 color hex could be obtained by blending #04ffff with #005583. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 67
- B 76
RGB color chart
- C 99
- M 12
- Y 0
- K 24
CMYK color chart

● #02aac1 color description : Strong cyan.

The hexadecimal color #02aac1 has RGB values of R:2, G:170, B:193 and CMYK values of C:0.99, M:0.12, Y:0, K:0.24. Its decimal value is 174785.

Hex triplet	02aac1	`#02aac1`
RGB Decimal	2, 170, 193	`rgb(2,170,193)`
RGB Percent	0.8, 66.7, 75.7	`rgb(0.8%,66.7%,75.7%)`
CMYK	99, 12, 0, 24
HSL	187.2°, 97.9, 38.2	`hsl(187.2,97.9%,38.2%)`
HSV (or HSB)	187.2°, 99, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.844, -28.026, -22.079
XYZ	24.023, 32.61, 55.477
xyY	0.214, 0.291, 32.61
CIE-LCH	63.844, 35.678, 218.23
CIE-LUV	63.844, -46.851, -30.279
Hunter-Lab	57.105, -24.844, -17.626
Binary	00000010, 10101010, 11000001

#02aac1
```
#02aac1 rgb(2,170,193)
```
#c11902
```
#c11902 rgb(193,25,2)
```

Complementary Color

#02c179
```
#02c179 rgb(2,193,121)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#024bc1
```
#024bc1 rgb(2,75,193)
```

Analogous Color

#c17902
```
#c17902 rgb(193,121,2)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#c1024b
```
#c1024b rgb(193,2,75)
```

Split Complementary Color

#aac102
```
#aac102 rgb(170,193,2)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#c102aa
```
#c102aa rgb(193,2,170)
```

Triadic Color

#02c119
```
#02c119 rgb(2,193,25)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#c102aa
```
#c102aa rgb(193,2,170)
```
#c11902
```
#c11902 rgb(193,25,2)
```

Tetradic Color

#016775
```
#016775 rgb(1,103,117)
```
#017e8f
```
#017e8f rgb(1,126,143)
```
#0294a8
```
#0294a8 rgb(2,148,168)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#02c0da
```
#02c0da rgb(2,192,218)
```
#03d6f3
```
#03d6f3 rgb(3,214,243)
```
#13e0fd
```
#13e0fd rgb(19,224,253)
```

Monochromatic Color

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

#02c1a8
```
#02c1a8 rgb(2,193,168)
```
#02c1b8
```
#02c1b8 rgb(2,193,184)
```
#02bac1
```
#02bac1 rgb(2,186,193)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#029ac1
```
#029ac1 rgb(2,154,193)
```
#028ac1
```
#028ac1 rgb(2,138,193)
```
#027ac1
```
#027ac1 rgb(2,122,193)
```

Similar Colors

Text with hexadecimal color #02aac1

This text has a font color of #02aac1.

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

#02aac1 background color

This paragraph has a background color of #02aac1.

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

#02aac1 border color

This element has a border color of #02aac1.

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

CSS codes

.text {color:#02aac1;}

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

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

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

#001012
```
#001012 rgb(0,16,18)
```
#002126
```
#002126 rgb(0,33,38)
```
#013239
```
#013239 rgb(1,50,57)
```
#01434d
```
#01434d rgb(1,67,77)
```
#015460
```
#015460 rgb(1,84,96)
```
#016673
```
#016673 rgb(1,102,115)
```
#017787
```
#017787 rgb(1,119,135)
```
#02889a
```
#02889a rgb(2,136,154)
```
#0299ae
```
#0299ae rgb(2,153,174)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```
#02bbd4
```
#02bbd4 rgb(2,187,212)
```
#02cce8
```
#02cce8 rgb(2,204,232)
```
#03ddfb
```
#03ddfb rgb(3,221,251)
```

Shade Color Variation

#15e1fd
```
#15e1fd rgb(21,225,253)
```
#28e3fd
```
#28e3fd rgb(40,227,253)
```
#3ce6fd
```
#3ce6fd rgb(60,230,253)
```
#4fe8fd
```
#4fe8fd rgb(79,232,253)
```
#63ebfd
```
#63ebfd rgb(99,235,253)
```
#76edfe
```
#76edfe rgb(118,237,254)
```
#89f0fe
```
#89f0fe rgb(137,240,254)
```
#9df2fe
```
#9df2fe rgb(157,242,254)
```
#b0f5fe
```
#b0f5fe rgb(176,245,254)
```
#c4f7fe
```
#c4f7fe rgb(196,247,254)
```
#d7faff
```
#d7faff rgb(215,250,255)
```
#eafcff
```
#eafcff rgb(234,252,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5c6667
```
#5c6667 rgb(92,102,103)
```
#556b6f
```
#556b6f rgb(85,107,111)
```
#4d7176
```
#4d7176 rgb(77,113,118)
```
#46777e
```
#46777e rgb(70,119,126)
```
#3e7c85
```
#3e7c85 rgb(62,124,133)
```
#37828d
```
#37828d rgb(55,130,141)
```
#2f8894
```
#2f8894 rgb(47,136,148)
```
#288e9c
```
#288e9c rgb(40,142,156)
```
#2093a3
```
#2093a3 rgb(32,147,163)
```
#1999ab
```
#1999ab rgb(25,153,171)
```
#119fb2
```
#119fb2 rgb(17,159,178)
```
#0aa4ba
```
#0aa4ba rgb(10,164,186)
```
#02aac1
```
#02aac1 rgb(2,170,193)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#628488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999eba Protanopia 1% of men
#969dca Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#62a2bc Protanomaly 1% of men, 0.01% of women
#60a1c7 Deuteranomaly 6% of men, 0.4% of women
#00adbd Tritanomaly 0.01% of the population

#02aac1 hex color

#02aac1 Color Information

#02aac1 Color Conversion

Color Schemes with #02aac1

Alternatives to #02aac1

#02aac1 Preview

Shades and Tints of #02aac1

Tones of #02aac1

Color Blindness Simulator