colorhexa.com

#02bd76 hex color

In a RGB color space, hex #02bd76 is composed of 0.8% red, 74.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 37.6% yellow and 25.9% black. It has a hue angle of 157.2 degrees, a saturation of 97.9% and a lightness of 37.5%. #02bd76 color hex could be obtained by blending #04ffec with #007b00. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #02bd76 has RGB values of R:2, G:189, B:118 and CMYK values of C:0.99, M:0, Y:0.38, K:0.26. Its decimal value is 179574.

Hex triplet	02bd76	`#02bd76`
RGB Decimal	2, 189, 118	`rgb(2,189,118)`
RGB Percent	0.8, 74.1, 46.3	`rgb(0.8%,74.1%,46.3%)`
CMYK	99, 0, 38, 26
HSL	157.2°, 97.9, 37.5	`hsl(157.2,97.9%,37.5%)`
HSV (or HSB)	157.2°, 98.9, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.809, -56.637, 24.897
XYZ	21.491, 37.714, 23.285
xyY	0.261, 0.457, 37.714
CIE-LCH	67.809, 61.868, 156.271
CIE-LUV	67.809, -59.068, 42.532
Hunter-Lab	61.411, -45.004, 20.507
Binary	00000010, 10111101, 01110110

#02bd76
```
#02bd76 rgb(2,189,118)
```
#bd0249
```
#bd0249 rgb(189,2,73)
```

Complementary Color

#02bd19
```
#02bd19 rgb(2,189,25)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#02a7bd
```
#02a7bd rgb(2,167,189)
```

Analogous Color

#bd1902
```
#bd1902 rgb(189,25,2)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#bd02a7
```
#bd02a7 rgb(189,2,167)
```

Split Complementary Color

#bd7602
```
#bd7602 rgb(189,118,2)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#7602bd
```
#7602bd rgb(118,2,189)
```

Triadic Color

#017147
```
#017147 rgb(1,113,71)
```
#018b56
```
#018b56 rgb(1,139,86)
```
#02a466
```
#02a466 rgb(2,164,102)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#02d686
```
#02d686 rgb(2,214,134)
```
#03ef96
```
#03ef96 rgb(3,239,150)
```
#0ffca2
```
#0ffca2 rgb(15,252,162)
```

Monochromatic Color

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

#02bd47
```
#02bd47 rgb(2,189,71)
```
#02bd57
```
#02bd57 rgb(2,189,87)
```
#02bd66
```
#02bd66 rgb(2,189,102)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#02bd86
```
#02bd86 rgb(2,189,134)
```
#02bd95
```
#02bd95 rgb(2,189,149)
```
#02bda5
```
#02bda5 rgb(2,189,165)
```

Similar Colors

Text with hexadecimal color #02bd76

This text has a font color of #02bd76.

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

#02bd76 background color

This paragraph has a background color of #02bd76.

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

#02bd76 border color

This element has a border color of #02bd76.

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

CSS codes

.text {color:#02bd76;}

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

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

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

#000e09
```
#000e09 rgb(0,14,9)
```
#002215
```
#002215 rgb(0,34,21)
```
#013521
```
#013521 rgb(1,53,33)
```
#01492d
```
#01492d rgb(1,73,45)
```
#015c39
```
#015c39 rgb(1,92,57)
```
#016f46
```
#016f46 rgb(1,111,70)
```
#018352
```
#018352 rgb(1,131,82)
```
#02965e
```
#02965e rgb(2,150,94)
```
#02aa6a
```
#02aa6a rgb(2,170,106)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```
#02d082
```
#02d082 rgb(2,208,130)
```
#02e48e
```
#02e48e rgb(2,228,142)
```
#03f79a
```
#03f79a rgb(3,247,154)
```

Shade Color Variation

#11fca3
```
#11fca3 rgb(17,252,163)
```
#24fdab
```
#24fdab rgb(36,253,171)
```
#38fdb2
```
#38fdb2 rgb(56,253,178)
```
#4bfdba
```
#4bfdba rgb(75,253,186)
```
#5ffdc1
```
#5ffdc1 rgb(95,253,193)
```
#72fec9
```
#72fec9 rgb(114,254,201)
```
#85fed0
```
#85fed0 rgb(133,254,208)
```
#99fed8
```
#99fed8 rgb(153,254,216)
```
#acfedf
```
#acfedf rgb(172,254,223)
```
#c0fee7
```
#c0fee7 rgb(192,254,231)
```
#d3ffee
```
#d3ffee rgb(211,255,238)
```
#e6fff6
```
#e6fff6 rgb(230,255,246)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#5a6561
```
#5a6561 rgb(90,101,97)
```
#536c63
```
#536c63 rgb(83,108,99)
```
#4b7464
```
#4b7464 rgb(75,116,100)
```
#447b66
```
#447b66 rgb(68,123,102)
```
#3d8268
```
#3d8268 rgb(61,130,104)
```
#358a6a
```
#358a6a rgb(53,138,106)
```
#2e916b
```
#2e916b rgb(46,145,107)
```
#27986d
```
#27986d rgb(39,152,109)
```
#1fa06f
```
#1fa06f rgb(31,160,111)
```
#18a771
```
#18a771 rgb(24,167,113)
```
#11ae72
```
#11ae72 rgb(17,174,114)
```
#09b674
```
#09b674 rgb(9,182,116)
```
#02bd76
```
#02bd76 rgb(2,189,118)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#648a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a974 Protanopia 1% of men
#c5a387 Deuteranopia 1% of men
#50b7c4 Tritanopia 0.001% of the population

Trichromacy

#75b074 Protanomaly 1% of men, 0.01% of women
#7eac80 Deuteranomaly 6% of men, 0.4% of women
#34b9a8 Tritanomaly 0.01% of the population