#02a1da hex color

In a RGB color space, hex #02a1da is composed of 0.8% red, 63.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 26.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 195.8 degrees, a saturation of 98.2% and a lightness of 43.1%. #02a1da color hex could be obtained by blending #04ffff with #0043b5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 63
- B 85
RGB color chart
- C 99
- M 26
- Y 0
- K 15
CMYK color chart

● #02a1da color description : Vivid blue.

The hexadecimal color #02a1da has RGB values of R:2, G:161, B:218 and CMYK values of C:0.99, M:0.26, Y:0, K:0.15. Its decimal value is 172506.

Hex triplet	02a1da	`#02a1da`
RGB Decimal	2, 161, 218	`rgb(2,161,218)`
RGB Percent	0.8, 63.1, 85.5	`rgb(0.8%,63.1%,85.5%)`
CMYK	99, 26, 0, 15
HSL	195.8°, 98.2, 43.1	`hsl(195.8,98.2%,43.1%)`
HSV (or HSB)	195.8°, 99.1, 85.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.136, -14.644, -38.621
XYZ	25.422, 30.562, 70.885
xyY	0.2, 0.241, 30.562
CIE-LCH	62.136, 41.304, 249.234
CIE-LUV	62.136, -41.879, -59.311
Hunter-Lab	55.283, -14.663, -37.325
Binary	00000010, 10100001, 11011010

#02a1da
```
#02a1da rgb(2,161,218)
```
#da3b02
```
#da3b02 rgb(218,59,2)
```

Complementary Color

#02daa7
```
#02daa7 rgb(2,218,167)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#0235da
```
#0235da rgb(2,53,218)
```

Analogous Color

#daa702
```
#daa702 rgb(218,167,2)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#da0235
```
#da0235 rgb(218,2,53)
```

Split Complementary Color

#a1da02
```
#a1da02 rgb(161,218,2)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#da02a1
```
#da02a1 rgb(218,2,161)
```

Triadic Color

#02da3b
```
#02da3b rgb(2,218,59)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#da02a1
```
#da02a1 rgb(218,2,161)
```
#da3b02
```
#da3b02 rgb(218,59,2)
```

Tetradic Color

#01698e
```
#01698e rgb(1,105,142)
```
#027ca7
```
#027ca7 rgb(2,124,167)
```
#028ec1
```
#028ec1 rgb(2,142,193)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#02b4f3
```
#02b4f3 rgb(2,180,243)
```
#12bffd
```
#12bffd rgb(18,191,253)
```
#2bc6fd
```
#2bc6fd rgb(43,198,253)
```

Monochromatic Color

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

#02d7da
```
#02d7da rgb(2,215,218)
```
#02c5da
```
#02c5da rgb(2,197,218)
```
#02b3da
```
#02b3da rgb(2,179,218)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#028fda
```
#028fda rgb(2,143,218)
```
#027dda
```
#027dda rgb(2,125,218)
```
#026bda
```
#026bda rgb(2,107,218)
```

Similar Colors

Text with hexadecimal color #02a1da

This text has a font color of #02a1da.

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

#02a1da background color

This paragraph has a background color of #02a1da.

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

#02a1da border color

This element has a border color of #02a1da.

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

CSS codes

.text {color:#02a1da;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001118
```
#001118 rgb(0,17,24)
```
#00202b
```
#00202b rgb(0,32,43)
```
#012e3f
```
#012e3f rgb(1,46,63)
```
#013d52
```
#013d52 rgb(1,61,82)
```
#014b65
```
#014b65 rgb(1,75,101)
```
#015979
```
#015979 rgb(1,89,121)
```
#01688c
```
#01688c rgb(1,104,140)
```
#0176a0
```
#0176a0 rgb(1,118,160)
```
#0284b3
```
#0284b3 rgb(2,132,179)
```
#0293c7
```
#0293c7 rgb(2,147,199)
```
#02a1da
```
#02a1da rgb(2,161,218)
```
#02afed
```
#02afed rgb(2,175,237)
```

Shade Color Variation

#07bcfd
```
#07bcfd rgb(7,188,253)
```
#1ac1fd
```
#1ac1fd rgb(26,193,253)
```
#2dc6fd
```
#2dc6fd rgb(45,198,253)
```
#41ccfd
```
#41ccfd rgb(65,204,253)
```
#54d1fd
```
#54d1fd rgb(84,209,253)
```
#68d6fe
```
#68d6fe rgb(104,214,254)
```
#7bdbfe
```
#7bdbfe rgb(123,219,254)
```
#8fe1fe
```
#8fe1fe rgb(143,225,254)
```
#a2e6fe
```
#a2e6fe rgb(162,230,254)
```
#b5ebfe
```
#b5ebfe rgb(181,235,254)
```
#c9f0ff
```
#c9f0ff rgb(201,240,255)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#687174
```
#687174 rgb(104,113,116)
```
#5f757d
```
#5f757d rgb(95,117,125)
```
#577985
```
#577985 rgb(87,121,133)
```
#4e7d8e
```
#4e7d8e rgb(78,125,142)
```
#468196
```
#468196 rgb(70,129,150)
```
#3d859f
```
#3d859f rgb(61,133,159)
```
#3589a7
```
#3589a7 rgb(53,137,167)
```
#2c8db0
```
#2c8db0 rgb(44,141,176)
```
#2491b8
```
#2491b8 rgb(36,145,184)
```
#1b95c1
```
#1b95c1 rgb(27,149,193)
```
#1399c9
```
#1399c9 rgb(19,153,201)
```
#0a9dd2
```
#0a9dd2 rgb(10,157,210)
```
#02a1da
```
#02a1da rgb(2,161,218)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#60808c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8899d3 Protanopia 1% of men
#799ae0 Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#579cd5 Protanomaly 1% of men, 0.01% of women
#4e9dde Deuteranomaly 6% of men, 0.4% of women
#00a7c3 Tritanomaly 0.01% of the population

#02a1da hex color

#02a1da Color Information

#02a1da Color Conversion

Color Schemes with #02a1da

Alternatives to #02a1da

#02a1da Preview

Shades and Tints of #02a1da

Tones of #02a1da

Color Blindness Simulator