#06af69 hex color

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

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

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

The hexadecimal color #06af69 has RGB values of R:6, G:175, B:105 and CMYK values of C:0.97, M:0, Y:0.4, K:0.31. Its decimal value is 438121.

Hex triplet	06af69	`#06af69`
RGB Decimal	6, 175, 105	`rgb(6,175,105)`
RGB Percent	2.4, 68.6, 41.2	`rgb(2.4%,68.6%,41.2%)`
CMYK	97, 0, 40, 31
HSL	155.1°, 93.4, 35.5	`hsl(155.1,93.4%,35.5%)`
HSV (or HSB)	155.1°, 96.6, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.108, -54.098, 25.541
XYZ	17.953, 31.717, 18.539
xyY	0.263, 0.465, 31.717
CIE-LCH	63.108, 59.825, 154.727
CIE-LUV	63.108, -55.055, 42.09
Hunter-Lab	56.317, -41.652, 19.904
Binary	00000110, 10101111, 01101001

#06af69
```
#06af69 rgb(6,175,105)
```
#af064c
```
#af064c rgb(175,6,76)
```

Complementary Color

#06af15
```
#06af15 rgb(6,175,21)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#06a1af
```
#06a1af rgb(6,161,175)
```

Analogous Color

#af1506
```
#af1506 rgb(175,21,6)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#af06a1
```
#af06a1 rgb(175,6,161)
```

Split Complementary Color

#af6906
```
#af6906 rgb(175,105,6)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#6906af
```
#6906af rgb(105,6,175)
```

Triadic Color

#4caf06
```
#4caf06 rgb(76,175,6)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#6906af
```
#6906af rgb(105,6,175)
```
#af064c
```
#af064c rgb(175,6,76)
```

Tetradic Color

#03653d
```
#03653d rgb(3,101,61)
```
#047e4b
```
#047e4b rgb(4,126,75)
```
#05965a
```
#05965a rgb(5,150,90)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#07c878
```
#07c878 rgb(7,200,120)
```
#08e087
```
#08e087 rgb(8,224,135)
```
#0bf795
```
#0bf795 rgb(11,247,149)
```

Monochromatic Color

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

#06af3f
```
#06af3f rgb(6,175,63)
```
#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)
```

Similar Colors

Text with hexadecimal color #06af69

This text has a font color of #06af69.

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

#06af69 background color

This paragraph has a background color of #06af69.

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

#06af69 border color

This element has a border color of #06af69.

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

CSS codes

.text {color:#06af69;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#01170e
```
#01170e rgb(1,23,14)
```
#012a19
```
#012a19 rgb(1,42,25)
```
#023d25
```
#023d25 rgb(2,61,37)
```
#035030
```
#035030 rgb(3,80,48)
```
#03633b
```
#03633b rgb(3,99,59)
```
#047647
```
#047647 rgb(4,118,71)
```
#058952
```
#058952 rgb(5,137,82)
```
#059c5e
```
#059c5e rgb(5,156,94)
```
#06af69
```
#06af69 rgb(6,175,105)
```
#07c274
```
#07c274 rgb(7,194,116)
```
#07d580
```
#07d580 rgb(7,213,128)
```
#08e88b
```
#08e88b rgb(8,232,139)
```

Shade Color Variation

#0df796
```
#0df796 rgb(13,247,150)
```
#20f79e
```
#20f79e rgb(32,247,158)
```
#33f8a6
```
#33f8a6 rgb(51,248,166)
```
#46f9af
```
#46f9af rgb(70,249,175)
```
#59f9b7
```
#59f9b7 rgb(89,249,183)
```
#6cfabf
```
#6cfabf rgb(108,250,191)
```
#7ffbc7
```
#7ffbc7 rgb(127,251,199)
```
#92fbcf
```
#92fbcf rgb(146,251,207)
```
#a4fcd8
```
#a4fcd8 rgb(164,252,216)
```
#b7fde0
```
#b7fde0 rgb(183,253,224)
```
#cafde8
```
#cafde8 rgb(202,253,232)
```
#ddfef0
```
#ddfef0 rgb(221,254,240)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#53625c
```
#53625c rgb(83,98,92)
```
#4c695d
```
#4c695d rgb(76,105,93)
```
#45705e
```
#45705e rgb(69,112,94)
```
#3e775f
```
#3e775f rgb(62,119,95)
```
#377e61
```
#377e61 rgb(55,126,97)
```
#308562
```
#308562 rgb(48,133,98)
```
#298c63
```
#298c63 rgb(41,140,99)
```
#229364
```
#229364 rgb(34,147,100)
```
#1b9a65
```
#1b9a65 rgb(27,154,101)
```
#14a167
```
#14a167 rgb(20,161,103)
```
#0da868
```
#0da868 rgb(13,168,104)
```
#06af69
```
#06af69 rgb(6,175,105)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e8072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d68 Protanopia 1% of men
#b8987a Deuteranopia 1% of men
#4caab7 Tritanopia 0.001% of the population

Trichromacy

#6fa468 Protanomaly 1% of men, 0.01% of women
#77a073 Deuteranomaly 6% of men, 0.4% of women
#33ac9a Tritanomaly 0.01% of the population

#06af69 hex color

#06af69 Color Information

#06af69 Color Conversion

Color Schemes with #06af69

Alternatives to #06af69

#06af69 Preview

Shades and Tints of #06af69

Tones of #06af69

Color Blindness Simulator