#02bb96 Color Information
In a RGB color space, hex #02bb96 is composed of 0.8% red, 73.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 168 degrees, a saturation of 97.9% and a lightness of 37.1%. #02bb96 color hex could be obtained by blending #04ffff with #00772d. Closest websafe color is: #00cc99.
-
- R 1
- G 73
- B 59
-
- C 99
- M 0
- Y 20
- K 27
● #02bb96 color description : Strong cyan.
#02bb96 Color Conversion
The hexadecimal color #02bb96 has RGB values of R:2, G:187, B:150 and CMYK values of C:0.99, M:0, Y:0.2, K:0.27. Its decimal value is 179094.
Hex triplet | 02bb96 | #02bb96 |
---|---|---|
RGB Decimal | 2, 187, 150 | rgb(2,187,150) |
RGB Percent | 0.8, 73.3, 58.8 | rgb(0.8%,73.3%,58.8%) |
CMYK | 99, 0, 20, 27 | |
HSL | 168°, 97.9, 37.1 | hsl(168,97.9%,37.1%) |
HSV (or HSB) | 168°, 98.9, 73.3 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 67.838, -48.453, 7.66 |
---|---|
XYZ | 23.298, 37.753, 34.912 |
xyY | 0.243, 0.393, 37.753 |
CIE-LCH | 67.838, 49.055, 171.016 |
CIE-LUV | 67.838, -56.106, 18.542 |
Hunter-Lab | 61.444, -39.842, 9.322 |
Binary | 00000010, 10111011, 10010110 |
Color Schemes with #02bb96
Alternatives to #02bb96
Below, you can see some colors close to #02bb96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02bb96 Preview
This text has a font color of #02bb96.
<span style="color:#02bb96;">Text here</span>
This paragraph has a background color of #02bb96.
<p style="background-color:#02bb96;">Content here</p>
This element has a border color of #02bb96.
<div style="border:1px solid #02bb96;">Content here</div>
.text {color:#02bb96;}
.background {background-color:#02bb96;}
.border {border:1px solid #02bb96;}
Shades and Tints of #02bb96
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, #000c0a is the darkest color, while #f8fffe is the lightest one.
-
#000c0a
#000c0a
rgb(0,12,10)
-
#002019
#002019
rgb(0,32,25)
-
#013329
#013329
rgb(1,51,41)
-
#014739
#014739
rgb(1,71,57)
-
#015a48
#015a48
rgb(1,90,72)
-
#016d58
#016d58
rgb(1,109,88)
-
#018167
#018167
rgb(1,129,103)
-
#029477
#029477
rgb(2,148,119)
-
#02a886
#02a886
rgb(2,168,134)
-
#02bb96
#02bb96
rgb(2,187,150)
-
#02cea6
#02cea6
rgb(2,206,166)
-
#02e2b5
#02e2b5
rgb(2,226,181)
-
#03f5c5
#03f5c5
rgb(3,245,197)
-
#0ffccd
#0ffccd
rgb(15,252,205)
-
#22fdd1
#22fdd1
rgb(34,253,209)
-
#36fdd5
#36fdd5
rgb(54,253,213)
-
#49fdd9
#49fdd9
rgb(73,253,217)
-
#5dfddd
#5dfddd
rgb(93,253,221)
-
#70fde1
#70fde1
rgb(112,253,225)
-
#83fee5
#83fee5
rgb(131,254,229)
-
#97fee9
#97fee9
rgb(151,254,233)
-
#aafeed
#aafeed
rgb(170,254,237)
-
#befef1
#befef1
rgb(190,254,241)
-
#d1fff5
#d1fff5
rgb(209,255,245)
-
#e5fff9
#e5fff9
rgb(229,255,249)
-
#f8fffe
#f8fffe
rgb(248,255,254)
Tones of #02bb96
A tone is produced by adding gray to any pure hue. In this case, #596462 is the less saturated color, while #02bb96 is the most saturated one.
-
#596462
#596462
rgb(89,100,98)
-
#526b66
#526b66
rgb(82,107,102)
-
#4b726a
#4b726a
rgb(75,114,106)
-
#437a6f
#437a6f
rgb(67,122,111)
-
#3c8173
#3c8173
rgb(60,129,115)
-
#358877
#358877
rgb(53,136,119)
-
#2e8f7c
#2e8f7c
rgb(46,143,124)
-
#269780
#269780
rgb(38,151,128)
-
#1f9e85
#1f9e85
rgb(31,158,133)
-
#18a589
#18a589
rgb(24,165,137)
-
#11ac8d
#11ac8d
rgb(17,172,141)
-
#09b492
#09b492
rgb(9,180,146)
-
#02bb96
#02bb96
rgb(2,187,150)
Color Blindness Simulator
Below, you can see how #02bb96 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.