#02aec4 hex color

In a RGB color space, hex #02aec4 is composed of 0.8% red, 68.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 11.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 186.8 degrees, a saturation of 98% and a lightness of 38.8%. #02aec4 color hex could be obtained by blending #04ffff with #005d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 68
- B 77
RGB color chart
- C 99
- M 11
- Y 0
- K 23
CMYK color chart

● #02aec4 color description : Strong cyan.

The hexadecimal color #02aec4 has RGB values of R:2, G:174, B:196 and CMYK values of C:0.99, M:0.11, Y:0, K:0.23. Its decimal value is 175812.

Hex triplet	02aec4	`#02aec4`
RGB Decimal	2, 174, 196	`rgb(2,174,196)`
RGB Percent	0.8, 68.2, 76.9	`rgb(0.8%,68.2%,76.9%)`
CMYK	99, 11, 0, 23
HSL	186.8°, 98, 38.8	`hsl(186.8,98%,38.8%)`
HSV (or HSB)	186.8°, 99, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.175, -29.011, -21.713
XYZ	25.122, 34.268, 57.512
xyY	0.215, 0.293, 34.268
CIE-LCH	65.175, 36.237, 216.813
CIE-LUV	65.175, -47.99, -29.635
Hunter-Lab	58.539, -25.839, -17.273
Binary	00000010, 10101110, 11000100

#02aec4
```
#02aec4 rgb(2,174,196)
```
#c41802
```
#c41802 rgb(196,24,2)
```

Complementary Color

#02c479
```
#02c479 rgb(2,196,121)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#024dc4
```
#024dc4 rgb(2,77,196)
```

Analogous Color

#c47902
```
#c47902 rgb(196,121,2)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#c4024d
```
#c4024d rgb(196,2,77)
```

Split Complementary Color

#aec402
```
#aec402 rgb(174,196,2)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#c402ae
```
#c402ae rgb(196,2,174)
```

Triadic Color

#02c418
```
#02c418 rgb(2,196,24)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#c402ae
```
#c402ae rgb(196,2,174)
```
#c41802
```
#c41802 rgb(196,24,2)
```

Tetradic Color

#016b78
```
#016b78 rgb(1,107,120)
```
#018192
```
#018192 rgb(1,129,146)
```
#0298ab
```
#0298ab rgb(2,152,171)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#02c4dd
```
#02c4dd rgb(2,196,221)
```
#03dbf6
```
#03dbf6 rgb(3,219,246)
```
#16e2fd
```
#16e2fd rgb(22,226,253)
```

Monochromatic Color

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

#02c4aa
```
#02c4aa rgb(2,196,170)
```
#02c4ba
```
#02c4ba rgb(2,196,186)
```
#02bec4
```
#02bec4 rgb(2,190,196)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#029ec4
```
#029ec4 rgb(2,158,196)
```
#028ec4
```
#028ec4 rgb(2,142,196)
```
#027ec4
```
#027ec4 rgb(2,126,196)
```

Similar Colors

Text with hexadecimal color #02aec4

This text has a font color of #02aec4.

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

#02aec4 background color

This paragraph has a background color of #02aec4.

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

#02aec4 border color

This element has a border color of #02aec4.

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

CSS codes

.text {color:#02aec4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001315
```
#001315 rgb(0,19,21)
```
#002429
```
#002429 rgb(0,36,41)
```
#01353c
```
#01353c rgb(1,53,60)
```
#01474f
```
#01474f rgb(1,71,79)
```
#015863
```
#015863 rgb(1,88,99)
```
#016976
```
#016976 rgb(1,105,118)
```
#017a8a
```
#017a8a rgb(1,122,138)
```
#028c9d
```
#028c9d rgb(2,140,157)
```
#029db1
```
#029db1 rgb(2,157,177)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```
#02bfd7
```
#02bfd7 rgb(2,191,215)
```
#02d0eb
```
#02d0eb rgb(2,208,235)
```

Shade Color Variation

#04e0fc
```
#04e0fc rgb(4,224,252)
```
#18e3fd
```
#18e3fd rgb(24,227,253)
```
#2be5fd
```
#2be5fd rgb(43,229,253)
```
#3fe7fd
```
#3fe7fd rgb(63,231,253)
```
#52eafd
```
#52eafd rgb(82,234,253)
```
#65ecfd
```
#65ecfd rgb(101,236,253)
```
#79effe
```
#79effe rgb(121,239,254)
```
#8cf1fe
```
#8cf1fe rgb(140,241,254)
```
#a0f3fe
```
#a0f3fe rgb(160,243,254)
```
#b3f6fe
```
#b3f6fe rgb(179,246,254)
```
#c7f8fe
```
#c7f8fe rgb(199,248,254)
```
#dafaff
```
#dafaff rgb(218,250,255)
```
#edfdff
```
#edfdff rgb(237,253,255)
```

Tint Color Variation

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

#5d6769
```
#5d6769 rgb(93,103,105)
```
#566d70
```
#566d70 rgb(86,109,112)
```
#4e7378
```
#4e7378 rgb(78,115,120)
```
#47797f
```
#47797f rgb(71,121,127)
```
#3f7f87
```
#3f7f87 rgb(63,127,135)
```
#37858f
```
#37858f rgb(55,133,143)
```
#308b96
```
#308b96 rgb(48,139,150)
```
#28919e
```
#28919e rgb(40,145,158)
```
#2096a6
```
#2096a6 rgb(32,150,166)
```
#199cad
```
#199cad rgb(25,156,173)
```
#11a2b5
```
#11a2b5 rgb(17,162,181)
```
#0aa8bc
```
#0aa8bc rgb(10,168,188)
```
#02aec4
```
#02aec4 rgb(2,174,196)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#64878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1bc Protanopia 1% of men
#9aa0cd Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#65a6bf Protanomaly 1% of men, 0.01% of women
#62a5ca Deuteranomaly 6% of men, 0.4% of women
#00b1c1 Tritanomaly 0.01% of the population

#02aec4 hex color

#02aec4 Color Information

#02aec4 Color Conversion

Color Schemes with #02aec4

Alternatives to #02aec4

#02aec4 Preview

Shades and Tints of #02aec4

Tones of #02aec4

Color Blindness Simulator