#02a1ba hex color

In a RGB color space, hex #02a1ba is composed of 0.8% red, 63.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 13.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 188.2 degrees, a saturation of 97.9% and a lightness of 36.9%. #02a1ba color hex could be obtained by blending #04ffff with #004375. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 63
- B 73
RGB color chart
- C 99
- M 13
- Y 0
- K 27
CMYK color chart

● #02a1ba color description : Strong cyan.

The hexadecimal color #02a1ba has RGB values of R:2, G:161, B:186 and CMYK values of C:0.99, M:0.13, Y:0, K:0.27. Its decimal value is 172474.

Hex triplet	02a1ba	`#02a1ba`
RGB Decimal	2, 161, 186	`rgb(2,161,186)`
RGB Percent	0.8, 63.1, 72.9	`rgb(0.8%,63.1%,72.9%)`
CMYK	99, 13, 0, 27
HSL	188.2°, 97.9, 36.9	`hsl(188.2,97.9%,36.9%)`
HSV (or HSB)	188.2°, 98.9, 72.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	60.822, -25.863, -22.787
XYZ	21.63, 29.046, 50.918
xyY	0.213, 0.286, 29.046
CIE-LCH	60.822, 34.47, 221.383
CIE-LUV	60.822, -44.292, -31.503
Hunter-Lab	53.894, -22.674, -18.29
Binary	00000010, 10100001, 10111010

#02a1ba
```
#02a1ba rgb(2,161,186)
```
#ba1b02
```
#ba1b02 rgb(186,27,2)
```

Complementary Color

#02ba77
```
#02ba77 rgb(2,186,119)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#0245ba
```
#0245ba rgb(2,69,186)
```

Analogous Color

#ba7702
```
#ba7702 rgb(186,119,2)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#ba0245
```
#ba0245 rgb(186,2,69)
```

Split Complementary Color

#a1ba02
```
#a1ba02 rgb(161,186,2)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#ba02a1
```
#ba02a1 rgb(186,2,161)
```

Triadic Color

#02ba1b
```
#02ba1b rgb(2,186,27)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#ba02a1
```
#ba02a1 rgb(186,2,161)
```
#ba1b02
```
#ba1b02 rgb(186,27,2)
```

Tetradic Color

#015f6e
```
#015f6e rgb(1,95,110)
```
#017588
```
#017588 rgb(1,117,136)
```
#028ba1
```
#028ba1 rgb(2,139,161)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#02b7d3
```
#02b7d3 rgb(2,183,211)
```
#03cdec
```
#03cdec rgb(3,205,236)
```
#0cdcfc
```
#0cdcfc rgb(12,220,252)
```

Monochromatic Color

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

#02baa5
```
#02baa5 rgb(2,186,165)
```
#02bab4
```
#02bab4 rgb(2,186,180)
```
#02b0ba
```
#02b0ba rgb(2,176,186)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#0292ba
```
#0292ba rgb(2,146,186)
```
#0282ba
```
#0282ba rgb(2,130,186)
```
#0273ba
```
#0273ba rgb(2,115,186)
```

Similar Colors

Text with hexadecimal color #02a1ba

This text has a font color of #02a1ba.

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

#02a1ba background color

This paragraph has a background color of #02a1ba.

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

#02a1ba border color

This element has a border color of #02a1ba.

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

CSS codes

.text {color:#02a1ba;}

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

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

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, #000a0b is the darkest color, while #f7feff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#001b1f
```
#001b1f rgb(0,27,31)
```
#012b32
```
#012b32 rgb(1,43,50)
```
#013c46
```
#013c46 rgb(1,60,70)
```
#014d59
```
#014d59 rgb(1,77,89)
```
#015e6c
```
#015e6c rgb(1,94,108)
```
#016f80
```
#016f80 rgb(1,111,128)
```
#027f93
```
#027f93 rgb(2,127,147)
```
#0290a7
```
#0290a7 rgb(2,144,167)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```
#02b2cd
```
#02b2cd rgb(2,178,205)
```
#02c3e1
```
#02c3e1 rgb(2,195,225)
```
#03d3f4
```
#03d3f4 rgb(3,211,244)
```

Shade Color Variation

#0edcfc
```
#0edcfc rgb(14,220,252)
```
#21dffd
```
#21dffd rgb(33,223,253)
```
#35e2fd
```
#35e2fd rgb(53,226,253)
```
#48e4fd
```
#48e4fd rgb(72,228,253)
```
#5ce7fd
```
#5ce7fd rgb(92,231,253)
```
#6feafd
```
#6feafd rgb(111,234,253)
```
#82edfe
```
#82edfe rgb(130,237,254)
```
#96f0fe
```
#96f0fe rgb(150,240,254)
```
#a9f3fe
```
#a9f3fe rgb(169,243,254)
```
#bdf5fe
```
#bdf5fe rgb(189,245,254)
```
#d0f8fe
```
#d0f8fe rgb(208,248,254)
```
#e4fbff
```
#e4fbff rgb(228,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#596263
```
#596263 rgb(89,98,99)
```
#52676a
```
#52676a rgb(82,103,106)
```
#4a6c72
```
#4a6c72 rgb(74,108,114)
```
#437279
```
#437279 rgb(67,114,121)
```
#3c7780
```
#3c7780 rgb(60,119,128)
```
#357c87
```
#357c87 rgb(53,124,135)
```
#2d818f
```
#2d818f rgb(45,129,143)
```
#268796
```
#268796 rgb(38,135,150)
```
#1f8c9d
```
#1f8c9d rgb(31,140,157)
```
#1891a4
```
#1891a4 rgb(24,145,164)
```
#1096ac
```
#1096ac rgb(16,150,172)
```
#099cb3
```
#099cb3 rgb(9,156,179)
```
#02a1ba
```
#02a1ba rgb(2,161,186)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5d7d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9197b4 Protanopia 1% of men
#8d96c3 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#5d9ab6 Protanomaly 1% of men, 0.01% of women
#5a9ac0 Deuteranomaly 6% of men, 0.4% of women
#00a4b5 Tritanomaly 0.01% of the population

#02a1ba hex color

#02a1ba Color Information

#02a1ba Color Conversion

Color Schemes with #02a1ba

Alternatives to #02a1ba

#02a1ba Preview

Shades and Tints of #02a1ba

Tones of #02a1ba

Color Blindness Simulator