#02ccaf hex color

In a RGB color space, hex #02ccaf is composed of 0.8% red, 80% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 14.2% yellow and 20% black. It has a hue angle of 171.4 degrees, a saturation of 98.1% and a lightness of 40.4%. #02ccaf color hex could be obtained by blending #04ffff with #00995f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 80
- B 69
RGB color chart
- C 99
- M 0
- Y 14
- K 20
CMYK color chart

● #02ccaf color description : Strong cyan.

The hexadecimal color #02ccaf has RGB values of R:2, G:204, B:175 and CMYK values of C:0.99, M:0, Y:0.14, K:0.2. Its decimal value is 183471.

Hex triplet	02ccaf	`#02ccaf`
RGB Decimal	2, 204, 175	`rgb(2,204,175)`
RGB Percent	0.8, 80, 68.6	`rgb(0.8%,80%,68.6%)`
CMYK	99, 0, 14, 20
HSL	171.4°, 98.1, 40.4	`hsl(171.4,98.1%,40.4%)`
HSV (or HSB)	171.4°, 99, 80
Web Safe	00cc99	`#00cc99`

CIE-LAB	73.734, -48.816, 2.559
XYZ	29.353, 46.291, 47.943
xyY	0.238, 0.375, 46.291
CIE-LCH	73.734, 48.883, 177
CIE-LUV	73.734, -59.91, 11.396
Hunter-Lab	68.037, -42.056, 5.847
Binary	00000010, 11001100, 10101111

#02ccaf
```
#02ccaf rgb(2,204,175)
```
#cc021f
```
#cc021f rgb(204,2,31)
```

Complementary Color

#02cc4a
```
#02cc4a rgb(2,204,74)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#0284cc
```
#0284cc rgb(2,132,204)
```

Analogous Color

#cc4a02
```
#cc4a02 rgb(204,74,2)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#cc0284
```
#cc0284 rgb(204,2,132)
```

Split Complementary Color

#ccaf02
```
#ccaf02 rgb(204,175,2)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#af02cc
```
#af02cc rgb(175,2,204)
```

Triadic Color

#1fcc02
```
#1fcc02 rgb(31,204,2)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#af02cc
```
#af02cc rgb(175,2,204)
```
#cc021f
```
#cc021f rgb(204,2,31)
```

Tetradic Color

#01806e
```
#01806e rgb(1,128,110)
```
#029984
```
#029984 rgb(2,153,132)
```
#02b399
```
#02b399 rgb(2,179,153)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#02e5c5
```
#02e5c5 rgb(2,229,197)
```
#04fdd9
```
#04fdd9 rgb(4,253,217)
```
#1efddd
```
#1efddd rgb(30,253,221)
```

Monochromatic Color

Below, you can see some colors close to #02ccaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#02cc7d
```
#02cc7d rgb(2,204,125)
```
#02cc8d
```
#02cc8d rgb(2,204,141)
```
#02cc9e
```
#02cc9e rgb(2,204,158)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#02ccc0
```
#02ccc0 rgb(2,204,192)
```
#02c7cc
```
#02c7cc rgb(2,199,204)
```
#02b7cc
```
#02b7cc rgb(2,183,204)
```

Similar Colors

Text with hexadecimal color #02ccaf

This text has a font color of #02ccaf.

<span style="color:#02ccaf;">Text here</span>

#02ccaf background color

This paragraph has a background color of #02ccaf.

<p style="background-color:#02ccaf;">Content here</p>

#02ccaf border color

This element has a border color of #02ccaf.

<div style="border:1px solid #02ccaf;">Content here</div>

CSS codes

.text {color:#02ccaf;}

.background {background-color:#02ccaf;}

.border {border:1px solid #02ccaf;}

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, #000a08 is the darkest color, while #f5fffe is the lightest one.

#000a08
```
#000a08 rgb(0,10,8)
```
#001d19
```
#001d19 rgb(0,29,25)
```
#00312a
```
#00312a rgb(0,49,42)
```
#01443a
```
#01443a rgb(1,68,58)
```
#01574b
```
#01574b rgb(1,87,75)
```
#016b5c
```
#016b5c rgb(1,107,92)
```
#017e6c
```
#017e6c rgb(1,126,108)
```
#01927d
```
#01927d rgb(1,146,125)
```
#02a58e
```
#02a58e rgb(2,165,142)
```
#02b99e
```
#02b99e rgb(2,185,158)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```
#02dfc0
```
#02dfc0 rgb(2,223,192)
```
#02f3d0
```
#02f3d0 rgb(2,243,208)
```

Shade Color Variation

#0cfdda
```
#0cfdda rgb(12,253,218)
```
#20fddd
```
#20fddd rgb(32,253,221)
```
#33fde0
```
#33fde0 rgb(51,253,224)
```
#47fde3
```
#47fde3 rgb(71,253,227)
```
#5afde6
```
#5afde6 rgb(90,253,230)
```
#6dfee9
```
#6dfee9 rgb(109,254,233)
```
#81feec
```
#81feec rgb(129,254,236)
```
#94feef
```
#94feef rgb(148,254,239)
```
#a8fef2
```
#a8fef2 rgb(168,254,242)
```
#bbfef5
```
#bbfef5 rgb(187,254,245)
```
#cefff8
```
#cefff8 rgb(206,255,248)
```
#e2fffb
```
#e2fffb rgb(226,255,251)
```
#f5fffe
```
#f5fffe rgb(245,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616d6b is the less saturated color, while #02ccaf is the most saturated one.

#616d6b
```
#616d6b rgb(97,109,107)
```
#597571
```
#597571 rgb(89,117,113)
```
#517d77
```
#517d77 rgb(81,125,119)
```
#49857c
```
#49857c rgb(73,133,124)
```
#418d82
```
#418d82 rgb(65,141,130)
```
#399587
```
#399587 rgb(57,149,135)
```
#329c8d
```
#329c8d rgb(50,156,141)
```
#2aa493
```
#2aa493 rgb(42,164,147)
```
#22ac98
```
#22ac98 rgb(34,172,152)
```
#1ab49e
```
#1ab49e rgb(26,180,158)
```
#12bca4
```
#12bca4 rgb(18,188,164)
```
#0ac4a9
```
#0ac4a9 rgb(10,196,169)
```
#02ccaf
```
#02ccaf rgb(2,204,175)
```

Tone Color Variation

Below, you can see how #02ccaf 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.

Monochromacy

#8c8c8c Achromatopsia 0.005% of the population
#709993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a8 Protanopia 1% of men
#c8b3bc Deuteranopia 1% of men
#44c9d8 Tritanopia 0.001% of the population

Trichromacy

#7bbfaa Protanomaly 1% of men, 0.01% of women
#80bcb7 Deuteranomaly 6% of men, 0.4% of women
#2ccac9 Tritanomaly 0.01% of the population

#02ccaf hex color

#02ccaf Color Information

#02ccaf Color Conversion

Color Schemes with #02ccaf

Alternatives to #02ccaf

#02ccaf Preview

Shades and Tints of #02ccaf

Tones of #02ccaf

Color Blindness Simulator