#02bc96 Color Information
In a RGB color space, hex #02bc96 is composed of 0.8% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 167.7 degrees, a saturation of 97.9% and a lightness of 37.3%. #02bc96 color hex could be obtained by blending #04ffff with #00792d. Closest websafe color is: #00cc99.
-
- R 1
- G 74
- B 59
-
- C 99
- M 0
- Y 20
- K 26
● #02bc96 color description : Strong cyan.
#02bc96 Color Conversion
The hexadecimal color #02bc96 has RGB values of R:2, G:188, B:150 and CMYK values of C:0.99, M:0, Y:0.2, K:0.26. Its decimal value is 179350.
Hex triplet | 02bc96 | #02bc96 |
---|---|---|
RGB Decimal | 2, 188, 150 | rgb(2,188,150) |
RGB Percent | 0.8, 73.7, 58.8 | rgb(0.8%,73.7%,58.8%) |
CMYK | 99, 0, 20, 26 | |
HSL | 167.7°, 97.9, 37.3 | hsl(167.7,97.9%,37.3%) |
HSV (or HSB) | 167.7°, 98.9, 73.7 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 68.152, -48.856, 8.109 |
---|---|
XYZ | 23.511, 38.179, 34.983 |
xyY | 0.243, 0.395, 38.179 |
CIE-LCH | 68.152, 49.524, 170.576 |
CIE-LUV | 68.152, -56.445, 19.257 |
Hunter-Lab | 61.789, -40.21, 9.685 |
Binary | 00000010, 10111100, 10010110 |
Color Schemes with #02bc96
Alternatives to #02bc96
Below, you can see some colors close to #02bc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02bc96 Preview
This text has a font color of #02bc96.
<span style="color:#02bc96;">Text here</span>
This paragraph has a background color of #02bc96.
<p style="background-color:#02bc96;">Content here</p>
This element has a border color of #02bc96.
<div style="border:1px solid #02bc96;">Content here</div>
.text {color:#02bc96;}
.background {background-color:#02bc96;}
.border {border:1px solid #02bc96;}
Shades and Tints of #02bc96
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, #000d0b is the darkest color, while #f9fffe is the lightest one.
-
#000d0b
#000d0b
rgb(0,13,11)
-
#00211a
#00211a
rgb(0,33,26)
-
#01342a
#01342a
rgb(1,52,42)
-
#014839
#014839
rgb(1,72,57)
-
#015b49
#015b49
rgb(1,91,73)
-
#016e58
#016e58
rgb(1,110,88)
-
#018268
#018268
rgb(1,130,104)
-
#029577
#029577
rgb(2,149,119)
-
#02a987
#02a987
rgb(2,169,135)
-
#02bc96
#02bc96
rgb(2,188,150)
-
#02cfa5
#02cfa5
rgb(2,207,165)
-
#02e3b5
#02e3b5
rgb(2,227,181)
-
#03f6c4
#03f6c4
rgb(3,246,196)
-
#10fccc
#10fccc
rgb(16,252,204)
-
#23fdd0
#23fdd0
rgb(35,253,208)
-
#37fdd4
#37fdd4
rgb(55,253,212)
-
#4afdd9
#4afdd9
rgb(74,253,217)
-
#5efddd
#5efddd
rgb(94,253,221)
-
#71fde1
#71fde1
rgb(113,253,225)
-
#84fee5
#84fee5
rgb(132,254,229)
-
#98fee9
#98fee9
rgb(152,254,233)
-
#abfeed
#abfeed
rgb(171,254,237)
-
#bffef1
#bffef1
rgb(191,254,241)
-
#d2fff5
#d2fff5
rgb(210,255,245)
-
#e6fffa
#e6fffa
rgb(230,255,250)
-
#f9fffe
#f9fffe
rgb(249,255,254)
Tones of #02bc96
A tone is produced by adding gray to any pure hue. In this case, #5a6462 is the less saturated color, while #02bc96 is the most saturated one.
-
#5a6462
#5a6462
rgb(90,100,98)
-
#526c66
#526c66
rgb(82,108,102)
-
#4b736b
#4b736b
rgb(75,115,107)
-
#447a6f
#447a6f
rgb(68,122,111)
-
#3c8273
#3c8273
rgb(60,130,115)
-
#358978
#358978
rgb(53,137,120)
-
#2e907c
#2e907c
rgb(46,144,124)
-
#279780
#279780
rgb(39,151,128)
-
#1f9f85
#1f9f85
rgb(31,159,133)
-
#18a689
#18a689
rgb(24,166,137)
-
#11ad8d
#11ad8d
rgb(17,173,141)
-
#09b592
#09b592
rgb(9,181,146)
-
#02bc96
#02bc96
rgb(2,188,150)
Color Blindness Simulator
Below, you can see how #02bc96 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.