#6af566 hex color

In a RGB color space, hex #6af566 is composed of 41.6% red, 96.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 0% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 118.3 degrees, a saturation of 87.7% and a lightness of 68%. #6af566 color hex could be obtained by blending #d4ffcc with #00eb00. Closest websafe color is: #66ff66.

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

● #6af566 color description : Soft lime green.

The hexadecimal color #6af566 has RGB values of R:106, G:245, B:102 and CMYK values of C:0.57, M:0, Y:0.58, K:0.04. Its decimal value is 7009638.

Hex triplet	6af566	`#6af566`
RGB Decimal	106, 245, 102	`rgb(106,245,102)`
RGB Percent	41.6, 96.1, 40	`rgb(41.6%,96.1%,40%)`
CMYK	57, 0, 58, 4
HSL	118.3°, 87.7, 68	`hsl(118.3,87.7%,68%)`
HSV (or HSB)	118.3°, 58.4, 96.1
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.665, -64.752, 56.548
XYZ	40.992, 69.325, 23.791
xyY	0.306, 0.517, 69.325
CIE-LCH	86.665, 85.968, 138.87
CIE-LUV	86.665, -62.567, 82.417
Hunter-Lab	83.262, -57.826, 41.342
Binary	01101010, 11110101, 01100110

#6af566
```
#6af566 rgb(106,245,102)
```
#f166f5
```
#f166f5 rgb(241,102,245)
```

Complementary Color

#b2f566
```
#b2f566 rgb(178,245,102)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#66f5aa
```
#66f5aa rgb(102,245,170)
```

Analogous Color

#f566b2
```
#f566b2 rgb(245,102,178)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#aa66f5
```
#aa66f5 rgb(170,102,245)
```

Split Complementary Color

#f5666a
```
#f5666a rgb(245,102,106)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#666af5
```
#666af5 rgb(102,106,245)
```

Triadic Color

#f5f166
```
#f5f166 rgb(245,241,102)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#666af5
```
#666af5 rgb(102,106,245)
```
#f166f5
```
#f166f5 rgb(241,102,245)
```

Tetradic Color

#24f01e
```
#24f01e rgb(36,240,30)
```
#3bf236
```
#3bf236 rgb(59,242,54)
```
#53f34e
```
#53f34e rgb(83,243,78)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#81f77e
```
#81f77e rgb(129,247,126)
```
#99f896
```
#99f896 rgb(153,248,150)
```
#b0faae
```
#b0faae rgb(176,250,174)
```

Monochromatic Color

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

#8ef566
```
#8ef566 rgb(142,245,102)
```
#82f566
```
#82f566 rgb(130,245,102)
```
#76f566
```
#76f566 rgb(118,245,102)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#66f56e
```
#66f56e rgb(102,245,110)
```
#66f57a
```
#66f57a rgb(102,245,122)
```
#66f586
```
#66f586 rgb(102,245,134)
```

Similar Colors

Text with hexadecimal color #6af566

This text has a font color of #6af566.

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

#6af566 background color

This paragraph has a background color of #6af566.

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

#6af566 border color

This element has a border color of #6af566.

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

CSS codes

.text {color:#6af566;}

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

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

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

#010d01
```
#010d01 rgb(1,13,1)
```
#031f02
```
#031f02 rgb(3,31,2)
```
#053203
```
#053203 rgb(5,50,3)
```
#064404
```
#064404 rgb(6,68,4)
```
#085606
```
#085606 rgb(8,86,6)
```
#0a6907
```
#0a6907 rgb(10,105,7)
```
#0b7b08
```
#0b7b08 rgb(11,123,8)
```
#0d8e09
```
#0d8e09 rgb(13,142,9)
```
#0fa00a
```
#0fa00a rgb(15,160,10)
```
#10b20c
```
#10b20c rgb(16,178,12)
```
#12c50d
```
#12c50d rgb(18,197,13)
```
#14d70e
```
#14d70e rgb(20,215,14)
```
#15ea0f
```
#15ea0f rgb(21,234,15)
```

Shade Color Variation

#22f01c
```
#22f01c rgb(34,240,28)
```
#34f12f
```
#34f12f rgb(52,241,47)
```
#46f341
```
#46f341 rgb(70,243,65)
```
#58f454
```
#58f454 rgb(88,244,84)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#7cf678
```
#7cf678 rgb(124,246,120)
```
#8ef78b
```
#8ef78b rgb(142,247,139)
```
#a0f99d
```
#a0f99d rgb(160,249,157)
```
#b2fab0
```
#b2fab0 rgb(178,250,176)
```
#c4fbc2
```
#c4fbc2 rgb(196,251,194)
```
#d6fcd4
```
#d6fcd4 rgb(214,252,212)
```
#e8fde7
```
#e8fde7 rgb(232,253,231)
```
#f9fff9
```
#f9fff9 rgb(249,255,249)
```

Tint Color Variation

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

#abb0ab
```
#abb0ab rgb(171,176,171)
```
#a5b6a5
```
#a5b6a5 rgb(165,182,165)
```
#9fbd9e
```
#9fbd9e rgb(159,189,158)
```
#99c398
```
#99c398 rgb(153,195,152)
```
#93c992
```
#93c992 rgb(147,201,146)
```
#8ecf8c
```
#8ecf8c rgb(142,207,140)
```
#88d685
```
#88d685 rgb(136,214,133)
```
#82dc7f
```
#82dc7f rgb(130,220,127)
```
#7ce279
```
#7ce279 rgb(124,226,121)
```
#76e873
```
#76e873 rgb(118,232,115)
```
#70ef6c
```
#70ef6c rgb(112,239,108)
```
#6af566
```
#6af566 rgb(106,245,102)
```
#64fb60
```
#64fb60 rgb(100,251,96)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#abc7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db65 Protanopia 1% of men
#ffd39b Deuteranopia 1% of men
#97e7f7 Tritanopia 0.001% of the population

Trichromacy

#c0e465 Protanomaly 1% of men, 0.01% of women
#c8df88 Deuteranomaly 6% of men, 0.4% of women
#86ecc2 Tritanomaly 0.01% of the population

#6af566 hex color

#6af566 Color Information

#6af566 Color Conversion

Color Schemes with #6af566

Alternatives to #6af566

#6af566 Preview

Shades and Tints of #6af566

Tones of #6af566

Color Blindness Simulator