#06af97 hex color

In a RGB color space, hex #06af97 is composed of 2.4% red, 68.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 0% magenta, 13.7% yellow and 31.4% black. It has a hue angle of 171.5 degrees, a saturation of 93.4% and a lightness of 35.5%. #06af97 color hex could be obtained by blending #0cffff with #005f2f. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 69
- B 59
RGB color chart
- C 97
- M 0
- Y 14
- K 31
CMYK color chart

● #06af97 color description : Dark cyan.

The hexadecimal color #06af97 has RGB values of R:6, G:175, B:151 and CMYK values of C:0.97, M:0, Y:0.14, K:0.31. Its decimal value is 438167.

Hex triplet	06af97	`#06af97`
RGB Decimal	6, 175, 151	`rgb(6,175,151)`
RGB Percent	2.4, 68.6, 59.2	`rgb(2.4%,68.6%,59.2%)`
CMYK	97, 0, 14, 31
HSL	171.5°, 93.4, 35.5	`hsl(171.5,93.4%,35.5%)`
HSV (or HSB)	171.5°, 96.6, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.105, -43.061, 1.729
XYZ	20.989, 32.931, 34.526
xyY	0.237, 0.372, 32.931
CIE-LCH	64.105, 43.096, 177.701
CIE-LUV	64.105, -51.756, 9.023
Hunter-Lab	57.385, -35.137, 4.497
Binary	00000110, 10101111, 10010111

#06af97
```
#06af97 rgb(6,175,151)
```
#af061e
```
#af061e rgb(175,6,30)
```

Complementary Color

#06af43
```
#06af43 rgb(6,175,67)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#0673af
```
#0673af rgb(6,115,175)
```

Analogous Color

#af4306
```
#af4306 rgb(175,67,6)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#af0673
```
#af0673 rgb(175,6,115)
```

Split Complementary Color

#af9706
```
#af9706 rgb(175,151,6)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#9706af
```
#9706af rgb(151,6,175)
```

Triadic Color

#1eaf06
```
#1eaf06 rgb(30,175,6)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#9706af
```
#9706af rgb(151,6,175)
```
#af061e
```
#af061e rgb(175,6,30)
```

Tetradic Color

#036557
```
#036557 rgb(3,101,87)
```
#047e6c
```
#047e6c rgb(4,126,108)
```
#059682
```
#059682 rgb(5,150,130)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#07c8ac
```
#07c8ac rgb(7,200,172)
```
#08e0c2
```
#08e0c2 rgb(8,224,194)
```
#0bf7d5
```
#0bf7d5 rgb(11,247,213)
```

Monochromatic Color

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

#06af6d
```
#06af6d rgb(6,175,109)
```
#06af7b
```
#06af7b rgb(6,175,123)
```
#06af89
```
#06af89 rgb(6,175,137)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#06afa5
```
#06afa5 rgb(6,175,165)
```
#06abaf
```
#06abaf rgb(6,171,175)
```
#069daf
```
#069daf rgb(6,157,175)
```

Similar Colors

Text with hexadecimal color #06af97

This text has a font color of #06af97.

<span style="color:#06af97;">Text here</span>

#06af97 background color

This paragraph has a background color of #06af97.

<p style="background-color:#06af97;">Content here</p>

#06af97 border color

This element has a border color of #06af97.

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

CSS codes

.text {color:#06af97;}

.background {background-color:#06af97;}

.border {border:1px solid #06af97;}

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

#000404
```
#000404 rgb(0,4,4)
```
#011714
```
#011714 rgb(1,23,20)
```
#012a24
```
#012a24 rgb(1,42,36)
```
#023d35
```
#023d35 rgb(2,61,53)
```
#035045
```
#035045 rgb(3,80,69)
```
#036356
```
#036356 rgb(3,99,86)
```
#047666
```
#047666 rgb(4,118,102)
```
#058976
```
#058976 rgb(5,137,118)
```
#059c87
```
#059c87 rgb(5,156,135)
```
#06af97
```
#06af97 rgb(6,175,151)
```
#07c2a7
```
#07c2a7 rgb(7,194,167)
```
#07d5b8
```
#07d5b8 rgb(7,213,184)
```
#08e8c8
```
#08e8c8 rgb(8,232,200)
```

Shade Color Variation

#0df7d5
```
#0df7d5 rgb(13,247,213)
```
#20f7d9
```
#20f7d9 rgb(32,247,217)
```
#33f8dc
```
#33f8dc rgb(51,248,220)
```
#46f9df
```
#46f9df rgb(70,249,223)
```
#59f9e2
```
#59f9e2 rgb(89,249,226)
```
#6cfae6
```
#6cfae6 rgb(108,250,230)
```
#7ffbe9
```
#7ffbe9 rgb(127,251,233)
```
#92fbec
```
#92fbec rgb(146,251,236)
```
#a4fcef
```
#a4fcef rgb(164,252,239)
```
#b7fdf3
```
#b7fdf3 rgb(183,253,243)
```
#cafdf6
```
#cafdf6 rgb(202,253,246)
```
#ddfef9
```
#ddfef9 rgb(221,254,249)
```
#f0fefc
```
#f0fefc rgb(240,254,252)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536260
```
#536260 rgb(83,98,96)
```
#4c6965
```
#4c6965 rgb(76,105,101)
```
#45706a
```
#45706a rgb(69,112,106)
```
#3e776f
```
#3e776f rgb(62,119,111)
```
#377e74
```
#377e74 rgb(55,126,116)
```
#308579
```
#308579 rgb(48,133,121)
```
#298c7e
```
#298c7e rgb(41,140,126)
```
#229383
```
#229383 rgb(34,147,131)
```
#1b9a88
```
#1b9a88 rgb(27,154,136)
```
#14a18d
```
#14a18d rgb(20,161,141)
```
#0da892
```
#0da892 rgb(13,168,146)
```
#06af97
```
#06af97 rgb(6,175,151)
```

Tone Color Variation

Below, you can see how #06af97 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

#7a7a7a Achromatopsia 0.005% of the population
#638580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69f92 Protanopia 1% of men
#ad9ba4 Deuteranopia 1% of men
#3caebb Tritanopia 0.001% of the population

Trichromacy

#6ca594 Protanomaly 1% of men, 0.01% of women
#70a29f Deuteranomaly 6% of men, 0.4% of women
#28aeae Tritanomaly 0.01% of the population

#06af97 hex color

#06af97 Color Information

#06af97 Color Conversion

Color Schemes with #06af97

Alternatives to #06af97

#06af97 Preview

Shades and Tints of #06af97

Tones of #06af97

Color Blindness Simulator