#02c676 Color Information
In a RGB color space, hex #02c676 is composed of 0.8% red, 77.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 40.4% yellow and 22.4% black. It has a hue angle of 155.5 degrees, a saturation of 98% and a lightness of 39.2%. #02c676 color hex could be obtained by blending #04ffec with #008d00. Closest websafe color is: #00cc66.
-
- R 1
- G 78
- B 46
-
- C 99
- M 0
- Y 40
- K 22
● #02c676 color description : Strong cyan - lime green.
#02c676 Color Conversion
The hexadecimal color #02c676 has RGB values of R:2, G:198, B:118 and CMYK values of C:0.99, M:0, Y:0.4, K:0.22. Its decimal value is 181878.
Hex triplet | 02c676 | #02c676 |
---|---|---|
RGB Decimal | 2, 198, 118 | rgb(2,198,118) |
RGB Percent | 0.8, 77.6, 46.3 | rgb(0.8%,77.6%,46.3%) |
CMYK | 99, 0, 40, 22 | |
HSL | 155.5°, 98, 39.2 | hsl(155.5,98%,39.2%) |
HSV (or HSB) | 155.5°, 99, 77.6 | |
Web Safe | 00cc66 | #00cc66 |
CIE-LAB | 70.668, -59.806, 28.697 |
---|---|
XYZ | 23.487, 41.706, 23.951 |
xyY | 0.263, 0.468, 41.706 |
CIE-LCH | 70.668, 66.335, 154.367 |
CIE-LUV | 70.668, -62.034, 48.063 |
Hunter-Lab | 64.581, -48.097, 23.218 |
Binary | 00000010, 11000110, 01110110 |
Color Schemes with #02c676
Alternatives to #02c676
Below, you can see some colors close to #02c676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02c676 Preview
This text has a font color of #02c676.
<span style="color:#02c676;">Text here</span>
This paragraph has a background color of #02c676.
<p style="background-color:#02c676;">Content here</p>
This element has a border color of #02c676.
<div style="border:1px solid #02c676;">Content here</div>
.text {color:#02c676;}
.background {background-color:#02c676;}
.border {border:1px solid #02c676;}
Shades and Tints of #02c676
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, #000402 is the darkest color, while #effff9 is the lightest one.
-
#000402
#000402
rgb(0,4,2)
-
#00170e
#00170e
rgb(0,23,14)
-
#002b19
#002b19
rgb(0,43,25)
-
#013e25
#013e25
rgb(1,62,37)
-
#015131
#015131
rgb(1,81,49)
-
#01653c
#01653c
rgb(1,101,60)
-
#017848
#017848
rgb(1,120,72)
-
#018c53
#018c53
rgb(1,140,83)
-
#029f5f
#029f5f
rgb(2,159,95)
-
#02b36a
#02b36a
rgb(2,179,106)
-
#02c676
#02c676
rgb(2,198,118)
-
#02d982
#02d982
rgb(2,217,130)
-
#02ed8d
#02ed8d
rgb(2,237,141)
-
#06fc98
#06fc98
rgb(6,252,152)
-
#1afda0
#1afda0
rgb(26,253,160)
-
#2dfda8
#2dfda8
rgb(45,253,168)
-
#41fdb0
#41fdb0
rgb(65,253,176)
-
#54fdb8
#54fdb8
rgb(84,253,184)
-
#67fdc0
#67fdc0
rgb(103,253,192)
-
#7bfec8
#7bfec8
rgb(123,254,200)
-
#8efed0
#8efed0
rgb(142,254,208)
-
#a2fed8
#a2fed8
rgb(162,254,216)
-
#b5fee0
#b5fee0
rgb(181,254,224)
-
#c9fee8
#c9fee8
rgb(201,254,232)
-
#dcfff0
#dcfff0
rgb(220,255,240)
-
#effff9
#effff9
rgb(239,255,249)
Tones of #02c676
A tone is produced by adding gray to any pure hue. In this case, #5e6a65 is the less saturated color, while #02c676 is the most saturated one.
-
#5e6a65
#5e6a65
rgb(94,106,101)
-
#577166
#577166
rgb(87,113,102)
-
#4f7968
#4f7968
rgb(79,121,104)
-
#478169
#478169
rgb(71,129,105)
-
#40886b
#40886b
rgb(64,136,107)
-
#38906c
#38906c
rgb(56,144,108)
-
#30986e
#30986e
rgb(48,152,110)
-
#28a06f
#28a06f
rgb(40,160,111)
-
#21a770
#21a770
rgb(33,167,112)
-
#19af72
#19af72
rgb(25,175,114)
-
#11b773
#11b773
rgb(17,183,115)
-
#0abe75
#0abe75
rgb(10,190,117)
-
#02c676
#02c676
rgb(2,198,118)
Color Blindness Simulator
Below, you can see how #02c676 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.