#02b5ba hex color

In a RGB color space, hex #02b5ba is composed of 0.8% red, 71% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 2.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 181.6 degrees, a saturation of 97.9% and a lightness of 36.9%. #02b5ba color hex could be obtained by blending #04ffff with #006b75. Closest websafe color is: #00cccc.

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

● #02b5ba color description : Strong cyan.

The hexadecimal color #02b5ba has RGB values of R:2, G:181, B:186 and CMYK values of C:0.99, M:0.03, Y:0, K:0.27. Its decimal value is 177594.

Hex triplet	02b5ba	`#02b5ba`
RGB Decimal	2, 181, 186	`rgb(2,181,186)`
RGB Percent	0.8, 71, 72.9	`rgb(0.8%,71%,72.9%)`
CMYK	99, 3, 0, 27
HSL	181.6°, 97.9, 36.9	`hsl(181.6,97.9%,36.9%)`
HSV (or HSB)	181.6°, 98.9, 72.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.978, -35.568, -13.443
XYZ	25.409, 36.603, 52.178
xyY	0.223, 0.321, 36.603
CIE-LCH	66.978, 38.023, 200.704
CIE-LUV	66.978, -51.198, -15.39
Hunter-Lab	60.501, -30.909, -8.783
Binary	00000010, 10110101, 10111010

#02b5ba
```
#02b5ba rgb(2,181,186)
```
#ba0702
```
#ba0702 rgb(186,7,2)
```

Complementary Color

#02ba63
```
#02ba63 rgb(2,186,99)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#0259ba
```
#0259ba rgb(2,89,186)
```

Analogous Color

#ba6302
```
#ba6302 rgb(186,99,2)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#ba0259
```
#ba0259 rgb(186,2,89)
```

Split Complementary Color

#b5ba02
```
#b5ba02 rgb(181,186,2)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#ba02b5
```
#ba02b5 rgb(186,2,181)
```

Triadic Color

#02ba07
```
#02ba07 rgb(2,186,7)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#ba02b5
```
#ba02b5 rgb(186,2,181)
```
#ba0702
```
#ba0702 rgb(186,7,2)
```

Tetradic Color

#016b6e
```
#016b6e rgb(1,107,110)
```
#018488
```
#018488 rgb(1,132,136)
```
#029ca1
```
#029ca1 rgb(2,156,161)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#02ced3
```
#02ced3 rgb(2,206,211)
```
#03e6ec
```
#03e6ec rgb(3,230,236)
```
#0cf6fc
```
#0cf6fc rgb(12,246,252)
```

Monochromatic Color

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

#02ba91
```
#02ba91 rgb(2,186,145)
```
#02baa0
```
#02baa0 rgb(2,186,160)
```
#02bab0
```
#02bab0 rgb(2,186,176)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#02a6ba
```
#02a6ba rgb(2,166,186)
```
#0296ba
```
#0296ba rgb(2,150,186)
```
#0287ba
```
#0287ba rgb(2,135,186)
```

Similar Colors

Text with hexadecimal color #02b5ba

This text has a font color of #02b5ba.

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

#02b5ba background color

This paragraph has a background color of #02b5ba.

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

#02b5ba border color

This element has a border color of #02b5ba.

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

CSS codes

.text {color:#02b5ba;}

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

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

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)
```
#001e1f
```
#001e1f rgb(0,30,31)
```
#013132
```
#013132 rgb(1,49,50)
```
#014446
```
#014446 rgb(1,68,70)
```
#015759
```
#015759 rgb(1,87,89)
```
#01696c
```
#01696c rgb(1,105,108)
```
#017c80
```
#017c80 rgb(1,124,128)
```
#028f93
```
#028f93 rgb(2,143,147)
```
#02a2a7
```
#02a2a7 rgb(2,162,167)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```
#02c8cd
```
#02c8cd rgb(2,200,205)
```
#02dbe1
```
#02dbe1 rgb(2,219,225)
```
#03eef4
```
#03eef4 rgb(3,238,244)
```

Shade Color Variation

#0ef6fc
```
#0ef6fc rgb(14,246,252)
```
#21f7fd
```
#21f7fd rgb(33,247,253)
```
#35f7fd
```
#35f7fd rgb(53,247,253)
```
#48f8fd
```
#48f8fd rgb(72,248,253)
```
#5cf9fd
```
#5cf9fd rgb(92,249,253)
```
#6ffafd
```
#6ffafd rgb(111,250,253)
```
#82fafe
```
#82fafe rgb(130,250,254)
```
#96fbfe
```
#96fbfe rgb(150,251,254)
```
#a9fcfe
```
#a9fcfe rgb(169,252,254)
```
#bdfdfe
```
#bdfdfe rgb(189,253,254)
```
#d0fdfe
```
#d0fdfe rgb(208,253,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 #02b5ba is the most saturated one.

#596363
```
#596363 rgb(89,99,99)
```
#526a6a
```
#526a6a rgb(82,106,106)
```
#4a7172
```
#4a7172 rgb(74,113,114)
```
#437779
```
#437779 rgb(67,119,121)
```
#3c7e80
```
#3c7e80 rgb(60,126,128)
```
#358587
```
#358587 rgb(53,133,135)
```
#2d8c8f
```
#2d8c8f rgb(45,140,143)
```
#269396
```
#269396 rgb(38,147,150)
```
#1f9a9d
```
#1f9a9d rgb(31,154,157)
```
#18a0a4
```
#18a0a4 rgb(24,160,164)
```
#10a7ac
```
#10a7ac rgb(16,167,172)
```
#09aeb3
```
#09aeb3 rgb(9,174,179)
```
#02b5ba
```
#02b5ba rgb(2,181,186)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b3 Protanopia 1% of men
#a7a4c5 Deuteranopia 1% of men
#23b7c5 Tritanopia 0.001% of the population

Trichromacy

#6babb5 Protanomaly 1% of men, 0.01% of women
#6baac1 Deuteranomaly 6% of men, 0.4% of women
#17b6c1 Tritanomaly 0.01% of the population

#02b5ba hex color

#02b5ba Color Information

#02b5ba Color Conversion

Color Schemes with #02b5ba

Alternatives to #02b5ba

#02b5ba Preview

Shades and Tints of #02b5ba

Tones of #02b5ba

Color Blindness Simulator