#02af9d hex color

In a RGB color space, hex #02af9d is composed of 0.8% red, 68.6% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 10.3% yellow and 31.4% black. It has a hue angle of 173.8 degrees, a saturation of 97.7% and a lightness of 34.7%. #02af9d color hex could be obtained by blending #04ffff with #005f3b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 69
- B 62
RGB color chart
- C 99
- M 0
- Y 10
- K 31
CMYK color chart

● #02af9d color description : Dark cyan.

The hexadecimal color #02af9d has RGB values of R:2, G:175, B:157 and CMYK values of C:0.99, M:0, Y:0.1, K:0.31. Its decimal value is 176029.

Hex triplet	02af9d	`#02af9d`
RGB Decimal	2, 175, 157	`rgb(2,175,157)`
RGB Percent	0.8, 68.6, 61.6	`rgb(0.8%,68.6%,61.6%)`
CMYK	99, 0, 10, 31
HSL	173.8°, 97.7, 34.7	`hsl(173.8,97.7%,34.7%)`
HSV (or HSB)	173.8°, 98.9, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.246, -41.525, -1.407
XYZ	21.439, 33.105, 37.156
xyY	0.234, 0.361, 33.105
CIE-LCH	64.246, 41.549, 181.94
CIE-LUV	64.246, -51.455, 4.16
Hunter-Lab	57.537, -34.179, 1.987
Binary	00000010, 10101111, 10011101

#02af9d
```
#02af9d rgb(2,175,157)
```
#af0214
```
#af0214 rgb(175,2,20)
```

Complementary Color

#02af47
```
#02af47 rgb(2,175,71)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#026baf
```
#026baf rgb(2,107,175)
```

Analogous Color

#af4702
```
#af4702 rgb(175,71,2)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#af026b
```
#af026b rgb(175,2,107)
```

Split Complementary Color

#af9d02
```
#af9d02 rgb(175,157,2)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#9d02af
```
#9d02af rgb(157,2,175)
```

Triadic Color

#14af02
```
#14af02 rgb(20,175,2)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#9d02af
```
#9d02af rgb(157,2,175)
```
#af0214
```
#af0214 rgb(175,2,20)
```

Tetradic Color

#016359
```
#016359 rgb(1,99,89)
```
#017d70
```
#017d70 rgb(1,125,112)
```
#029686
```
#029686 rgb(2,150,134)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#02c8b4
```
#02c8b4 rgb(2,200,180)
```
#03e1ca
```
#03e1ca rgb(3,225,202)
```
#03fbe1
```
#03fbe1 rgb(3,251,225)
```

Monochromatic Color

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

#02af72
```
#02af72 rgb(2,175,114)
```
#02af80
```
#02af80 rgb(2,175,128)
```
#02af8f
```
#02af8f rgb(2,175,143)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#02afab
```
#02afab rgb(2,175,171)
```
#02a4af
```
#02a4af rgb(2,164,175)
```
#0296af
```
#0296af rgb(2,150,175)
```

Similar Colors

Text with hexadecimal color #02af9d

This text has a font color of #02af9d.

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

#02af9d background color

This paragraph has a background color of #02af9d.

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

#02af9d border color

This element has a border color of #02af9d.

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

CSS codes

.text {color:#02af9d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001412
```
#001412 rgb(0,20,18)
```
#002723
```
#002723 rgb(0,39,35)
```
#013b35
```
#013b35 rgb(1,59,53)
```
#014e46
```
#014e46 rgb(1,78,70)
```
#016157
```
#016157 rgb(1,97,87)
```
#017569
```
#017569 rgb(1,117,105)
```
#02887a
```
#02887a rgb(2,136,122)
```
#029c8c
```
#029c8c rgb(2,156,140)
```
#02af9d
```
#02af9d rgb(2,175,157)
```
#02c2ae
```
#02c2ae rgb(2,194,174)
```
#02d6c0
```
#02d6c0 rgb(2,214,192)
```
#03e9d1
```
#03e9d1 rgb(3,233,209)
```

Shade Color Variation

#03fce2
```
#03fce2 rgb(3,252,226)
```
#17fce4
```
#17fce4 rgb(23,252,228)
```
#2afde7
```
#2afde7 rgb(42,253,231)
```
#3efde9
```
#3efde9 rgb(62,253,233)
```
#51fdeb
```
#51fdeb rgb(81,253,235)
```
#64fded
```
#64fded rgb(100,253,237)
```
#78fdf0
```
#78fdf0 rgb(120,253,240)
```
#8bfef2
```
#8bfef2 rgb(139,254,242)
```
#9efef4
```
#9efef4 rgb(158,254,244)
```
#b2fef6
```
#b2fef6 rgb(178,254,246)
```
#c5fef8
```
#c5fef8 rgb(197,254,248)
```
#d9fffb
```
#d9fffb rgb(217,255,251)
```
#ecfffd
```
#ecfffd rgb(236,255,253)
```

Tint Color Variation

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

#545d5c
```
#545d5c rgb(84,93,92)
```
#4d6462
```
#4d6462 rgb(77,100,98)
```
#466b67
```
#466b67 rgb(70,107,103)
```
#3f726c
```
#3f726c rgb(63,114,108)
```
#387972
```
#387972 rgb(56,121,114)
```
#327f77
```
#327f77 rgb(50,127,119)
```
#2b867d
```
#2b867d rgb(43,134,125)
```
#248d82
```
#248d82 rgb(36,141,130)
```
#1d9487
```
#1d9487 rgb(29,148,135)
```
#169b8d
```
#169b8d rgb(22,155,141)
```
#10a192
```
#10a192 rgb(16,161,146)
```
#09a898
```
#09a898 rgb(9,168,152)
```
#02af9d
```
#02af9d rgb(2,175,157)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#618480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a098 Protanopia 1% of men
#ab9caa Deuteranopia 1% of men
#37afbc Tritanopia 0.001% of the population

Trichromacy

#6aa59a Protanomaly 1% of men, 0.01% of women
#6da3a5 Deuteranomaly 6% of men, 0.4% of women
#24afb0 Tritanomaly 0.01% of the population

#02af9d hex color

#02af9d Color Information

#02af9d Color Conversion

Color Schemes with #02af9d

Alternatives to #02af9d

#02af9d Preview

Shades and Tints of #02af9d

Tones of #02af9d

Color Blindness Simulator