#02acc2 hex color

In a RGB color space, hex #02acc2 is composed of 0.8% red, 67.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 11.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 186.9 degrees, a saturation of 98% and a lightness of 38.4%. #02acc2 color hex could be obtained by blending #04ffff with #005985. Closest websafe color is: #0099cc.

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

● #02acc2 color description : Strong cyan.

The hexadecimal color #02acc2 has RGB values of R:2, G:172, B:194 and CMYK values of C:0.99, M:0.11, Y:0, K:0.24. Its decimal value is 175298.

Hex triplet	02acc2	`#02acc2`
RGB Decimal	2, 172, 194	`rgb(2,172,194)`
RGB Percent	0.8, 67.5, 76.1	`rgb(0.8%,67.5%,76.1%)`
CMYK	99, 11, 0, 24
HSL	186.9°, 98, 38.4	`hsl(186.9,98%,38.4%)`
HSV (or HSB)	186.9°, 99, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.492, -28.685, -21.645
XYZ	24.512, 33.41, 56.193
xyY	0.215, 0.293, 33.41
CIE-LCH	64.492, 35.936, 217.037
CIE-LUV	64.492, -47.461, -29.523
Hunter-Lab	57.802, -25.456, -17.178
Binary	00000010, 10101100, 11000010

#02acc2
```
#02acc2 rgb(2,172,194)
```
#c21802
```
#c21802 rgb(194,24,2)
```

Complementary Color

#02c278
```
#02c278 rgb(2,194,120)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#024cc2
```
#024cc2 rgb(2,76,194)
```

Analogous Color

#c27802
```
#c27802 rgb(194,120,2)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#c2024c
```
#c2024c rgb(194,2,76)
```

Split Complementary Color

#acc202
```
#acc202 rgb(172,194,2)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#c202ac
```
#c202ac rgb(194,2,172)
```

Triadic Color

#02c218
```
#02c218 rgb(2,194,24)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#c202ac
```
#c202ac rgb(194,2,172)
```
#c21802
```
#c21802 rgb(194,24,2)
```

Tetradic Color

#016976
```
#016976 rgb(1,105,118)
```
#017f90
```
#017f90 rgb(1,127,144)
```
#0296a9
```
#0296a9 rgb(2,150,169)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#02c2db
```
#02c2db rgb(2,194,219)
```
#03d9f4
```
#03d9f4 rgb(3,217,244)
```
#14e2fd
```
#14e2fd rgb(20,226,253)
```

Monochromatic Color

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

#02c2a8
```
#02c2a8 rgb(2,194,168)
```
#02c2b8
```
#02c2b8 rgb(2,194,184)
```
#02bcc2
```
#02bcc2 rgb(2,188,194)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#029cc2
```
#029cc2 rgb(2,156,194)
```
#028cc2
```
#028cc2 rgb(2,140,194)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```

Similar Colors

Text with hexadecimal color #02acc2

This text has a font color of #02acc2.

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

#02acc2 background color

This paragraph has a background color of #02acc2.

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

#02acc2 border color

This element has a border color of #02acc2.

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

CSS codes

.text {color:#02acc2;}

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

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

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

#001113
```
#001113 rgb(0,17,19)
```
#002227
```
#002227 rgb(0,34,39)
```
#01343a
```
#01343a rgb(1,52,58)
```
#01454e
```
#01454e rgb(1,69,78)
```
#015661
```
#015661 rgb(1,86,97)
```
#016774
```
#016774 rgb(1,103,116)
```
#017888
```
#017888 rgb(1,120,136)
```
#028a9b
```
#028a9b rgb(2,138,155)
```
#029baf
```
#029baf rgb(2,155,175)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```
#02bdd5
```
#02bdd5 rgb(2,189,213)
```
#02cee9
```
#02cee9 rgb(2,206,233)
```
#03e0fc
```
#03e0fc rgb(3,224,252)
```

Shade Color Variation

#16e2fd
```
#16e2fd rgb(22,226,253)
```
#29e5fd
```
#29e5fd rgb(41,229,253)
```
#3de7fd
```
#3de7fd rgb(61,231,253)
```
#50e9fd
```
#50e9fd rgb(80,233,253)
```
#64ecfd
```
#64ecfd rgb(100,236,253)
```
#77eefe
```
#77eefe rgb(119,238,254)
```
#8af1fe
```
#8af1fe rgb(138,241,254)
```
#9ef3fe
```
#9ef3fe rgb(158,243,254)
```
#b1f5fe
```
#b1f5fe rgb(177,245,254)
```
#c5f8fe
```
#c5f8fe rgb(197,248,254)
```
#d8faff
```
#d8faff rgb(216,250,255)
```
#ebfdff
```
#ebfdff rgb(235,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c6668
```
#5c6668 rgb(92,102,104)
```
#556c6f
```
#556c6f rgb(85,108,111)
```
#4d7277
```
#4d7277 rgb(77,114,119)
```
#46787e
```
#46787e rgb(70,120,126)
```
#3e7e86
```
#3e7e86 rgb(62,126,134)
```
#37838d
```
#37838d rgb(55,131,141)
```
#2f8995
```
#2f8995 rgb(47,137,149)
```
#288f9c
```
#288f9c rgb(40,143,156)
```
#2095a4
```
#2095a4 rgb(32,149,164)
```
#199bab
```
#199bab rgb(25,155,171)
```
#11a0b3
```
#11a0b3 rgb(17,160,179)
```
#0aa6ba
```
#0aa6ba rgb(10,166,186)
```
#02acc2
```
#02acc2 rgb(2,172,194)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#64868a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba0bb Protanopia 1% of men
#989ecb Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#63a4bd Protanomaly 1% of men, 0.01% of women
#61a3c8 Deuteranomaly 6% of men, 0.4% of women
#00afbf Tritanomaly 0.01% of the population

#02acc2 hex color

#02acc2 Color Information

#02acc2 Color Conversion

Color Schemes with #02acc2

Alternatives to #02acc2

#02acc2 Preview

Shades and Tints of #02acc2

Tones of #02acc2

Color Blindness Simulator