#02b2ba hex color

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

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

● #02b2ba color description : Strong cyan.

The hexadecimal color #02b2ba has RGB values of R:2, G:178, B:186 and CMYK values of C:0.99, M:0.04, Y:0, K:0.27. Its decimal value is 176826.

Hex triplet	02b2ba	`#02b2ba`
RGB Decimal	2, 178, 186	`rgb(2,178,186)`
RGB Percent	0.8, 69.8, 72.9	`rgb(0.8%,69.8%,72.9%)`
CMYK	99, 4, 0, 27
HSL	182.6°, 97.9, 36.9	`hsl(182.6,97.9%,36.9%)`
HSV (or HSB)	182.6°, 98.9, 72.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.056, -34.163, -14.831
XYZ	24.806, 35.396, 51.976
xyY	0.221, 0.316, 35.396
CIE-LCH	66.056, 37.243, 203.467
CIE-LUV	66.056, -50.166, -17.784
Hunter-Lab	59.495, -29.692, -10.151
Binary	00000010, 10110010, 10111010

#02b2ba
```
#02b2ba rgb(2,178,186)
```
#ba0a02
```
#ba0a02 rgb(186,10,2)
```

Complementary Color

#02ba66
```
#02ba66 rgb(2,186,102)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#0256ba
```
#0256ba rgb(2,86,186)
```

Analogous Color

#ba6602
```
#ba6602 rgb(186,102,2)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#ba0256
```
#ba0256 rgb(186,2,86)
```

Split Complementary Color

#b2ba02
```
#b2ba02 rgb(178,186,2)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#ba02b2
```
#ba02b2 rgb(186,2,178)
```

Triadic Color

#02ba0a
```
#02ba0a rgb(2,186,10)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#ba02b2
```
#ba02b2 rgb(186,2,178)
```
#ba0a02
```
#ba0a02 rgb(186,10,2)
```

Tetradic Color

#016a6e
```
#016a6e rgb(1,106,110)
```
#018288
```
#018288 rgb(1,130,136)
```
#029aa1
```
#029aa1 rgb(2,154,161)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#02cad3
```
#02cad3 rgb(2,202,211)
```
#03e2ec
```
#03e2ec rgb(3,226,236)
```
#0cf2fc
```
#0cf2fc rgb(12,242,252)
```

Monochromatic Color

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

#02ba94
```
#02ba94 rgb(2,186,148)
```
#02baa3
```
#02baa3 rgb(2,186,163)
```
#02bab3
```
#02bab3 rgb(2,186,179)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#02a3ba
```
#02a3ba rgb(2,163,186)
```
#0293ba
```
#0293ba rgb(2,147,186)
```
#0284ba
```
#0284ba rgb(2,132,186)
```

Similar Colors

Text with hexadecimal color #02b2ba

This text has a font color of #02b2ba.

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

#02b2ba background color

This paragraph has a background color of #02b2ba.

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

#02b2ba border color

This element has a border color of #02b2ba.

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

CSS codes

.text {color:#02b2ba;}

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

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

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

#000b0b
```
#000b0b rgb(0,11,11)
```
#001d1f
```
#001d1f rgb(0,29,31)
```
#013032
```
#013032 rgb(1,48,50)
```
#014346
```
#014346 rgb(1,67,70)
```
#015559
```
#015559 rgb(1,85,89)
```
#01686c
```
#01686c rgb(1,104,108)
```
#017a80
```
#017a80 rgb(1,122,128)
```
#028d93
```
#028d93 rgb(2,141,147)
```
#029fa7
```
#029fa7 rgb(2,159,167)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```
#02c5cd
```
#02c5cd rgb(2,197,205)
```
#02d7e1
```
#02d7e1 rgb(2,215,225)
```
#03eaf4
```
#03eaf4 rgb(3,234,244)
```

Shade Color Variation

#0ef2fc
```
#0ef2fc rgb(14,242,252)
```
#21f3fd
```
#21f3fd rgb(33,243,253)
```
#35f4fd
```
#35f4fd rgb(53,244,253)
```
#48f5fd
```
#48f5fd rgb(72,245,253)
```
#5cf6fd
```
#5cf6fd rgb(92,246,253)
```
#6ff7fd
```
#6ff7fd rgb(111,247,253)
```
#82f8fe
```
#82f8fe rgb(130,248,254)
```
#96f9fe
```
#96f9fe rgb(150,249,254)
```
#a9fafe
```
#a9fafe rgb(169,250,254)
```
#bdfbfe
```
#bdfbfe rgb(189,251,254)
```
#d0fcfe
```
#d0fcfe rgb(208,252,254)
```
#e4feff
```
#e4feff rgb(228,254,255)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

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

#596363
```
#596363 rgb(89,99,99)
```
#52696a
```
#52696a rgb(82,105,106)
```
#4a7072
```
#4a7072 rgb(74,112,114)
```
#437779
```
#437779 rgb(67,119,121)
```
#3c7d80
```
#3c7d80 rgb(60,125,128)
```
#358487
```
#358487 rgb(53,132,135)
```
#2d8a8f
```
#2d8a8f rgb(45,138,143)
```
#269196
```
#269196 rgb(38,145,150)
```
#1f989d
```
#1f989d rgb(31,152,157)
```
#189ea4
```
#189ea4 rgb(24,158,164)
```
#10a5ac
```
#10a5ac rgb(16,165,172)
```
#09abb3
```
#09abb3 rgb(9,171,179)
```
#02b2ba
```
#02b2ba rgb(2,178,186)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#65888a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a4b3 Protanopia 1% of men
#a4a2c5 Deuteranopia 1% of men
#1eb5c2 Tritanopia 0.001% of the population

Trichromacy

#69a9b5 Protanomaly 1% of men, 0.01% of women
#69a7c1 Deuteranomaly 6% of men, 0.4% of women
#14b4bf Tritanomaly 0.01% of the population

#02b2ba hex color

#02b2ba Color Information

#02b2ba Color Conversion

Color Schemes with #02b2ba

Alternatives to #02b2ba

#02b2ba Preview

Shades and Tints of #02b2ba

Tones of #02b2ba

Color Blindness Simulator