#06af77 hex color

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

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

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

The hexadecimal color #06af77 has RGB values of R:6, G:175, B:119 and CMYK values of C:0.97, M:0, Y:0.32, K:0.31. Its decimal value is 438135.

Hex triplet	06af77	`#06af77`
RGB Decimal	6, 175, 119	`rgb(6,175,119)`
RGB Percent	2.4, 68.6, 46.7	`rgb(2.4%,68.6%,46.7%)`
CMYK	97, 0, 32, 31
HSL	160.1°, 93.4, 35.5	`hsl(160.1,93.4%,35.5%)`
HSV (or HSB)	160.1°, 96.6, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.366, -51.118, 18.341
XYZ	18.733, 32.029, 22.647
xyY	0.255, 0.436, 32.029
CIE-LCH	63.366, 54.308, 160.262
CIE-LUV	63.366, -54.126, 32.92
Hunter-Lab	56.594, -39.953, 15.89
Binary	00000110, 10101111, 01110111

#06af77
```
#06af77 rgb(6,175,119)
```
#af063e
```
#af063e rgb(175,6,62)
```

Complementary Color

#06af23
```
#06af23 rgb(6,175,35)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#0693af
```
#0693af rgb(6,147,175)
```

Analogous Color

#af2306
```
#af2306 rgb(175,35,6)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#af0693
```
#af0693 rgb(175,6,147)
```

Split Complementary Color

#af7706
```
#af7706 rgb(175,119,6)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#7706af
```
#7706af rgb(119,6,175)
```

Triadic Color

#3eaf06
```
#3eaf06 rgb(62,175,6)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#7706af
```
#7706af rgb(119,6,175)
```
#af063e
```
#af063e rgb(175,6,62)
```

Tetradic Color

#036545
```
#036545 rgb(3,101,69)
```
#047e55
```
#047e55 rgb(4,126,85)
```
#059666
```
#059666 rgb(5,150,102)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#07c888
```
#07c888 rgb(7,200,136)
```
#08e099
```
#08e099 rgb(8,224,153)
```
#0bf7a9
```
#0bf7a9 rgb(11,247,169)
```

Monochromatic Color

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

#06af4d
```
#06af4d rgb(6,175,77)
```
#06af5b
```
#06af5b rgb(6,175,91)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#06af85
```
#06af85 rgb(6,175,133)
```
#06af93
```
#06af93 rgb(6,175,147)
```
#06afa1
```
#06afa1 rgb(6,175,161)
```

Similar Colors

Text with hexadecimal color #06af77

This text has a font color of #06af77.

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

#06af77 background color

This paragraph has a background color of #06af77.

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

#06af77 border color

This element has a border color of #06af77.

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

CSS codes

.text {color:#06af77;}

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

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

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)
```
#012a1d
```
#012a1d rgb(1,42,29)
```
#023d2a
```
#023d2a rgb(2,61,42)
```
#035037
```
#035037 rgb(3,80,55)
```
#036343
```
#036343 rgb(3,99,67)
```
#047650
```
#047650 rgb(4,118,80)
```
#05895d
```
#05895d rgb(5,137,93)
```
#059c6a
```
#059c6a rgb(5,156,106)
```
#06af77
```
#06af77 rgb(6,175,119)
```
#07c284
```
#07c284 rgb(7,194,132)
```
#07d591
```
#07d591 rgb(7,213,145)
```
#08e89e
```
#08e89e rgb(8,232,158)
```

Shade Color Variation

#0df7a9
```
#0df7a9 rgb(13,247,169)
```
#20f7b0
```
#20f7b0 rgb(32,247,176)
```
#33f8b7
```
#33f8b7 rgb(51,248,183)
```
#46f9bd
```
#46f9bd rgb(70,249,189)
```
#59f9c4
```
#59f9c4 rgb(89,249,196)
```
#6cfacb
```
#6cfacb rgb(108,250,203)
```
#7ffbd1
```
#7ffbd1 rgb(127,251,209)
```
#92fbd8
```
#92fbd8 rgb(146,251,216)
```
#a4fcdf
```
#a4fcdf rgb(164,252,223)
```
#b7fde6
```
#b7fde6 rgb(183,253,230)
```
#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 #06af77 is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#53625d
```
#53625d rgb(83,98,93)
```
#4c6960
```
#4c6960 rgb(76,105,96)
```
#457062
```
#457062 rgb(69,112,98)
```
#3e7764
```
#3e7764 rgb(62,119,100)
```
#377e67
```
#377e67 rgb(55,126,103)
```
#308569
```
#308569 rgb(48,133,105)
```
#298c6b
```
#298c6b rgb(41,140,107)
```
#22936e
```
#22936e rgb(34,147,110)
```
#1b9a70
```
#1b9a70 rgb(27,154,112)
```
#14a172
```
#14a172 rgb(20,161,114)
```
#0da875
```
#0da875 rgb(13,168,117)
```
#06af77
```
#06af77 rgb(6,175,119)
```

Tone Color Variation

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

#aa9e75 Protanopia 1% of men
#b59987 Deuteranopia 1% of men
#49abb8 Tritanopia 0.001% of the population

Trichromacy

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

#06af77 hex color

#06af77 Color Information

#06af77 Color Conversion

Color Schemes with #06af77

Alternatives to #06af77

#06af77 Preview

Shades and Tints of #06af77

Tones of #06af77

Color Blindness Simulator