colorhexa.com

#02bc76 hex color

In a RGB color space, hex #02bc76 is composed of 0.8% red, 73.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 37.2% yellow and 26.3% black. It has a hue angle of 157.4 degrees, a saturation of 97.9% and a lightness of 37.3%. #02bc76 color hex could be obtained by blending #04ffec with #007900. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #02bc76 has RGB values of R:2, G:188, B:118 and CMYK values of C:0.99, M:0, Y:0.37, K:0.26. Its decimal value is 179318.

Hex triplet	02bc76	`#02bc76`
RGB Decimal	2, 188, 118	`rgb(2,188,118)`
RGB Percent	0.8, 73.7, 46.3	`rgb(0.8%,73.7%,46.3%)`
CMYK	99, 0, 37, 26
HSL	157.4°, 97.9, 37.3	`hsl(157.4,97.9%,37.3%)`
HSV (or HSB)	157.4°, 98.9, 73.7
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.49, -56.279, 24.47
XYZ	21.277, 37.285, 23.214
xyY	0.26, 0.456, 37.285
CIE-LCH	67.49, 61.369, 156.501
CIE-LUV	67.49, -58.737, 41.907
Hunter-Lab	61.061, -44.66, 20.203
Binary	00000010, 10111100, 01110110

#02bc76
```
#02bc76 rgb(2,188,118)
```
#bc0248
```
#bc0248 rgb(188,2,72)
```

Complementary Color

#02bc19
```
#02bc19 rgb(2,188,25)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#02a5bc
```
#02a5bc rgb(2,165,188)
```

Analogous Color

#bc1902
```
#bc1902 rgb(188,25,2)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#bc02a5
```
#bc02a5 rgb(188,2,165)
```

Split Complementary Color

#bc7602
```
#bc7602 rgb(188,118,2)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#7602bc
```
#7602bc rgb(118,2,188)
```

Triadic Color

#017046
```
#017046 rgb(1,112,70)
```
#018a56
```
#018a56 rgb(1,138,86)
```
#02a366
```
#02a366 rgb(2,163,102)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#02d586
```
#02d586 rgb(2,213,134)
```
#03ee96
```
#03ee96 rgb(3,238,150)
```
#0efca3
```
#0efca3 rgb(14,252,163)
```

Monochromatic Color

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

#02bc48
```
#02bc48 rgb(2,188,72)
```
#02bc57
```
#02bc57 rgb(2,188,87)
```
#02bc67
```
#02bc67 rgb(2,188,103)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#02bc86
```
#02bc86 rgb(2,188,134)
```
#02bc95
```
#02bc95 rgb(2,188,149)
```
#02bca5
```
#02bca5 rgb(2,188,165)
```

Similar Colors

Text with hexadecimal color #02bc76

This text has a font color of #02bc76.

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

#02bc76 background color

This paragraph has a background color of #02bc76.

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

#02bc76 border color

This element has a border color of #02bc76.

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

CSS codes

.text {color:#02bc76;}

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

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

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

#000d08
```
#000d08 rgb(0,13,8)
```
#002115
```
#002115 rgb(0,33,21)
```
#013421
```
#013421 rgb(1,52,33)
```
#01482d
```
#01482d rgb(1,72,45)
```
#015b39
```
#015b39 rgb(1,91,57)
```
#016e45
```
#016e45 rgb(1,110,69)
```
#018251
```
#018251 rgb(1,130,81)
```
#02955e
```
#02955e rgb(2,149,94)
```
#02a96a
```
#02a96a rgb(2,169,106)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```
#02cf82
```
#02cf82 rgb(2,207,130)
```
#02e38e
```
#02e38e rgb(2,227,142)
```
#03f69b
```
#03f69b rgb(3,246,155)
```

Shade Color Variation

#10fca3
```
#10fca3 rgb(16,252,163)
```
#23fdab
```
#23fdab rgb(35,253,171)
```
#37fdb2
```
#37fdb2 rgb(55,253,178)
```
#4afdba
```
#4afdba rgb(74,253,186)
```
#5efdc1
```
#5efdc1 rgb(94,253,193)
```
#71fdc9
```
#71fdc9 rgb(113,253,201)
```
#84fed0
```
#84fed0 rgb(132,254,208)
```
#98fed8
```
#98fed8 rgb(152,254,216)
```
#abfedf
```
#abfedf rgb(171,254,223)
```
#bffee6
```
#bffee6 rgb(191,254,230)
```
#d2ffee
```
#d2ffee rgb(210,255,238)
```
#e6fff5
```
#e6fff5 rgb(230,255,245)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#5a6460
```
#5a6460 rgb(90,100,96)
```
#526c62
```
#526c62 rgb(82,108,98)
```
#4b7364
```
#4b7364 rgb(75,115,100)
```
#447a66
```
#447a66 rgb(68,122,102)
```
#3c8268
```
#3c8268 rgb(60,130,104)
```
#358969
```
#358969 rgb(53,137,105)
```
#2e906b
```
#2e906b rgb(46,144,107)
```
#27976d
```
#27976d rgb(39,151,109)
```
#1f9f6f
```
#1f9f6f rgb(31,159,111)
```
#18a671
```
#18a671 rgb(24,166,113)
```
#11ad72
```
#11ad72 rgb(17,173,114)
```
#09b574
```
#09b574 rgb(9,181,116)
```
#02bc76
```
#02bc76 rgb(2,188,118)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#64897b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a874 Protanopia 1% of men
#c4a287 Deuteranopia 1% of men
#50b6c4 Tritanopia 0.001% of the population

Trichromacy

#75af74 Protanomaly 1% of men, 0.01% of women
#7dab80 Deuteranomaly 6% of men, 0.4% of women
#33b8a7 Tritanomaly 0.01% of the population