#02a18d hex color

In a RGB color space, hex #02a18d is composed of 0.8% red, 63.1% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 12.4% yellow and 36.9% black. It has a hue angle of 172.5 degrees, a saturation of 97.5% and a lightness of 32%. #02a18d color hex could be obtained by blending #04ffff with #00431b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 63
- B 55
RGB color chart
- C 99
- M 0
- Y 12
- K 37
CMYK color chart

● #02a18d color description : Dark cyan.

The hexadecimal color #02a18d has RGB values of R:2, G:161, B:141 and CMYK values of C:0.99, M:0, Y:0.12, K:0.37. Its decimal value is 172429.

Hex triplet	02a18d	`#02a18d`
RGB Decimal	2, 161, 141	`rgb(2,161,141)`
RGB Percent	0.8, 63.1, 55.3	`rgb(0.8%,63.1%,55.3%)`
CMYK	99, 0, 12, 37
HSL	172.5°, 97.5, 32	`hsl(172.5,97.5%,32%)`
HSV (or HSB)	172.5°, 98.8, 63.1
Web Safe	009999	`#009999`

CIE-LAB	59.365, -39.989, 0.429
XYZ	17.576, 27.424, 29.565
xyY	0.236, 0.368, 27.424
CIE-LCH	59.365, 39.991, 179.385
CIE-LUV	59.365, -47.864, 6.546
Hunter-Lab	52.368, -31.735, 3.185
Binary	00000010, 10100001, 10001101

#02a18d
```
#02a18d rgb(2,161,141)
```
#a10216
```
#a10216 rgb(161,2,22)
```

Complementary Color

#02a13d
```
#02a13d rgb(2,161,61)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#0266a1
```
#0266a1 rgb(2,102,161)
```

Analogous Color

#a13e02
```
#a13e02 rgb(161,62,2)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#a10266
```
#a10266 rgb(161,2,102)
```

Split Complementary Color

#a18d02
```
#a18d02 rgb(161,141,2)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#8d02a1
```
#8d02a1 rgb(141,2,161)
```

Triadic Color

#16a102
```
#16a102 rgb(22,161,2)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#8d02a1
```
#8d02a1 rgb(141,2,161)
```
#a10216
```
#a10216 rgb(161,2,22)
```

Tetradic Color

#01554b
```
#01554b rgb(1,85,75)
```
#016f61
```
#016f61 rgb(1,111,97)
```
#028877
```
#028877 rgb(2,136,119)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#02baa3
```
#02baa3 rgb(2,186,163)
```
#03d3b9
```
#03d3b9 rgb(3,211,185)
```
#03edcf
```
#03edcf rgb(3,237,207)
```

Monochromatic Color

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

#02a165
```
#02a165 rgb(2,161,101)
```
#02a173
```
#02a173 rgb(2,161,115)
```
#02a180
```
#02a180 rgb(2,161,128)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#02a19a
```
#02a19a rgb(2,161,154)
```
#029ba1
```
#029ba1 rgb(2,155,161)
```
#028da1
```
#028da1 rgb(2,141,161)
```

Similar Colors

Text with hexadecimal color #02a18d

This text has a font color of #02a18d.

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

#02a18d background color

This paragraph has a background color of #02a18d.

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

#02a18d border color

This element has a border color of #02a18d.

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

CSS codes

.text {color:#02a18d;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#001916
```
#001916 rgb(0,25,22)
```
#012d27
```
#012d27 rgb(1,45,39)
```
#014038
```
#014038 rgb(1,64,56)
```
#015449
```
#015449 rgb(1,84,73)
```
#01675a
```
#01675a rgb(1,103,90)
```
#027a6b
```
#027a6b rgb(2,122,107)
```
#028e7c
```
#028e7c rgb(2,142,124)
```
#02a18d
```
#02a18d rgb(2,161,141)
```
#02b49e
```
#02b49e rgb(2,180,158)
```
#02c8af
```
#02c8af rgb(2,200,175)
```
#03dbc0
```
#03dbc0 rgb(3,219,192)
```
#03eed1
```
#03eed1 rgb(3,238,209)
```

Shade Color Variation

#09fcdd
```
#09fcdd rgb(9,252,221)
```
#1dfce0
```
#1dfce0 rgb(29,252,224)
```
#30fce3
```
#30fce3 rgb(48,252,227)
```
#43fde5
```
#43fde5 rgb(67,253,229)
```
#57fde8
```
#57fde8 rgb(87,253,232)
```
#6afdeb
```
#6afdeb rgb(106,253,235)
```
#7dfded
```
#7dfded rgb(125,253,237)
```
#91fef0
```
#91fef0 rgb(145,254,240)
```
#a4fef3
```
#a4fef3 rgb(164,254,243)
```
#b8fef5
```
#b8fef5 rgb(184,254,245)
```
#cbfef8
```
#cbfef8 rgb(203,254,248)
```
#defffb
```
#defffb rgb(222,255,251)
```
#f2fffd
```
#f2fffd rgb(242,255,253)
```

Tint Color Variation

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

#4d5655
```
#4d5655 rgb(77,86,85)
```
#475c59
```
#475c59 rgb(71,92,89)
```
#41625e
```
#41625e rgb(65,98,94)
```
#3a6963
```
#3a6963 rgb(58,105,99)
```
#346f67
```
#346f67 rgb(52,111,103)
```
#2e756c
```
#2e756c rgb(46,117,108)
```
#287b71
```
#287b71 rgb(40,123,113)
```
#218276
```
#218276 rgb(33,130,118)
```
#1b887a
```
#1b887a rgb(27,136,122)
```
#158e7f
```
#158e7f rgb(21,142,127)
```
#0f9484
```
#0f9484 rgb(15,148,132)
```
#089b88
```
#089b88 rgb(8,155,136)
```
#02a18d
```
#02a18d rgb(2,161,141)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#597975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999489 Protanopia 1% of men
#9f909a Deuteranopia 1% of men
#35a1ad Tritanopia 0.001% of the population

Trichromacy

#62988b Protanomaly 1% of men, 0.01% of women
#669695 Deuteranomaly 6% of men, 0.4% of women
#22a1a1 Tritanomaly 0.01% of the population

#02a18d hex color

#02a18d Color Information

#02a18d Color Conversion

Color Schemes with #02a18d

Alternatives to #02a18d

#02a18d Preview

Shades and Tints of #02a18d

Tones of #02a18d

Color Blindness Simulator