#6af666 hex color

In a RGB color space, hex #6af666 is composed of 41.6% red, 96.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 58.5% yellow and 3.5% black. It has a hue angle of 118.3 degrees, a saturation of 88.9% and a lightness of 68.2%. #6af666 color hex could be obtained by blending #d4ffcc with #00ed00. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 42
- G 96
- B 40
RGB color chart
- C 57
- M 0
- Y 59
- K 4
CMYK color chart

● #6af666 color description : Soft lime green.

The hexadecimal color #6af666 has RGB values of R:106, G:246, B:102 and CMYK values of C:0.57, M:0, Y:0.59, K:0.04. Its decimal value is 7009894.

Hex triplet	6af666	`#6af666`
RGB Decimal	106, 246, 102	`rgb(106,246,102)`
RGB Percent	41.6, 96.5, 40	`rgb(41.6%,96.5%,40%)`
CMYK	57, 0, 59, 4
HSL	118.3°, 88.9, 68.2	`hsl(118.3,88.9%,68.2%)`
HSV (or HSB)	118.3°, 58.5, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.963, -65.11, 56.892
XYZ	41.296, 69.932, 23.892
xyY	0.306, 0.518, 69.932
CIE-LCH	86.963, 86.464, 138.854
CIE-LUV	86.963, -62.946, 82.9
Hunter-Lab	83.625, -58.197, 41.599
Binary	01101010, 11110110, 01100110

#6af666
```
#6af666 rgb(106,246,102)
```
#f266f6
```
#f266f6 rgb(242,102,246)
```

Complementary Color

#b2f666
```
#b2f666 rgb(178,246,102)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#66f6aa
```
#66f6aa rgb(102,246,170)
```

Analogous Color

#f666b2
```
#f666b2 rgb(246,102,178)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#aa66f6
```
#aa66f6 rgb(170,102,246)
```

Split Complementary Color

#f6666a
```
#f6666a rgb(246,102,106)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#666af6
```
#666af6 rgb(102,106,246)
```

Triadic Color

#f6f266
```
#f6f266 rgb(246,242,102)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#666af6
```
#666af6 rgb(102,106,246)
```
#f266f6
```
#f266f6 rgb(242,102,246)
```

Tetradic Color

#24f21e
```
#24f21e rgb(36,242,30)
```
#3bf336
```
#3bf336 rgb(59,243,54)
```
#53f54e
```
#53f54e rgb(83,245,78)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#81f77e
```
#81f77e rgb(129,247,126)
```
#99f996
```
#99f996 rgb(153,249,150)
```
#b0faae
```
#b0faae rgb(176,250,174)
```

Monochromatic Color

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

#8ef666
```
#8ef666 rgb(142,246,102)
```
#82f666
```
#82f666 rgb(130,246,102)
```
#76f666
```
#76f666 rgb(118,246,102)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#66f66e
```
#66f66e rgb(102,246,110)
```
#66f67a
```
#66f67a rgb(102,246,122)
```
#66f686
```
#66f686 rgb(102,246,134)
```

Similar Colors

Text with hexadecimal color #6af666

This text has a font color of #6af666.

<span style="color:#6af666;">Text here</span>

#6af666 background color

This paragraph has a background color of #6af666.

<p style="background-color:#6af666;">Content here</p>

#6af666 border color

This element has a border color of #6af666.

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

CSS codes

.text {color:#6af666;}

.background {background-color:#6af666;}

.border {border:1px solid #6af666;}

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, #010e01 is the darkest color, while #fafffa is the lightest one.

#010e01
```
#010e01 rgb(1,14,1)
```
#032002
```
#032002 rgb(3,32,2)
```
#043303
```
#043303 rgb(4,51,3)
```
#064504
```
#064504 rgb(6,69,4)
```
#075805
```
#075805 rgb(7,88,5)
```
#096a06
```
#096a06 rgb(9,106,6)
```
#0b7d07
```
#0b7d07 rgb(11,125,7)
```
#0c8f08
```
#0c8f08 rgb(12,143,8)
```
#0ea20a
```
#0ea20a rgb(14,162,10)
```
#0fb40b
```
#0fb40b rgb(15,180,11)
```
#11c70c
```
#11c70c rgb(17,199,12)
```
#12da0d
```
#12da0d rgb(18,218,13)
```
#14ec0e
```
#14ec0e rgb(20,236,14)
```

Shade Color Variation

#22f21c
```
#22f21c rgb(34,242,28)
```
#34f32e
```
#34f32e rgb(52,243,46)
```
#46f441
```
#46f441 rgb(70,244,65)
```
#58f553
```
#58f553 rgb(88,245,83)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#7cf779
```
#7cf779 rgb(124,247,121)
```
#8ef88b
```
#8ef88b rgb(142,248,139)
```
#a0f99e
```
#a0f99e rgb(160,249,158)
```
#b2fab0
```
#b2fab0 rgb(178,250,176)
```
#c4fbc3
```
#c4fbc3 rgb(196,251,195)
```
#d6fdd5
```
#d6fdd5 rgb(214,253,213)
```
#e8fee8
```
#e8fee8 rgb(232,254,232)
```
#fafffa
```
#fafffa rgb(250,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #abb1ab is the less saturated color, while #64fc60 is the most saturated one.

#abb1ab
```
#abb1ab rgb(171,177,171)
```
#a5b8a4
```
#a5b8a4 rgb(165,184,164)
```
#9fbe9e
```
#9fbe9e rgb(159,190,158)
```
#99c498
```
#99c498 rgb(153,196,152)
```
#93ca92
```
#93ca92 rgb(147,202,146)
```
#8dd18b
```
#8dd18b rgb(141,209,139)
```
#87d785
```
#87d785 rgb(135,215,133)
```
#82dd7f
```
#82dd7f rgb(130,221,127)
```
#7ce379
```
#7ce379 rgb(124,227,121)
```
#76ea72
```
#76ea72 rgb(118,234,114)
```
#70f06c
```
#70f06c rgb(112,240,108)
```
#6af666
```
#6af666 rgb(106,246,102)
```
#64fc60
```
#64fc60 rgb(100,252,96)
```

Tone Color Variation

Below, you can see how #6af666 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

#bcbcbc Achromatopsia 0.005% of the population
#acc8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3db65 Protanopia 1% of men
#ffd49e Deuteranopia 1% of men
#97e8f8 Tritanopia 0.001% of the population

Trichromacy

#c1e565 Protanomaly 1% of men, 0.01% of women
#c8e08a Deuteranomaly 6% of men, 0.4% of women
#86edc3 Tritanomaly 0.01% of the population

#6af666 hex color

#6af666 Color Information

#6af666 Color Conversion

Color Schemes with #6af666

Alternatives to #6af666

#6af666 Preview

Shades and Tints of #6af666

Tones of #6af666

Color Blindness Simulator