#02aadb hex color

In a RGB color space, hex #02aadb is composed of 0.8% red, 66.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 22.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 193.5 degrees, a saturation of 98.2% and a lightness of 43.3%. #02aadb color hex could be obtained by blending #04ffff with #0055b7. 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

● #02aadb color description : Vivid cyan.

The hexadecimal color #02aadb has RGB values of R:2, G:170, B:219 and CMYK values of C:0.99, M:0.22, Y:0, K:0.14. Its decimal value is 174811.

Hex triplet	02aadb	`#02aadb`
RGB Decimal	2, 170, 219	`rgb(2,170,219)`
RGB Percent	0.8, 66.7, 85.9	`rgb(0.8%,66.7%,85.9%)`
CMYK	99, 22, 0, 14
HSL	193.5°, 98.2, 43.3	`hsl(193.5,98.2%,43.3%)`
HSV (or HSB)	193.5°, 99.1, 85.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.863, -19.122, -34.921
XYZ	27.183, 33.874, 72.12
xyY	0.204, 0.254, 33.874
CIE-LCH	64.863, 39.814, 241.295
CIE-LUV	64.863, -44.846, -52.904
Hunter-Lab	58.201, -18.486, -32.727
Binary	00000010, 10101010, 11011011

#02aadb
```
#02aadb rgb(2,170,219)
```
#db3302
```
#db3302 rgb(219,51,2)
```

Complementary Color

#02dba0
```
#02dba0 rgb(2,219,160)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#023edb
```
#023edb rgb(2,62,219)
```

Analogous Color

#dba002
```
#dba002 rgb(219,160,2)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#db023e
```
#db023e rgb(219,2,62)
```

Split Complementary Color

#aadb02
```
#aadb02 rgb(170,219,2)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#db02aa
```
#db02aa rgb(219,2,170)
```

Triadic Color

#02db33
```
#02db33 rgb(2,219,51)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#db02aa
```
#db02aa rgb(219,2,170)
```
#db3302
```
#db3302 rgb(219,51,2)
```

Tetradic Color

#016f8f
```
#016f8f rgb(1,111,143)
```
#0283a8
```
#0283a8 rgb(2,131,168)
```
#0296c2
```
#0296c2 rgb(2,150,194)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#02bef4
```
#02bef4 rgb(2,190,244)
```
#13c8fd
```
#13c8fd rgb(19,200,253)
```
#2ccefd
```
#2ccefd rgb(44,206,253)
```

Monochromatic Color

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

#02dbd6
```
#02dbd6 rgb(2,219,214)
```
#02cedb
```
#02cedb rgb(2,206,219)
```
#02bcdb
```
#02bcdb rgb(2,188,219)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#0298db
```
#0298db rgb(2,152,219)
```
#0286db
```
#0286db rgb(2,134,219)
```
#0274db
```
#0274db rgb(2,116,219)
```

Similar Colors

Text with hexadecimal color #02aadb

This text has a font color of #02aadb.

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

#02aadb background color

This paragraph has a background color of #02aadb.

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

#02aadb border color

This element has a border color of #02aadb.

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

CSS codes

.text {color:#02aadb;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001319
```
#001319 rgb(0,19,25)
```
#00222c
```
#00222c rgb(0,34,44)
```
#01313f
```
#01313f rgb(1,49,63)
```
#014053
```
#014053 rgb(1,64,83)
```
#014f66
```
#014f66 rgb(1,79,102)
```
#015f7a
```
#015f7a rgb(1,95,122)
```
#016e8d
```
#016e8d rgb(1,110,141)
```
#017da1
```
#017da1 rgb(1,125,161)
```
#028cb4
```
#028cb4 rgb(2,140,180)
```
#029bc8
```
#029bc8 rgb(2,155,200)
```
#02aadb
```
#02aadb rgb(2,170,219)
```
#02b9ee
```
#02b9ee rgb(2,185,238)
```

Shade Color Variation

#07c5fd
```
#07c5fd rgb(7,197,253)
```
#1bcafd
```
#1bcafd rgb(27,202,253)
```
#2ecefd
```
#2ecefd rgb(46,206,253)
```
#42d3fd
```
#42d3fd rgb(66,211,253)
```
#55d7fd
```
#55d7fd rgb(85,215,253)
```
#69dcfe
```
#69dcfe rgb(105,220,254)
```
#7ce1fe
```
#7ce1fe rgb(124,225,254)
```
#90e5fe
```
#90e5fe rgb(144,229,254)
```
#a3eafe
```
#a3eafe rgb(163,234,254)
```
#b6eefe
```
#b6eefe rgb(182,238,254)
```
#caf3ff
```
#caf3ff rgb(202,243,255)
```
#ddf7ff
```
#ddf7ff rgb(221,247,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#687275
```
#687275 rgb(104,114,117)
```
#60777e
```
#60777e rgb(96,119,126)
```
#577b86
```
#577b86 rgb(87,123,134)
```
#4f808f
```
#4f808f rgb(79,128,143)
```
#468597
```
#468597 rgb(70,133,151)
```
#3e89a0
```
#3e89a0 rgb(62,137,160)
```
#358ea8
```
#358ea8 rgb(53,142,168)
```
#2d93b1
```
#2d93b1 rgb(45,147,177)
```
#2497b9
```
#2497b9 rgb(36,151,185)
```
#1c9cc2
```
#1c9cc2 rgb(28,156,194)
```
#13a1ca
```
#13a1ca rgb(19,161,202)
```
#0ba5d3
```
#0ba5d3 rgb(11,165,211)
```
#02aadb
```
#02aadb rgb(2,170,219)
```

Tone Color Variation

Below, you can see how #02aadb 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
#648690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a0d3 Protanopia 1% of men
#87a1e2 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#5ea4d6 Protanomaly 1% of men, 0.01% of women
#56a4df Deuteranomaly 6% of men, 0.4% of women
#00afc8 Tritanomaly 0.01% of the population

#02aadb hex color

#02aadb Color Information

#02aadb Color Conversion

Color Schemes with #02aadb

Alternatives to #02aadb

#02aadb Preview

Shades and Tints of #02aadb

Tones of #02aadb

Color Blindness Simulator