#02ccbc Color Information
In a RGB color space, hex #02ccbc is composed of 0.8% red, 80% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 7.8% yellow and 20% black. It has a hue angle of 175.2 degrees, a saturation of 98.1% and a lightness of 40.4%. #02ccbc color hex could be obtained by blending #04ffff with #009979. Closest websafe color is: #00cccc.
-
- R 1
- G 80
- B 74
-
- C 99
- M 0
- Y 8
- K 20
● #02ccbc color description : Strong cyan.
#02ccbc Color Conversion
The hexadecimal color #02ccbc has RGB values of R:2, G:204, B:188 and CMYK values of C:0.99, M:0, Y:0.08, K:0.2. Its decimal value is 183484.
Hex triplet | 02ccbc | #02ccbc |
---|---|---|
RGB Decimal | 2, 204, 188 | rgb(2,204,188) |
RGB Percent | 0.8, 80, 73.7 | rgb(0.8%,80%,73.7%) |
CMYK | 99, 0, 8, 20 | |
HSL | 175.2°, 98.1, 40.4 | hsl(175.2,98.1%,40.4%) |
HSV (or HSB) | 175.2°, 99, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 74.078, -45.239, -3.968 |
---|---|
XYZ | 30.692, 46.826, 54.995 |
xyY | 0.232, 0.353, 46.826 |
CIE-LCH | 74.078, 45.413, 185.013 |
CIE-LUV | 74.078, -58.877, 0.898 |
Hunter-Lab | 68.43, -39.692, 0.251 |
Binary | 00000010, 11001100, 10111100 |
Color Schemes with #02ccbc
Alternatives to #02ccbc
Below, you can see some colors close to #02ccbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02ccbc Preview
This text has a font color of #02ccbc.
<span style="color:#02ccbc;">Text here</span>
This paragraph has a background color of #02ccbc.
<p style="background-color:#02ccbc;">Content here</p>
This element has a border color of #02ccbc.
<div style="border:1px solid #02ccbc;">Content here</div>
.text {color:#02ccbc;}
.background {background-color:#02ccbc;}
.border {border:1px solid #02ccbc;}
Shades and Tints of #02ccbc
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)
-
#01443f
#01443f
rgb(1,68,63)
-
#015751
#015751
rgb(1,87,81)
-
#016b62
#016b62
rgb(1,107,98)
-
#017e74
#017e74
rgb(1,126,116)
-
#019286
#019286
rgb(1,146,134)
-
#02a598
#02a598
rgb(2,165,152)
-
#02b9aa
#02b9aa
rgb(2,185,170)
-
#02ccbc
#02ccbc
rgb(2,204,188)
-
#02dfce
#02dfce
rgb(2,223,206)
-
#02f3e0
#02f3e0
rgb(2,243,224)
-
#0cfdea
#0cfdea
rgb(12,253,234)
-
#20fdeb
#20fdeb
rgb(32,253,235)
-
#33fded
#33fded
rgb(51,253,237)
-
#47fdef
#47fdef
rgb(71,253,239)
-
#5afdf0
#5afdf0
rgb(90,253,240)
-
#6dfef2
#6dfef2
rgb(109,254,242)
-
#81fef4
#81fef4
rgb(129,254,244)
-
#94fef6
#94fef6
rgb(148,254,246)
-
#a8fef7
#a8fef7
rgb(168,254,247)
-
#bbfef9
#bbfef9
rgb(187,254,249)
-
#cefffb
#cefffb
rgb(206,255,251)
-
#e2fffc
#e2fffc
rgb(226,255,252)
-
#f5fffe
#f5fffe
rgb(245,255,254)
Tones of #02ccbc
A tone is produced by adding gray to any pure hue. In this case, #616d6c is the less saturated color, while #02ccbc 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)
-
#418d87
#418d87
rgb(65,141,135)
-
#39958d
#39958d
rgb(57,149,141)
-
#329c94
#329c94
rgb(50,156,148)
-
#2aa49b
#2aa49b
rgb(42,164,155)
-
#22aca1
#22aca1
rgb(34,172,161)
-
#1ab4a8
#1ab4a8
rgb(26,180,168)
-
#12bcaf
#12bcaf
rgb(18,188,175)
-
#0ac4b5
#0ac4b5
rgb(10,196,181)
-
#02ccbc
#02ccbc
rgb(2,204,188)
Color Blindness Simulator
Below, you can see how #02ccbc 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.