colorhexa.com

#02bcbb hex color

In a RGB color space, hex #02bcbb is composed of 0.8% red, 73.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 0.5% yellow and 26.3% black. It has a hue angle of 179.7 degrees, a saturation of 97.9% and a lightness of 37.3%. #02bcbb color hex could be obtained by blending #04ffff with #007977. Closest websafe color is: #00cccc.

- R 1
- G 74
- B 73
RGB color chart
- C 99
- M 0
- Y 1
- K 26
CMYK color chart

● #02bcbb color description : Strong cyan.

The hexadecimal color #02bcbb has RGB values of R:2, G:188, B:187 and CMYK values of C:0.99, M:0, Y:0.01, K:0.26. Its decimal value is 179387.

Hex triplet	02bcbb	`#02bcbb`
RGB Decimal	2, 188, 187	`rgb(2,188,187)`
RGB Percent	0.8, 73.7, 73.3	`rgb(0.8%,73.7%,73.3%)`
CMYK	99, 0, 1, 26
HSL	179.7°, 97.9, 37.3	`hsl(179.7,97.9%,37.3%)`
HSV (or HSB)	179.7°, 98.9, 73.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.158, -38.478, -10.725
XYZ	26.975, 39.564, 53.226
xyY	0.225, 0.33, 39.564
CIE-LCH	69.158, 39.945, 195.575
CIE-LUV	69.158, -53.518, -10.693
Hunter-Lab	62.9, -33.525, -6.141
Binary	00000010, 10111100, 10111011

#02bcbb
```
#02bcbb rgb(2,188,187)
```
#bc0203
```
#bc0203 rgb(188,2,3)
```

Complementary Color

#02bc5e
```
#02bc5e rgb(2,188,94)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#0260bc
```
#0260bc rgb(2,96,188)
```

Analogous Color

#bc5e02
```
#bc5e02 rgb(188,94,2)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#bc0260
```
#bc0260 rgb(188,2,96)
```

Split Complementary Color

#bcbb02
```
#bcbb02 rgb(188,187,2)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#bb02bc
```
#bb02bc rgb(187,2,188)
```

Triadic Color

#017070
```
#017070 rgb(1,112,112)
```
#018a89
```
#018a89 rgb(1,138,137)
```
#02a3a2
```
#02a3a2 rgb(2,163,162)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#02d5d4
```
#02d5d4 rgb(2,213,212)
```
#03eeed
```
#03eeed rgb(3,238,237)
```
#0efcfb
```
#0efcfb rgb(14,252,251)
```

Monochromatic Color

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

#02bc8d
```
#02bc8d rgb(2,188,141)
```
#02bc9c
```
#02bc9c rgb(2,188,156)
```
#02bcac
```
#02bcac rgb(2,188,172)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#02aebc
```
#02aebc rgb(2,174,188)
```
#029ebc
```
#029ebc rgb(2,158,188)
```
#028fbc
```
#028fbc rgb(2,143,188)
```

Similar Colors

Text with hexadecimal color #02bcbb

This text has a font color of #02bcbb.

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

#02bcbb background color

This paragraph has a background color of #02bcbb.

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

#02bcbb border color

This element has a border color of #02bcbb.

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

CSS codes

.text {color:#02bcbb;}

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

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

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

#000d0d
```
#000d0d rgb(0,13,13)
```
#002121
```
#002121 rgb(0,33,33)
```
#013434
```
#013434 rgb(1,52,52)
```
#014847
```
#014847 rgb(1,72,71)
```
#015b5a
```
#015b5a rgb(1,91,90)
```
#016e6e
```
#016e6e rgb(1,110,110)
```
#018281
```
#018281 rgb(1,130,129)
```
#029594
```
#029594 rgb(2,149,148)
```
#02a9a8
```
#02a9a8 rgb(2,169,168)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```
#02cfce
```
#02cfce rgb(2,207,206)
```
#02e3e2
```
#02e3e2 rgb(2,227,226)
```
#03f6f5
```
#03f6f5 rgb(3,246,245)
```

Shade Color Variation

#10fcfb
```
#10fcfb rgb(16,252,251)
```
#23fdfb
```
#23fdfb rgb(35,253,251)
```
#37fdfc
```
#37fdfc rgb(55,253,252)
```
#4afdfc
```
#4afdfc rgb(74,253,252)
```
#5efdfc
```
#5efdfc rgb(94,253,252)
```
#71fdfd
```
#71fdfd rgb(113,253,253)
```
#84fefd
```
#84fefd rgb(132,254,253)
```
#98fefd
```
#98fefd rgb(152,254,253)
```
#abfefe
```
#abfefe rgb(171,254,254)
```
#bffefe
```
#bffefe rgb(191,254,254)
```
#d2fffe
```
#d2fffe rgb(210,255,254)
```
#e6ffff
```
#e6ffff rgb(230,255,255)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#5a6464
```
#5a6464 rgb(90,100,100)
```
#526c6b
```
#526c6b rgb(82,108,107)
```
#4b7373
```
#4b7373 rgb(75,115,115)
```
#447a7a
```
#447a7a rgb(68,122,122)
```
#3c8281
```
#3c8281 rgb(60,130,129)
```
#358988
```
#358988 rgb(53,137,136)
```
#2e9090
```
#2e9090 rgb(46,144,144)
```
#279797
```
#279797 rgb(39,151,151)
```
#1f9f9e
```
#1f9f9e rgb(31,159,158)
```
#18a6a5
```
#18a6a5 rgb(24,166,165)
```
#11adad
```
#11adad rgb(17,173,173)
```
#09b5b4
```
#09b5b4 rgb(9,181,180)
```
#02bcbb
```
#02bcbb rgb(2,188,187)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeacb3 Protanopia 1% of men
#b0a9c6 Deuteranopia 1% of men
#2cbdcb Tritanopia 0.001% of the population

Trichromacy

#6fb2b6 Protanomaly 1% of men, 0.01% of women
#71b0c2 Deuteranomaly 6% of men, 0.4% of women
#1dbcc5 Tritanomaly 0.01% of the population