colorhexa.com

#02c6aa hex color

In a RGB color space, hex #02c6aa is composed of 0.8% red, 77.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 14.1% yellow and 22.4% black. It has a hue angle of 171.4 degrees, a saturation of 98% and a lightness of 39.2%. #02c6aa color hex could be obtained by blending #04ffff with #008d55. Closest websafe color is: #00cc99.

- R 1
- G 78
- B 67
RGB color chart
- C 99
- M 0
- Y 14
- K 22
CMYK color chart

● #02c6aa color description : Strong cyan.

The hexadecimal color #02c6aa has RGB values of R:2, G:198, B:170 and CMYK values of C:0.99, M:0, Y:0.14, K:0.22. Its decimal value is 181930.

Hex triplet	02c6aa	`#02c6aa`
RGB Decimal	2, 198, 170	`rgb(2,198,170)`
RGB Percent	0.8, 77.6, 66.7	`rgb(0.8%,77.6%,66.7%)`
CMYK	99, 0, 14, 22
HSL	171.4°, 98, 39.2	`hsl(171.4,98%,39.2%)`
HSV (or HSB)	171.4°, 99, 77.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	71.758, -47.68, 2.401
XYZ	27.472, 43.3, 44.938
xyY	0.237, 0.374, 43.3
CIE-LCH	71.758, 47.74, 177.117
CIE-LUV	71.758, -58.28, 10.931
Hunter-Lab	65.803, -40.633, 5.572
Binary	00000010, 11000110, 10101010

#02c6aa
```
#02c6aa rgb(2,198,170)
```
#c6021e
```
#c6021e rgb(198,2,30)
```

Complementary Color

#02c648
```
#02c648 rgb(2,198,72)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#0280c6
```
#0280c6 rgb(2,128,198)
```

Analogous Color

#c64802
```
#c64802 rgb(198,72,2)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#c60280
```
#c60280 rgb(198,2,128)
```

Split Complementary Color

#c6aa02
```
#c6aa02 rgb(198,170,2)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#aa02c6
```
#aa02c6 rgb(170,2,198)
```

Triadic Color

#017a69
```
#017a69 rgb(1,122,105)
```
#01947f
```
#01947f rgb(1,148,127)
```
#02ad94
```
#02ad94 rgb(2,173,148)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#02dfc0
```
#02dfc0 rgb(2,223,192)
```
#03f8d5
```
#03f8d5 rgb(3,248,213)
```
#18fddc
```
#18fddc rgb(24,253,220)
```

Monochromatic Color

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

#02c679
```
#02c679 rgb(2,198,121)
```
#02c689
```
#02c689 rgb(2,198,137)
```
#02c69a
```
#02c69a rgb(2,198,154)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#02c6ba
```
#02c6ba rgb(2,198,186)
```
#02c1c6
```
#02c1c6 rgb(2,193,198)
```
#02b1c6
```
#02b1c6 rgb(2,177,198)
```

Similar Colors

Text with hexadecimal color #02c6aa

This text has a font color of #02c6aa.

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

#02c6aa background color

This paragraph has a background color of #02c6aa.

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

#02c6aa border color

This element has a border color of #02c6aa.

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

CSS codes

.text {color:#02c6aa;}

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

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

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, #000403 is the darkest color, while #effffd is the lightest one.

#000403
```
#000403 rgb(0,4,3)
```
#001714
```
#001714 rgb(0,23,20)
```
#002b25
```
#002b25 rgb(0,43,37)
```
#013e35
```
#013e35 rgb(1,62,53)
```
#015146
```
#015146 rgb(1,81,70)
```
#016557
```
#016557 rgb(1,101,87)
```
#017867
```
#017867 rgb(1,120,103)
```
#018c78
```
#018c78 rgb(1,140,120)
```
#029f89
```
#029f89 rgb(2,159,137)
```
#02b399
```
#02b399 rgb(2,179,153)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```
#02d9bb
```
#02d9bb rgb(2,217,187)
```
#02edcb
```
#02edcb rgb(2,237,203)
```

Shade Color Variation

#06fcd9
```
#06fcd9 rgb(6,252,217)
```
#1afddc
```
#1afddc rgb(26,253,220)
```
#2dfddf
```
#2dfddf rgb(45,253,223)
```
#41fde2
```
#41fde2 rgb(65,253,226)
```
#54fde5
```
#54fde5 rgb(84,253,229)
```
#67fde8
```
#67fde8 rgb(103,253,232)
```
#7bfeeb
```
#7bfeeb rgb(123,254,235)
```
#8efeee
```
#8efeee rgb(142,254,238)
```
#a2fef1
```
#a2fef1 rgb(162,254,241)
```
#b5fef4
```
#b5fef4 rgb(181,254,244)
```
#c9fef7
```
#c9fef7 rgb(201,254,247)
```
#dcfffa
```
#dcfffa rgb(220,255,250)
```
#effffd
```
#effffd rgb(239,255,253)
```

Tint Color Variation

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

#5e6a68
```
#5e6a68 rgb(94,106,104)
```
#57716e
```
#57716e rgb(87,113,110)
```
#4f7973
```
#4f7973 rgb(79,121,115)
```
#478179
```
#478179 rgb(71,129,121)
```
#40887e
```
#40887e rgb(64,136,126)
```
#389084
```
#389084 rgb(56,144,132)
```
#309889
```
#309889 rgb(48,152,137)
```
#28a08f
```
#28a08f rgb(40,160,143)
```
#21a794
```
#21a794 rgb(33,167,148)
```
#19af9a
```
#19af9a rgb(25,175,154)
```
#11b79f
```
#11b79f rgb(17,183,159)
```
#0abea5
```
#0abea5 rgb(10,190,165)
```
#02c6aa
```
#02c6aa rgb(2,198,170)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6d948f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab3a3 Protanopia 1% of men
#c2aeb7 Deuteranopia 1% of men
#42c3d2 Tritanopia 0.001% of the population

Trichromacy

#77baa5 Protanomaly 1% of men, 0.01% of women
#7cb7b2 Deuteranomaly 6% of men, 0.4% of women
#2bc4c3 Tritanomaly 0.01% of the population