#02acdc hex color

In a RGB color space, hex #02acdc is composed of 0.8% red, 67.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 21.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.2 degrees, a saturation of 98.2% and a lightness of 43.5%. #02acdc color hex could be obtained by blending #04ffff with #0059b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 67
- B 86
RGB color chart
- C 99
- M 22
- Y 0
- K 14
CMYK color chart

● #02acdc color description : Vivid cyan.

The hexadecimal color #02acdc has RGB values of R:2, G:172, B:220 and CMYK values of C:0.99, M:0.22, Y:0, K:0.14. Its decimal value is 175324.

Hex triplet	02acdc	`#02acdc`
RGB Decimal	2, 172, 220	`rgb(2,172,220)`
RGB Percent	0.8, 67.5, 86.3	`rgb(0.8%,67.5%,86.3%)`
CMYK	99, 22, 0, 14
HSL	193.2°, 98.2, 43.5	`hsl(193.2,98.2%,43.5%)`
HSV (or HSB)	193.2°, 99.1, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.501, -19.826, -34.48
XYZ	27.692, 34.683, 72.941
xyY	0.205, 0.256, 34.683
CIE-LCH	65.501, 39.774, 240.101
CIE-LUV	65.501, -45.449, -52.146
Hunter-Lab	58.892, -19.126, -32.21
Binary	00000010, 10101100, 11011100

#02acdc
```
#02acdc rgb(2,172,220)
```
#dc3202
```
#dc3202 rgb(220,50,2)
```

Complementary Color

#02dc9f
```
#02dc9f rgb(2,220,159)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#023fdc
```
#023fdc rgb(2,63,220)
```

Analogous Color

#dc9f02
```
#dc9f02 rgb(220,159,2)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#dc023f
```
#dc023f rgb(220,2,63)
```

Split Complementary Color

#acdc02
```
#acdc02 rgb(172,220,2)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#dc02ac
```
#dc02ac rgb(220,2,172)
```

Triadic Color

#02dc32
```
#02dc32 rgb(2,220,50)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#dc02ac
```
#dc02ac rgb(220,2,172)
```
#dc3202
```
#dc3202 rgb(220,50,2)
```

Tetradic Color

#017190
```
#017190 rgb(1,113,144)
```
#0284a9
```
#0284a9 rgb(2,132,169)
```
#0298c3
```
#0298c3 rgb(2,152,195)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#02c0f5
```
#02c0f5 rgb(2,192,245)
```
#14cafd
```
#14cafd rgb(20,202,253)
```
#2dcffd
```
#2dcffd rgb(45,207,253)
```

Monochromatic Color

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

#02dcd6
```
#02dcd6 rgb(2,220,214)
```
#02d0dc
```
#02d0dc rgb(2,208,220)
```
#02bedc
```
#02bedc rgb(2,190,220)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#029adc
```
#029adc rgb(2,154,220)
```
#0288dc
```
#0288dc rgb(2,136,220)
```
#0276dc
```
#0276dc rgb(2,118,220)
```

Similar Colors

Text with hexadecimal color #02acdc

This text has a font color of #02acdc.

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

#02acdc background color

This paragraph has a background color of #02acdc.

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

#02acdc border color

This element has a border color of #02acdc.

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

CSS codes

.text {color:#02acdc;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#00141a
```
#00141a rgb(0,20,26)
```
#00232d
```
#00232d rgb(0,35,45)
```
#013240
```
#013240 rgb(1,50,64)
```
#014254
```
#014254 rgb(1,66,84)
```
#015167
```
#015167 rgb(1,81,103)
```
#01607b
```
#01607b rgb(1,96,123)
```
#016f8e
```
#016f8e rgb(1,111,142)
```
#017ea2
```
#017ea2 rgb(1,126,162)
```
#028eb5
```
#028eb5 rgb(2,142,181)
```
#029dc9
```
#029dc9 rgb(2,157,201)
```
#02acdc
```
#02acdc rgb(2,172,220)
```
#02bbef
```
#02bbef rgb(2,187,239)
```

Shade Color Variation

#08c7fd
```
#08c7fd rgb(8,199,253)
```
#1ccbfd
```
#1ccbfd rgb(28,203,253)
```
#2fd0fd
```
#2fd0fd rgb(47,208,253)
```
#43d4fd
```
#43d4fd rgb(67,212,253)
```
#56d9fd
```
#56d9fd rgb(86,217,253)
```
#6addfe
```
#6addfe rgb(106,221,254)
```
#7de1fe
```
#7de1fe rgb(125,225,254)
```
#91e6fe
```
#91e6fe rgb(145,230,254)
```
#a4eafe
```
#a4eafe rgb(164,234,254)
```
#b7effe
```
#b7effe rgb(183,239,254)
```
#cbf3ff
```
#cbf3ff rgb(203,243,255)
```
#def8ff
```
#def8ff rgb(222,248,255)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#687376
```
#687376 rgb(104,115,118)
```
#60777e
```
#60777e rgb(96,119,126)
```
#577c87
```
#577c87 rgb(87,124,135)
```
#4f818f
```
#4f818f rgb(79,129,143)
```
#468698
```
#468698 rgb(70,134,152)
```
#3e8ba0
```
#3e8ba0 rgb(62,139,160)
```
#358fa9
```
#358fa9 rgb(53,143,169)
```
#2d94b1
```
#2d94b1 rgb(45,148,177)
```
#2499ba
```
#2499ba rgb(36,153,186)
```
#1c9ec2
```
#1c9ec2 rgb(28,158,194)
```
#13a2cb
```
#13a2cb rgb(19,162,203)
```
#0ba7d3
```
#0ba7d3 rgb(11,167,211)
```
#02acdc
```
#02acdc rgb(2,172,220)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a2d4 Protanopia 1% of men
#89a2e3 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#5fa5d7 Protanomaly 1% of men, 0.01% of women
#58a6e0 Deuteranomaly 6% of men, 0.4% of women
#00b1ca Tritanomaly 0.01% of the population

#02acdc hex color

#02acdc Color Information

#02acdc Color Conversion

Color Schemes with #02acdc

Alternatives to #02acdc

#02acdc Preview

Shades and Tints of #02acdc

Tones of #02acdc

Color Blindness Simulator