#02a2dc hex color

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

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

● #02a2dc color description : Vivid blue.

The hexadecimal color #02a2dc has RGB values of R:2, G:162, B:220 and CMYK values of C:0.99, M:0.26, Y:0, K:0.14. Its decimal value is 172764.

Hex triplet	02a2dc	`#02a2dc`
RGB Decimal	2, 162, 220	`rgb(2,162,220)`
RGB Percent	0.8, 63.5, 86.3	`rgb(0.8%,63.5%,86.3%)`
CMYK	99, 26, 0, 14
HSL	196°, 98.2, 43.5	`hsl(196,98.2%,43.5%)`
HSV (or HSB)	196°, 99.1, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.523, -14.469, -39.124
XYZ	25.86, 31.018, 72.33
xyY	0.2, 0.24, 31.018
CIE-LCH	62.523, 41.714, 249.704
CIE-LUV	62.523, -42.073, -60.233
Hunter-Lab	55.694, -14.582, -38.015
Binary	00000010, 10100010, 11011100

#02a2dc
```
#02a2dc rgb(2,162,220)
```
#dc3c02
```
#dc3c02 rgb(220,60,2)
```

Complementary Color

#02dca9
```
#02dca9 rgb(2,220,169)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#0235dc
```
#0235dc rgb(2,53,220)
```

Analogous Color

#dca902
```
#dca902 rgb(220,169,2)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#dc0235
```
#dc0235 rgb(220,2,53)
```

Split Complementary Color

#a2dc02
```
#a2dc02 rgb(162,220,2)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#dc02a2
```
#dc02a2 rgb(220,2,162)
```

Triadic Color

#02dc3c
```
#02dc3c rgb(2,220,60)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#dc02a2
```
#dc02a2 rgb(220,2,162)
```
#dc3c02
```
#dc3c02 rgb(220,60,2)
```

Tetradic Color

#016a90
```
#016a90 rgb(1,106,144)
```
#027da9
```
#027da9 rgb(2,125,169)
```
#028fc3
```
#028fc3 rgb(2,143,195)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#02b5f5
```
#02b5f5 rgb(2,181,245)
```
#14bffd
```
#14bffd rgb(20,191,253)
```
#2dc6fd
```
#2dc6fd rgb(45,198,253)
```

Monochromatic Color

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

#02d9dc
```
#02d9dc rgb(2,217,220)
```
#02c6dc
```
#02c6dc rgb(2,198,220)
```
#02b4dc
```
#02b4dc rgb(2,180,220)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#0290dc
```
#0290dc rgb(2,144,220)
```
#027edc
```
#027edc rgb(2,126,220)
```
#026cdc
```
#026cdc rgb(2,108,220)
```

Similar Colors

Text with hexadecimal color #02a2dc

This text has a font color of #02a2dc.

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

#02a2dc background color

This paragraph has a background color of #02a2dc.

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

#02a2dc border color

This element has a border color of #02a2dc.

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

CSS codes

.text {color:#02a2dc;}

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

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

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 #f2fbff is the lightest one.

#000506
```
#000506 rgb(0,5,6)
```
#00131a
```
#00131a rgb(0,19,26)
```
#00212d
```
#00212d rgb(0,33,45)
```
#012f40
```
#012f40 rgb(1,47,64)
```
#013e54
```
#013e54 rgb(1,62,84)
```
#014c67
```
#014c67 rgb(1,76,103)
```
#015a7b
```
#015a7b rgb(1,90,123)
```
#01698e
```
#01698e rgb(1,105,142)
```
#0177a2
```
#0177a2 rgb(1,119,162)
```
#0285b5
```
#0285b5 rgb(2,133,181)
```
#0294c9
```
#0294c9 rgb(2,148,201)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```
#02b0ef
```
#02b0ef rgb(2,176,239)
```

Shade Color Variation

#08bcfd
```
#08bcfd rgb(8,188,253)
```
#1cc1fd
```
#1cc1fd rgb(28,193,253)
```
#2fc6fd
```
#2fc6fd rgb(47,198,253)
```
#43ccfd
```
#43ccfd rgb(67,204,253)
```
#56d1fd
```
#56d1fd rgb(86,209,253)
```
#6ad6fe
```
#6ad6fe rgb(106,214,254)
```
#7ddcfe
```
#7ddcfe rgb(125,220,254)
```
#91e1fe
```
#91e1fe rgb(145,225,254)
```
#a4e6fe
```
#a4e6fe rgb(164,230,254)
```
#b7ebfe
```
#b7ebfe rgb(183,235,254)
```
#cbf1ff
```
#cbf1ff rgb(203,241,255)
```
#def6ff
```
#def6ff rgb(222,246,255)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#687276
```
#687276 rgb(104,114,118)
```
#60767e
```
#60767e rgb(96,118,126)
```
#577a87
```
#577a87 rgb(87,122,135)
```
#4f7e8f
```
#4f7e8f rgb(79,126,143)
```
#468298
```
#468298 rgb(70,130,152)
```
#3e86a0
```
#3e86a0 rgb(62,134,160)
```
#358aa9
```
#358aa9 rgb(53,138,169)
```
#2d8eb1
```
#2d8eb1 rgb(45,142,177)
```
#2492ba
```
#2492ba rgb(36,146,186)
```
#1c96c2
```
#1c96c2 rgb(28,150,194)
```
#139acb
```
#139acb rgb(19,154,203)
```
#0b9ed3
```
#0b9ed3 rgb(11,158,211)
```
#02a2dc
```
#02a2dc rgb(2,162,220)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#61818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ad5 Protanopia 1% of men
#799be2 Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#589dd7 Protanomaly 1% of men, 0.01% of women
#4e9ee0 Deuteranomaly 6% of men, 0.4% of women
#00a8c4 Tritanomaly 0.01% of the population

#02a2dc hex color

#02a2dc Color Information

#02a2dc Color Conversion

Color Schemes with #02a2dc

Alternatives to #02a2dc

#02a2dc Preview

Shades and Tints of #02a2dc

Tones of #02a2dc

Color Blindness Simulator