#02cc96 Color Information
In a RGB color space, hex #02cc96 is composed of 0.8% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 26.5% yellow and 20% black. It has a hue angle of 164 degrees, a saturation of 98.1% and a lightness of 40.4%. #02cc96 color hex could be obtained by blending #04ffff with #00992d. Closest websafe color is: #00cc99.
-
- R 1
- G 80
- B 59
-
- C 99
- M 0
- Y 26
- K 20
● #02cc96 color description : Strong cyan - lime green.
#02cc96 Color Conversion
The hexadecimal color #02cc96 has RGB values of R:2, G:204, B:150 and CMYK values of C:0.99, M:0, Y:0.26, K:0.2. Its decimal value is 183446.
Hex triplet | 02cc96 | #02cc96 |
---|---|---|
RGB Decimal | 2, 204, 150 | rgb(2,204,150) |
RGB Percent | 0.8, 80, 58.8 | rgb(0.8%,80%,58.8%) |
CMYK | 99, 0, 26, 20 | |
HSL | 164°, 98.1, 40.4 | hsl(164,98.1%,40.4%) |
HSV (or HSB) | 164°, 99, 80 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 73.153, -55.108, 15.178 |
---|---|
XYZ | 27.121, 45.398, 36.186 |
xyY | 0.249, 0.418, 45.398 |
CIE-LCH | 73.153, 57.16, 164.601 |
CIE-LUV | 73.153, -61.815, 30.412 |
Hunter-Lab | 67.378, -46.062, 15.322 |
Binary | 00000010, 11001100, 10010110 |
Color Schemes with #02cc96
Alternatives to #02cc96
Below, you can see some colors close to #02cc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02cc96 Preview
This text has a font color of #02cc96.
<span style="color:#02cc96;">Text here</span>
This paragraph has a background color of #02cc96.
<p style="background-color:#02cc96;">Content here</p>
This element has a border color of #02cc96.
<div style="border:1px solid #02cc96;">Content here</div>
.text {color:#02cc96;}
.background {background-color:#02cc96;}
.border {border:1px solid #02cc96;}
Shades and Tints of #02cc96
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, #000a07 is the darkest color, while #f5fffc is the lightest one.
-
#000a07
#000a07
rgb(0,10,7)
-
#001d15
#001d15
rgb(0,29,21)
-
#003124
#003124
rgb(0,49,36)
-
#014432
#014432
rgb(1,68,50)
-
#015740
#015740
rgb(1,87,64)
-
#016b4f
#016b4f
rgb(1,107,79)
-
#017e5d
#017e5d
rgb(1,126,93)
-
#01926b
#01926b
rgb(1,146,107)
-
#02a579
#02a579
rgb(2,165,121)
-
#02b988
#02b988
rgb(2,185,136)
-
#02cc96
#02cc96
rgb(2,204,150)
-
#02dfa4
#02dfa4
rgb(2,223,164)
-
#02f3b3
#02f3b3
rgb(2,243,179)
-
#0cfdbc
#0cfdbc
rgb(12,253,188)
-
#20fdc2
#20fdc2
rgb(32,253,194)
-
#33fdc7
#33fdc7
rgb(51,253,199)
-
#47fdcc
#47fdcc
rgb(71,253,204)
-
#5afdd2
#5afdd2
rgb(90,253,210)
-
#6dfed7
#6dfed7
rgb(109,254,215)
-
#81fedc
#81fedc
rgb(129,254,220)
-
#94fee2
#94fee2
rgb(148,254,226)
-
#a8fee7
#a8fee7
rgb(168,254,231)
-
#bbfeec
#bbfeec
rgb(187,254,236)
-
#cefff2
#cefff2
rgb(206,255,242)
-
#e2fff7
#e2fff7
rgb(226,255,247)
-
#f5fffc
#f5fffc
rgb(245,255,252)
Tones of #02cc96
A tone is produced by adding gray to any pure hue. In this case, #616d6a is the less saturated color, while #02cc96 is the most saturated one.
-
#616d6a
#616d6a
rgb(97,109,106)
-
#59756d
#59756d
rgb(89,117,109)
-
#517d71
#517d71
rgb(81,125,113)
-
#498575
#498575
rgb(73,133,117)
-
#418d79
#418d79
rgb(65,141,121)
-
#39957c
#39957c
rgb(57,149,124)
-
#329c80
#329c80
rgb(50,156,128)
-
#2aa484
#2aa484
rgb(42,164,132)
-
#22ac87
#22ac87
rgb(34,172,135)
-
#1ab48b
#1ab48b
rgb(26,180,139)
-
#12bc8f
#12bc8f
rgb(18,188,143)
-
#0ac492
#0ac492
rgb(10,196,146)
-
#02cc96
#02cc96
rgb(2,204,150)
Color Blindness Simulator
Below, you can see how #02cc96 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.