#02ccbb Color Information
In a RGB color space, hex #02ccbb is composed of 0.8% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 175 degrees, a saturation of 98.1% and a lightness of 40.4%. #02ccbb color hex could be obtained by blending #04ffff with #009977. Closest websafe color is: #00cccc.
-
- R 1
- G 80
- B 73
-
- C 99
- M 0
- Y 8
- K 20
● #02ccbb color description : Strong cyan.
#02ccbb Color Conversion
The hexadecimal color #02ccbb has RGB values of R:2, G:204, B:187 and CMYK values of C:0.99, M:0, Y:0.08, K:0.2. Its decimal value is 183483.
Hex triplet | 02ccbb | #02ccbb |
---|---|---|
RGB Decimal | 2, 204, 187 | rgb(2,204,187) |
RGB Percent | 0.8, 80, 73.3 | rgb(0.8%,80%,73.3%) |
CMYK | 99, 0, 8, 20 | |
HSL | 175°, 98.1, 40.4 | hsl(175,98.1%,40.4%) |
HSV (or HSB) | 175°, 99, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 74.051, -45.521, -3.468 |
---|---|
XYZ | 30.584, 46.783, 54.429 |
xyY | 0.232, 0.355, 46.783 |
CIE-LCH | 74.051, 45.653, 184.356 |
CIE-LUV | 74.051, -58.957, 1.717 |
Hunter-Lab | 68.398, -39.88, 0.698 |
Binary | 00000010, 11001100, 10111011 |
Color Schemes with #02ccbb
Alternatives to #02ccbb
Below, you can see some colors close to #02ccbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02ccbb Preview
This text has a font color of #02ccbb.
<span style="color:#02ccbb;">Text here</span>
This paragraph has a background color of #02ccbb.
<p style="background-color:#02ccbb;">Content here</p>
This element has a border color of #02ccbb.
<div style="border:1px solid #02ccbb;">Content here</div>
.text {color:#02ccbb;}
.background {background-color:#02ccbb;}
.border {border:1px solid #02ccbb;}
Shades and Tints of #02ccbb
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, #000a09 is the darkest color, while #f5fffe is the lightest one.
-
#000a09
#000a09
rgb(0,10,9)
-
#001d1b
#001d1b
rgb(0,29,27)
-
#00312d
#00312d
rgb(0,49,45)
-
#01443e
#01443e
rgb(1,68,62)
-
#015750
#015750
rgb(1,87,80)
-
#016b62
#016b62
rgb(1,107,98)
-
#017e74
#017e74
rgb(1,126,116)
-
#019286
#019286
rgb(1,146,134)
-
#02a597
#02a597
rgb(2,165,151)
-
#02b9a9
#02b9a9
rgb(2,185,169)
-
#02ccbb
#02ccbb
rgb(2,204,187)
-
#02dfcd
#02dfcd
rgb(2,223,205)
-
#02f3df
#02f3df
rgb(2,243,223)
-
#0cfde8
#0cfde8
rgb(12,253,232)
-
#20fdea
#20fdea
rgb(32,253,234)
-
#33fdec
#33fdec
rgb(51,253,236)
-
#47fdee
#47fdee
rgb(71,253,238)
-
#5afdf0
#5afdf0
rgb(90,253,240)
-
#6dfef1
#6dfef1
rgb(109,254,241)
-
#81fef3
#81fef3
rgb(129,254,243)
-
#94fef5
#94fef5
rgb(148,254,245)
-
#a8fef7
#a8fef7
rgb(168,254,247)
-
#bbfef9
#bbfef9
rgb(187,254,249)
-
#cefffa
#cefffa
rgb(206,255,250)
-
#e2fffc
#e2fffc
rgb(226,255,252)
-
#f5fffe
#f5fffe
rgb(245,255,254)
Tones of #02ccbb
A tone is produced by adding gray to any pure hue. In this case, #616d6c is the less saturated color, while #02ccbb is the most saturated one.
-
#616d6c
#616d6c
rgb(97,109,108)
-
#597573
#597573
rgb(89,117,115)
-
#517d79
#517d79
rgb(81,125,121)
-
#498580
#498580
rgb(73,133,128)
-
#418d86
#418d86
rgb(65,141,134)
-
#39958d
#39958d
rgb(57,149,141)
-
#329c93
#329c93
rgb(50,156,147)
-
#2aa49a
#2aa49a
rgb(42,164,154)
-
#22aca1
#22aca1
rgb(34,172,161)
-
#1ab4a7
#1ab4a7
rgb(26,180,167)
-
#12bcae
#12bcae
rgb(18,188,174)
-
#0ac4b4
#0ac4b4
rgb(10,196,180)
-
#02ccbb
#02ccbb
rgb(2,204,187)
Color Blindness Simulator
Below, you can see how #02ccbb 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.