#02bbaf hex color

In a RGB color space, hex #02bbaf is composed of 0.8% red, 73.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 6.4% yellow and 26.7% black. It has a hue angle of 176.1 degrees, a saturation of 97.9% and a lightness of 37.1%. #02bbaf color hex could be obtained by blending #04ffff with #00775f. Closest websafe color is: #00cc99.

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

● #02bbaf color description : Strong cyan.

The hexadecimal color #02bbaf has RGB values of R:2, G:187, B:175 and CMYK values of C:0.99, M:0, Y:0.06, K:0.27. Its decimal value is 179119.

Hex triplet	02bbaf	`#02bbaf`
RGB Decimal	2, 187, 175	`rgb(2,187,175)`
RGB Percent	0.8, 73.3, 68.6	`rgb(0.8%,73.3%,68.6%)`
CMYK	99, 0, 6, 27
HSL	176.1°, 97.9, 37.1	`hsl(176.1,97.9%,37.1%)`
HSV (or HSB)	176.1°, 98.9, 73.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.494, -41.589, -5.115
XYZ	25.531, 38.646, 46.669
xyY	0.23, 0.349, 38.646
CIE-LCH	68.494, 41.902, 187.012
CIE-LUV	68.494, -54.142, -1.437
Hunter-Lab	62.166, -35.483, -0.994
Binary	00000010, 10111011, 10101111

#02bbaf
```
#02bbaf rgb(2,187,175)
```
#bb020e
```
#bb020e rgb(187,2,14)
```

Complementary Color

#02bb52
```
#02bb52 rgb(2,187,82)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#026bbb
```
#026bbb rgb(2,107,187)
```

Analogous Color

#bb5202
```
#bb5202 rgb(187,82,2)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#bb026b
```
#bb026b rgb(187,2,107)
```

Split Complementary Color

#bbaf02
```
#bbaf02 rgb(187,175,2)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#af02bb
```
#af02bb rgb(175,2,187)
```

Triadic Color

#0ebb02
```
#0ebb02 rgb(14,187,2)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#af02bb
```
#af02bb rgb(175,2,187)
```
#bb020e
```
#bb020e rgb(187,2,14)
```

Tetradic Color

#016f68
```
#016f68 rgb(1,111,104)
```
#018980
```
#018980 rgb(1,137,128)
```
#02a297
```
#02a297 rgb(2,162,151)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#02d4c7
```
#02d4c7 rgb(2,212,199)
```
#03edde
```
#03edde rgb(3,237,222)
```
#0dfced
```
#0dfced rgb(13,252,237)
```

Monochromatic Color

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

#02bb81
```
#02bb81 rgb(2,187,129)
```
#02bb90
```
#02bb90 rgb(2,187,144)
```
#02bba0
```
#02bba0 rgb(2,187,160)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#02b8bb
```
#02b8bb rgb(2,184,187)
```
#02a8bb
```
#02a8bb rgb(2,168,187)
```
#0299bb
```
#0299bb rgb(2,153,187)
```

Similar Colors

Text with hexadecimal color #02bbaf

This text has a font color of #02bbaf.

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

#02bbaf background color

This paragraph has a background color of #02bbaf.

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

#02bbaf border color

This element has a border color of #02bbaf.

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

CSS codes

.text {color:#02bbaf;}

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

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

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#00201e
```
#00201e rgb(0,32,30)
```
#013330
```
#013330 rgb(1,51,48)
```
#014742
```
#014742 rgb(1,71,66)
```
#015a54
```
#015a54 rgb(1,90,84)
```
#016d66
```
#016d66 rgb(1,109,102)
```
#018179
```
#018179 rgb(1,129,121)
```
#02948b
```
#02948b rgb(2,148,139)
```
#02a89d
```
#02a89d rgb(2,168,157)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```
#02cec1
```
#02cec1 rgb(2,206,193)
```
#02e2d3
```
#02e2d3 rgb(2,226,211)
```
#03f5e5
```
#03f5e5 rgb(3,245,229)
```

Shade Color Variation

#0ffced
```
#0ffced rgb(15,252,237)
```
#22fdee
```
#22fdee rgb(34,253,238)
```
#36fdf0
```
#36fdf0 rgb(54,253,240)
```
#49fdf1
```
#49fdf1 rgb(73,253,241)
```
#5dfdf3
```
#5dfdf3 rgb(93,253,243)
```
#70fdf4
```
#70fdf4 rgb(112,253,244)
```
#83fef6
```
#83fef6 rgb(131,254,246)
```
#97fef7
```
#97fef7 rgb(151,254,247)
```
#aafef9
```
#aafef9 rgb(170,254,249)
```
#befefa
```
#befefa rgb(190,254,250)
```
#d1fffc
```
#d1fffc rgb(209,255,252)
```
#e5fffd
```
#e5fffd rgb(229,255,253)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

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

#596463
```
#596463 rgb(89,100,99)
```
#526b69
```
#526b69 rgb(82,107,105)
```
#4b7270
```
#4b7270 rgb(75,114,112)
```
#437a76
```
#437a76 rgb(67,122,118)
```
#3c817c
```
#3c817c rgb(60,129,124)
```
#358883
```
#358883 rgb(53,136,131)
```
#2e8f89
```
#2e8f89 rgb(46,143,137)
```
#26978f
```
#26978f rgb(38,151,143)
```
#1f9e96
```
#1f9e96 rgb(31,158,150)
```
#18a59c
```
#18a59c rgb(24,165,156)
```
#11aca2
```
#11aca2 rgb(17,172,162)
```
#09b4a9
```
#09b4a9 rgb(9,180,169)
```
#02bbaf
```
#02bbaf rgb(2,187,175)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#688d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa8 Protanopia 1% of men
#b3a7bb Deuteranopia 1% of men
#36bbc8 Tritanopia 0.001% of the population

Trichromacy

#70b0aa Protanomaly 1% of men, 0.01% of women
#73aeb7 Deuteranomaly 6% of men, 0.4% of women
#23bbbf Tritanomaly 0.01% of the population

#02bbaf hex color

#02bbaf Color Information

#02bbaf Color Conversion

Color Schemes with #02bbaf

Alternatives to #02bbaf

#02bbaf Preview

Shades and Tints of #02bbaf

Tones of #02bbaf

Color Blindness Simulator