#06af76 hex color

In a RGB color space, hex #06af76 is composed of 2.4% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 0% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 159.8 degrees, a saturation of 93.4% and a lightness of 35.5%. #06af76 color hex could be obtained by blending #0cffec with #005f00. Closest websafe color is: #009966.

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

● #06af76 color description : Dark cyan - lime green.

The hexadecimal color #06af76 has RGB values of R:6, G:175, B:118 and CMYK values of C:0.97, M:0, Y:0.33, K:0.31. Its decimal value is 438134.

Hex triplet	06af76	`#06af76`
RGB Decimal	6, 175, 118	`rgb(6,175,118)`
RGB Percent	2.4, 68.6, 46.3	`rgb(2.4%,68.6%,46.3%)`
CMYK	97, 0, 33, 31
HSL	159.8°, 93.4, 35.5	`hsl(159.8,93.4%,35.5%)`
HSV (or HSB)	159.8°, 96.6, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.347, -51.342, 18.858
XYZ	18.674, 32.005, 22.332
xyY	0.256, 0.438, 32.005
CIE-LCH	63.347, 54.696, 159.832
CIE-LUV	63.347, -54.195, 33.604
Hunter-Lab	56.573, -40.083, 16.196
Binary	00000110, 10101111, 01110110

#06af76
```
#06af76 rgb(6,175,118)
```
#af063f
```
#af063f rgb(175,6,63)
```

Complementary Color

#06af22
```
#06af22 rgb(6,175,34)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#0694af
```
#0694af rgb(6,148,175)
```

Analogous Color

#af2206
```
#af2206 rgb(175,34,6)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#af0694
```
#af0694 rgb(175,6,148)
```

Split Complementary Color

#af7606
```
#af7606 rgb(175,118,6)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#7606af
```
#7606af rgb(118,6,175)
```

Triadic Color

#3faf06
```
#3faf06 rgb(63,175,6)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#7606af
```
#7606af rgb(118,6,175)
```
#af063f
```
#af063f rgb(175,6,63)
```

Tetradic Color

#036544
```
#036544 rgb(3,101,68)
```
#047e55
```
#047e55 rgb(4,126,85)
```
#059665
```
#059665 rgb(5,150,101)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#07c887
```
#07c887 rgb(7,200,135)
```
#08e097
```
#08e097 rgb(8,224,151)
```
#0bf7a7
```
#0bf7a7 rgb(11,247,167)
```

Monochromatic Color

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

#06af4c
```
#06af4c rgb(6,175,76)
```
#06af5a
```
#06af5a rgb(6,175,90)
```
#06af68
```
#06af68 rgb(6,175,104)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#06af84
```
#06af84 rgb(6,175,132)
```
#06af92
```
#06af92 rgb(6,175,146)
```
#06afa0
```
#06afa0 rgb(6,175,160)
```

Similar Colors

Text with hexadecimal color #06af76

This text has a font color of #06af76.

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

#06af76 background color

This paragraph has a background color of #06af76.

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

#06af76 border color

This element has a border color of #06af76.

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

CSS codes

.text {color:#06af76;}

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

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

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 #f0fefa is the lightest one.

#000403
```
#000403 rgb(0,4,3)
```
#011710
```
#011710 rgb(1,23,16)
```
#012a1c
```
#012a1c rgb(1,42,28)
```
#023d29
```
#023d29 rgb(2,61,41)
```
#035036
```
#035036 rgb(3,80,54)
```
#036343
```
#036343 rgb(3,99,67)
```
#047650
```
#047650 rgb(4,118,80)
```
#05895c
```
#05895c rgb(5,137,92)
```
#059c69
```
#059c69 rgb(5,156,105)
```
#06af76
```
#06af76 rgb(6,175,118)
```
#07c283
```
#07c283 rgb(7,194,131)
```
#07d590
```
#07d590 rgb(7,213,144)
```
#08e89c
```
#08e89c rgb(8,232,156)
```

Shade Color Variation

#0df7a8
```
#0df7a8 rgb(13,247,168)
```
#20f7af
```
#20f7af rgb(32,247,175)
```
#33f8b5
```
#33f8b5 rgb(51,248,181)
```
#46f9bc
```
#46f9bc rgb(70,249,188)
```
#59f9c3
```
#59f9c3 rgb(89,249,195)
```
#6cfaca
```
#6cfaca rgb(108,250,202)
```
#7ffbd1
```
#7ffbd1 rgb(127,251,209)
```
#92fbd8
```
#92fbd8 rgb(146,251,216)
```
#a4fcde
```
#a4fcde rgb(164,252,222)
```
#b7fde5
```
#b7fde5 rgb(183,253,229)
```
#cafdec
```
#cafdec rgb(202,253,236)
```
#ddfef3
```
#ddfef3 rgb(221,254,243)
```
#f0fefa
```
#f0fefa rgb(240,254,250)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#53625d
```
#53625d rgb(83,98,93)
```
#4c695f
```
#4c695f rgb(76,105,95)
```
#457062
```
#457062 rgb(69,112,98)
```
#3e7764
```
#3e7764 rgb(62,119,100)
```
#377e66
```
#377e66 rgb(55,126,102)
```
#308568
```
#308568 rgb(48,133,104)
```
#298c6b
```
#298c6b rgb(41,140,107)
```
#22936d
```
#22936d rgb(34,147,109)
```
#1b9a6f
```
#1b9a6f rgb(27,154,111)
```
#14a171
```
#14a171 rgb(20,161,113)
```
#0da874
```
#0da874 rgb(13,168,116)
```
#06af76
```
#06af76 rgb(6,175,118)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#608176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e74 Protanopia 1% of men
#b69886 Deuteranopia 1% of men
#49abb8 Tritanopia 0.001% of the population

Trichromacy

#6ea475 Protanomaly 1% of men, 0.01% of women
#76a080 Deuteranomaly 6% of men, 0.4% of women
#30aca0 Tritanomaly 0.01% of the population

#06af76 hex color

#06af76 Color Information

#06af76 Color Conversion

Color Schemes with #06af76

Alternatives to #06af76

#06af76 Preview

Shades and Tints of #06af76

Tones of #06af76

Color Blindness Simulator