#02acde hex color

In a RGB color space, hex #02acde is composed of 0.8% red, 67.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 22.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.6 degrees, a saturation of 98.2% and a lightness of 43.9%. #02acde color hex could be obtained by blending #04ffff with #0059bd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 67
- B 87
RGB color chart
- C 99
- M 23
- Y 0
- K 13
CMYK color chart

● #02acde color description : Vivid cyan.

The hexadecimal color #02acde has RGB values of R:2, G:172, B:222 and CMYK values of C:0.99, M:0.23, Y:0, K:0.13. Its decimal value is 175326.

Hex triplet	02acde	`#02acde`
RGB Decimal	2, 172, 222	`rgb(2,172,222)`
RGB Percent	0.8, 67.5, 87.1	`rgb(0.8%,67.5%,87.1%)`
CMYK	99, 23, 0, 13
HSL	193.6°, 98.2, 43.9	`hsl(193.6,98.2%,43.9%)`
HSV (or HSB)	193.6°, 99.1, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.584, -19.126, -35.451
XYZ	27.959, 34.789, 74.345
xyY	0.204, 0.254, 34.789
CIE-LCH	65.584, 40.282, 241.653
CIE-LUV	65.584, -45.299, -53.883
Hunter-Lab	58.982, -18.606, -33.445
Binary	00000010, 10101100, 11011110

#02acde
```
#02acde rgb(2,172,222)
```
#de3402
```
#de3402 rgb(222,52,2)
```

Complementary Color

#02dea2
```
#02dea2 rgb(2,222,162)
```
#02acde
```
#02acde rgb(2,172,222)
```
#023ede
```
#023ede rgb(2,62,222)
```

Analogous Color

#dea202
```
#dea202 rgb(222,162,2)
```
#02acde
```
#02acde rgb(2,172,222)
```
#de023e
```
#de023e rgb(222,2,62)
```

Split Complementary Color

#acde02
```
#acde02 rgb(172,222,2)
```
#02acde
```
#02acde rgb(2,172,222)
```
#de02ac
```
#de02ac rgb(222,2,172)
```

Triadic Color

#02de34
```
#02de34 rgb(2,222,52)
```
#02acde
```
#02acde rgb(2,172,222)
```
#de02ac
```
#de02ac rgb(222,2,172)
```
#de3402
```
#de3402 rgb(222,52,2)
```

Tetradic Color

#017192
```
#017192 rgb(1,113,146)
```
#0285ab
```
#0285ab rgb(2,133,171)
```
#0298c5
```
#0298c5 rgb(2,152,197)
```
#02acde
```
#02acde rgb(2,172,222)
```
#02c0f7
```
#02c0f7 rgb(2,192,247)
```
#16c8fd
```
#16c8fd rgb(22,200,253)
```
#2fcefd
```
#2fcefd rgb(47,206,253)
```

Monochromatic Color

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

#02ded9
```
#02ded9 rgb(2,222,217)
```
#02d1de
```
#02d1de rgb(2,209,222)
```
#02bede
```
#02bede rgb(2,190,222)
```
#02acde
```
#02acde rgb(2,172,222)
```
#029ade
```
#029ade rgb(2,154,222)
```
#0287de
```
#0287de rgb(2,135,222)
```
#0275de
```
#0275de rgb(2,117,222)
```

Similar Colors

Text with hexadecimal color #02acde

This text has a font color of #02acde.

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

#02acde background color

This paragraph has a background color of #02acde.

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

#02acde border color

This element has a border color of #02acde.

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

CSS codes

.text {color:#02acde;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00151c
```
#00151c rgb(0,21,28)
```
#00242f
```
#00242f rgb(0,36,47)
```
#013442
```
#013442 rgb(1,52,66)
```
#014356
```
#014356 rgb(1,67,86)
```
#015269
```
#015269 rgb(1,82,105)
```
#01617d
```
#01617d rgb(1,97,125)
```
#017090
```
#017090 rgb(1,112,144)
```
#017fa4
```
#017fa4 rgb(1,127,164)
```
#028eb7
```
#028eb7 rgb(2,142,183)
```
#029dcb
```
#029dcb rgb(2,157,203)
```
#02acde
```
#02acde rgb(2,172,222)
```
#02bbf1
```
#02bbf1 rgb(2,187,241)
```

Shade Color Variation

#0ac6fd
```
#0ac6fd rgb(10,198,253)
```
#1ecafd
```
#1ecafd rgb(30,202,253)
```
#31cffd
```
#31cffd rgb(49,207,253)
```
#45d3fd
```
#45d3fd rgb(69,211,253)
```
#58d8fd
```
#58d8fd rgb(88,216,253)
```
#6cdcfe
```
#6cdcfe rgb(108,220,254)
```
#7fe1fe
```
#7fe1fe rgb(127,225,254)
```
#93e6fe
```
#93e6fe rgb(147,230,254)
```
#a6eafe
```
#a6eafe rgb(166,234,254)
```
#b9effe
```
#b9effe rgb(185,239,254)
```
#cdf3ff
```
#cdf3ff rgb(205,243,255)
```
#e0f8ff
```
#e0f8ff rgb(224,248,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#697477
```
#697477 rgb(105,116,119)
```
#61787f
```
#61787f rgb(97,120,127)
```
#587d88
```
#587d88 rgb(88,125,136)
```
#508290
```
#508290 rgb(80,130,144)
```
#478699
```
#478699 rgb(71,134,153)
```
#3e8ba2
```
#3e8ba2 rgb(62,139,162)
```
#3690aa
```
#3690aa rgb(54,144,170)
```
#2d95b3
```
#2d95b3 rgb(45,149,179)
```
#2499bc
```
#2499bc rgb(36,153,188)
```
#1c9ec4
```
#1c9ec4 rgb(28,158,196)
```
#13a3cd
```
#13a3cd rgb(19,163,205)
```
#0ba7d5
```
#0ba7d5 rgb(11,167,213)
```
#02acde
```
#02acde rgb(2,172,222)
```

Tone Color Variation

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

#94a2d6 Protanopia 1% of men
#88a3e5 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#5fa5d8 Protanomaly 1% of men, 0.01% of women
#57a6e2 Deuteranomaly 6% of men, 0.4% of women
#00b1cb Tritanomaly 0.01% of the population

#02acde hex color

#02acde Color Information

#02acde Color Conversion

Color Schemes with #02acde

Alternatives to #02acde

#02acde Preview

Shades and Tints of #02acde

Tones of #02acde

Color Blindness Simulator