colorhexa.com

#02bcb8 hex color

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

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

● #02bcb8 color description : Strong cyan.

The hexadecimal color #02bcb8 has RGB values of R:2, G:188, B:184 and CMYK values of C:0.99, M:0, Y:0.02, K:0.26. Its decimal value is 179384.

Hex triplet	02bcb8	`#02bcb8`
RGB Decimal	2, 188, 184	`rgb(2,188,184)`
RGB Percent	0.8, 73.7, 72.2	`rgb(0.8%,73.7%,72.2%)`
CMYK	99, 0, 2, 26
HSL	178.7°, 97.9, 37.3	`hsl(178.7,97.9%,37.3%)`
HSV (or HSB)	178.7°, 98.9, 73.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.067, -39.38, -9.214
XYZ	26.657, 39.437, 51.552
xyY	0.227, 0.335, 39.437
CIE-LCH	69.067, 40.444, 193.168
CIE-LUV	69.067, -53.76, -8.165
Hunter-Lab	62.799, -34.128, -4.712
Binary	00000010, 10111100, 10111000

#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#bc0206
```
#bc0206 rgb(188,2,6)
```

Complementary Color

#02bc5b
```
#02bc5b rgb(2,188,91)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#0263bc
```
#0263bc rgb(2,99,188)
```

Analogous Color

#bc5b02
```
#bc5b02 rgb(188,91,2)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#bc0263
```
#bc0263 rgb(188,2,99)
```

Split Complementary Color

#bcb802
```
#bcb802 rgb(188,184,2)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#b802bc
```
#b802bc rgb(184,2,188)
```

Triadic Color

#01706e
```
#01706e rgb(1,112,110)
```
#018a87
```
#018a87 rgb(1,138,135)
```
#02a39f
```
#02a39f rgb(2,163,159)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#02d5d1
```
#02d5d1 rgb(2,213,209)
```
#03eee9
```
#03eee9 rgb(3,238,233)
```
#0efcf7
```
#0efcf7 rgb(14,252,247)
```

Monochromatic Color

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

#02bc8a
```
#02bc8a rgb(2,188,138)
```
#02bc99
```
#02bc99 rgb(2,188,153)
```
#02bca9
```
#02bca9 rgb(2,188,169)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#02b1bc
```
#02b1bc rgb(2,177,188)
```
#02a1bc
```
#02a1bc rgb(2,161,188)
```
#0292bc
```
#0292bc rgb(2,146,188)
```

Similar Colors

Text with hexadecimal color #02bcb8

This text has a font color of #02bcb8.

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

#02bcb8 background color

This paragraph has a background color of #02bcb8.

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

#02bcb8 border color

This element has a border color of #02bcb8.

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

CSS codes

.text {color:#02bcb8;}

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

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

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)
```
#002120
```
#002120 rgb(0,33,32)
```
#013433
```
#013433 rgb(1,52,51)
```
#014846
```
#014846 rgb(1,72,70)
```
#015b59
```
#015b59 rgb(1,91,89)
```
#016e6c
```
#016e6c rgb(1,110,108)
```
#01827f
```
#01827f rgb(1,130,127)
```
#029592
```
#029592 rgb(2,149,146)
```
#02a9a5
```
#02a9a5 rgb(2,169,165)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```
#02cfcb
```
#02cfcb rgb(2,207,203)
```
#02e3de
```
#02e3de rgb(2,227,222)
```
#03f6f1
```
#03f6f1 rgb(3,246,241)
```

Shade Color Variation

#10fcf7
```
#10fcf7 rgb(16,252,247)
```
#23fdf8
```
#23fdf8 rgb(35,253,248)
```
#37fdf9
```
#37fdf9 rgb(55,253,249)
```
#4afdf9
```
#4afdf9 rgb(74,253,249)
```
#5efdfa
```
#5efdfa rgb(94,253,250)
```
#71fdfa
```
#71fdfa rgb(113,253,250)
```
#84fefb
```
#84fefb rgb(132,254,251)
```
#98fefc
```
#98fefc rgb(152,254,252)
```
#abfefc
```
#abfefc rgb(171,254,252)
```
#bffefd
```
#bffefd rgb(191,254,253)
```
#d2fffe
```
#d2fffe rgb(210,255,254)
```
#e6fffe
```
#e6fffe rgb(230,255,254)
```
#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 #02bcb8 is the most saturated one.

#5a6464
```
#5a6464 rgb(90,100,100)
```
#526c6b
```
#526c6b rgb(82,108,107)
```
#4b7372
```
#4b7372 rgb(75,115,114)
```
#447a79
```
#447a79 rgb(68,122,121)
```
#3c8280
```
#3c8280 rgb(60,130,128)
```
#358987
```
#358987 rgb(53,137,135)
```
#2e908e
```
#2e908e rgb(46,144,142)
```
#279795
```
#279795 rgb(39,151,149)
```
#1f9f9c
```
#1f9f9c rgb(31,159,156)
```
#18a6a3
```
#18a6a3 rgb(24,166,163)
```
#11adaa
```
#11adaa rgb(17,173,170)
```
#09b5b1
```
#09b5b1 rgb(9,181,177)
```
#02bcb8
```
#02bcb8 rgb(2,188,184)
```

Tone Color Variation

Below, you can see how #02bcb8 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
#6a8f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeacb0 Protanopia 1% of men
#b1a9c4 Deuteranopia 1% of men
#2fbdca Tritanopia 0.001% of the population

Trichromacy

#6fb1b3 Protanomaly 1% of men, 0.01% of women
#71afbf Deuteranomaly 6% of men, 0.4% of women
#1fbcc4 Tritanomaly 0.01% of the population