#02bcbd hex color

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

♥
- f
- t
- g
- R 1
- G 74
- B 74
RGB color chart
- C 99
- M 1
- Y 0
- K 26
CMYK color chart

● #02bcbd color description : Strong cyan.

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

Hex triplet	02bcbd	`#02bcbd`
RGB Decimal	2, 188, 189	`rgb(2,188,189)`
RGB Percent	0.8, 73.7, 74.1	`rgb(0.8%,73.7%,74.1%)`
CMYK	99, 1, 0, 26
HSL	180.3°, 97.9, 37.5	`hsl(180.3,97.9%,37.5%)`
HSV (or HSB)	180.3°, 98.9, 74.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.22, -37.872, -11.731
XYZ	27.191, 39.651, 54.362
xyY	0.224, 0.327, 39.651
CIE-LCH	69.22, 39.647, 197.211
CIE-LUV	69.22, -53.357, -12.385
Hunter-Lab	62.969, -33.117, -7.108
Binary	00000010, 10111100, 10111101

#02bcbd
```
#02bcbd rgb(2,188,189)
```
#bd0302
```
#bd0302 rgb(189,3,2)
```

Complementary Color

#02bd61
```
#02bd61 rgb(2,189,97)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#025fbd
```
#025fbd rgb(2,95,189)
```

Analogous Color

#bd6102
```
#bd6102 rgb(189,97,2)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#bd025f
```
#bd025f rgb(189,2,95)
```

Split Complementary Color

#bcbd02
```
#bcbd02 rgb(188,189,2)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#bd02bc
```
#bd02bc rgb(189,2,188)
```

Triadic Color

#02bd03
```
#02bd03 rgb(2,189,3)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#bd02bc
```
#bd02bc rgb(189,2,188)
```
#bd0302
```
#bd0302 rgb(189,3,2)
```

Tetradic Color

#017171
```
#017171 rgb(1,113,113)
```
#018a8b
```
#018a8b rgb(1,138,139)
```
#02a3a4
```
#02a3a4 rgb(2,163,164)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#02d5d6
```
#02d5d6 rgb(2,213,214)
```
#03eeef
```
#03eeef rgb(3,238,239)
```
#0ffbfc
```
#0ffbfc rgb(15,251,252)
```

Monochromatic Color

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

#02bd8f
```
#02bd8f rgb(2,189,143)
```
#02bd9f
```
#02bd9f rgb(2,189,159)
```
#02bdae
```
#02bdae rgb(2,189,174)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#02acbd
```
#02acbd rgb(2,172,189)
```
#029dbd
```
#029dbd rgb(2,157,189)
```
#028dbd
```
#028dbd rgb(2,141,189)
```

Similar Colors

Text with hexadecimal color #02bcbd

This text has a font color of #02bcbd.

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

#02bcbd background color

This paragraph has a background color of #02bcbd.

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

#02bcbd border color

This element has a border color of #02bcbd.

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

CSS codes

.text {color:#02bcbd;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#002222
```
#002222 rgb(0,34,34)
```
#013535
```
#013535 rgb(1,53,53)
```
#014849
```
#014849 rgb(1,72,73)
```
#015b5c
```
#015b5c rgb(1,91,92)
```
#016f6f
```
#016f6f rgb(1,111,111)
```
#018283
```
#018283 rgb(1,130,131)
```
#029596
```
#029596 rgb(2,149,150)
```
#02a9aa
```
#02a9aa rgb(2,169,170)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```
#02cfd0
```
#02cfd0 rgb(2,207,208)
```
#02e3e4
```
#02e3e4 rgb(2,227,228)
```
#03f6f7
```
#03f6f7 rgb(3,246,247)
```

Shade Color Variation

#11fbfc
```
#11fbfc rgb(17,251,252)
```
#24fcfd
```
#24fcfd rgb(36,252,253)
```
#38fcfd
```
#38fcfd rgb(56,252,253)
```
#4bfcfd
```
#4bfcfd rgb(75,252,253)
```
#5ffcfd
```
#5ffcfd rgb(95,252,253)
```
#72fdfe
```
#72fdfe rgb(114,253,254)
```
#85fdfe
```
#85fdfe rgb(133,253,254)
```
#99fdfe
```
#99fdfe rgb(153,253,254)
```
#acfefe
```
#acfefe rgb(172,254,254)
```
#c0fefe
```
#c0fefe rgb(192,254,254)
```
#d3feff
```
#d3feff rgb(211,254,255)
```
#e6ffff
```
#e6ffff rgb(230,255,255)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#5a6565
```
#5a6565 rgb(90,101,101)
```
#536c6c
```
#536c6c rgb(83,108,108)
```
#4b7374
```
#4b7374 rgb(75,115,116)
```
#447b7b
```
#447b7b rgb(68,123,123)
```
#3d8282
```
#3d8282 rgb(61,130,130)
```
#35898a
```
#35898a rgb(53,137,138)
```
#2e9091
```
#2e9091 rgb(46,144,145)
```
#279898
```
#279898 rgb(39,152,152)
```
#1f9fa0
```
#1f9fa0 rgb(31,159,160)
```
#18a6a7
```
#18a6a7 rgb(24,166,167)
```
#11adae
```
#11adae rgb(17,173,174)
```
#09b5b6
```
#09b5b6 rgb(9,181,182)
```
#02bcbd
```
#02bcbd rgb(2,188,189)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6b9090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adacb5 Protanopia 1% of men
#afa9c8 Deuteranopia 1% of men
#2abdcb Tritanopia 0.001% of the population

Trichromacy

#6fb2b8 Protanomaly 1% of men, 0.01% of women
#70b0c4 Deuteranomaly 6% of men, 0.4% of women
#1bbdc6 Tritanomaly 0.01% of the population

#02bcbd hex color

#02bcbd Color Information

#02bcbd Color Conversion

Color Schemes with #02bcbd

Alternatives to #02bcbd

#02bcbd Preview

Shades and Tints of #02bcbd

Tones of #02bcbd

Color Blindness Simulator