#02bd86 hex color

In a RGB color space, hex #02bd86 is composed of 0.8% red, 74.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 29.1% yellow and 25.9% black. It has a hue angle of 162.4 degrees, a saturation of 97.9% and a lightness of 37.5%. #02bd86 color hex could be obtained by blending #04ffff with #007b0d. Closest websafe color is: #00cc99.

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

● #02bd86 color description : Strong cyan - lime green.

The hexadecimal color #02bd86 has RGB values of R:2, G:189, B:134 and CMYK values of C:0.99, M:0, Y:0.29, K:0.26. Its decimal value is 179590.

Hex triplet	02bd86	`#02bd86`
RGB Decimal	2, 189, 134	`rgb(2,189,134)`
RGB Percent	0.8, 74.1, 52.5	`rgb(0.8%,74.1%,52.5%)`
CMYK	99, 0, 29, 26
HSL	162.4°, 97.9, 37.5	`hsl(162.4,97.9%,37.5%)`
HSV (or HSB)	162.4°, 98.9, 74.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.114, -53.148, 16.753
XYZ	22.524, 38.127, 28.725
xyY	0.252, 0.427, 38.127
CIE-LCH	68.114, 55.726, 162.505
CIE-LUV	68.114, -57.967, 31.734
Hunter-Lab	61.747, -42.945, 15.641
Binary	00000010, 10111101, 10000110

#02bd86
```
#02bd86 rgb(2,189,134)
```
#bd0239
```
#bd0239 rgb(189,2,57)
```

Complementary Color

#02bd29
```
#02bd29 rgb(2,189,41)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#0297bd
```
#0297bd rgb(2,151,189)
```

Analogous Color

#bd2902
```
#bd2902 rgb(189,41,2)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#bd0297
```
#bd0297 rgb(189,2,151)
```

Split Complementary Color

#bd8602
```
#bd8602 rgb(189,134,2)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#8602bd
```
#8602bd rgb(134,2,189)
```

Triadic Color

#39bd02
```
#39bd02 rgb(57,189,2)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#8602bd
```
#8602bd rgb(134,2,189)
```
#bd0239
```
#bd0239 rgb(189,2,57)
```

Tetradic Color

#017150
```
#017150 rgb(1,113,80)
```
#018b62
```
#018b62 rgb(1,139,98)
```
#02a474
```
#02a474 rgb(2,164,116)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#02d698
```
#02d698 rgb(2,214,152)
```
#03efaa
```
#03efaa rgb(3,239,170)
```
#0ffcb7
```
#0ffcb7 rgb(15,252,183)
```

Monochromatic Color

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

#02bd57
```
#02bd57 rgb(2,189,87)
```
#02bd67
```
#02bd67 rgb(2,189,103)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#02bd96
```
#02bd96 rgb(2,189,150)
```
#02bda5
```
#02bda5 rgb(2,189,165)
```
#02bdb5
```
#02bdb5 rgb(2,189,181)
```

Similar Colors

Text with hexadecimal color #02bd86

This text has a font color of #02bd86.

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

#02bd86 background color

This paragraph has a background color of #02bd86.

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

#02bd86 border color

This element has a border color of #02bd86.

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

CSS codes

.text {color:#02bd86;}

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

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

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

#000e0a
```
#000e0a rgb(0,14,10)
```
#002218
```
#002218 rgb(0,34,24)
```
#013526
```
#013526 rgb(1,53,38)
```
#014933
```
#014933 rgb(1,73,51)
```
#015c41
```
#015c41 rgb(1,92,65)
```
#016f4f
```
#016f4f rgb(1,111,79)
```
#01835d
```
#01835d rgb(1,131,93)
```
#02966a
```
#02966a rgb(2,150,106)
```
#02aa78
```
#02aa78 rgb(2,170,120)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#02d094
```
#02d094 rgb(2,208,148)
```
#02e4a2
```
#02e4a2 rgb(2,228,162)
```
#03f7af
```
#03f7af rgb(3,247,175)
```

Shade Color Variation

#11fcb7
```
#11fcb7 rgb(17,252,183)
```
#24fdbd
```
#24fdbd rgb(36,253,189)
```
#38fdc3
```
#38fdc3 rgb(56,253,195)
```
#4bfdc9
```
#4bfdc9 rgb(75,253,201)
```
#5ffdcf
```
#5ffdcf rgb(95,253,207)
```
#72fed4
```
#72fed4 rgb(114,254,212)
```
#85feda
```
#85feda rgb(133,254,218)
```
#99fee0
```
#99fee0 rgb(153,254,224)
```
#acfee6
```
#acfee6 rgb(172,254,230)
```
#c0feec
```
#c0feec rgb(192,254,236)
```
#d3fff2
```
#d3fff2 rgb(211,255,242)
```
#e6fff8
```
#e6fff8 rgb(230,255,248)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#5a6562
```
#5a6562 rgb(90,101,98)
```
#536c65
```
#536c65 rgb(83,108,101)
```
#4b7468
```
#4b7468 rgb(75,116,104)
```
#447b6b
```
#447b6b rgb(68,123,107)
```
#3d826e
```
#3d826e rgb(61,130,110)
```
#358a71
```
#358a71 rgb(53,138,113)
```
#2e9174
```
#2e9174 rgb(46,145,116)
```
#279877
```
#279877 rgb(39,152,119)
```
#1fa07a
```
#1fa07a rgb(31,160,122)
```
#18a77d
```
#18a77d rgb(24,167,125)
```
#11ae80
```
#11ae80 rgb(17,174,128)
```
#09b683
```
#09b683 rgb(9,182,131)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6aa82 Protanopia 1% of men
#c2a495 Deuteranopia 1% of men
#4cb8c6 Tritanopia 0.001% of the population

Trichromacy

#74b183 Protanomaly 1% of men, 0.01% of women
#7cad90 Deuteranomaly 6% of men, 0.4% of women
#31baae Tritanomaly 0.01% of the population

#02bd86 hex color

#02bd86 Color Information

#02bd86 Color Conversion

Color Schemes with #02bd86

Alternatives to #02bd86

#02bd86 Preview

Shades and Tints of #02bd86

Tones of #02bd86

Color Blindness Simulator