#6af564 hex color

In a RGB color space, hex #6af564 is composed of 41.6% red, 96.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 0% magenta, 59.2% yellow and 3.9% black. It has a hue angle of 117.5 degrees, a saturation of 87.9% and a lightness of 67.6%. #6af564 color hex could be obtained by blending #d4ffc8 with #00eb00. Closest websafe color is: #66ff66.

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

● #6af564 color description : Soft lime green.

The hexadecimal color #6af564 has RGB values of R:106, G:245, B:100 and CMYK values of C:0.57, M:0, Y:0.59, K:0.04. Its decimal value is 7009636.

Hex triplet	6af564	`#6af564`
RGB Decimal	106, 245, 100	`rgb(106,245,100)`
RGB Percent	41.6, 96.1, 39.2	`rgb(41.6%,96.1%,39.2%)`
CMYK	57, 0, 59, 4
HSL	117.5°, 87.9, 67.6	`hsl(117.5,87.9%,67.6%)`
HSV (or HSB)	117.5°, 59.2, 96.1
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.645, -64.97, 57.392
XYZ	40.894, 69.286, 23.274
xyY	0.306, 0.519, 69.286
CIE-LCH	86.645, 86.689, 138.544
CIE-LUV	86.645, -62.626, 83.238
Hunter-Lab	83.238, -57.971, 41.689
Binary	01101010, 11110101, 01100100

#6af564
```
#6af564 rgb(106,245,100)
```
#ef64f5
```
#ef64f5 rgb(239,100,245)
```

Complementary Color

#b3f564
```
#b3f564 rgb(179,245,100)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#64f5a7
```
#64f5a7 rgb(100,245,167)
```

Analogous Color

#f564b3
```
#f564b3 rgb(245,100,179)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#a764f5
```
#a764f5 rgb(167,100,245)
```

Split Complementary Color

#f5646a
```
#f5646a rgb(245,100,106)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#646af5
```
#646af5 rgb(100,106,245)
```

Triadic Color

#f5ef64
```
#f5ef64 rgb(245,239,100)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#646af5
```
#646af5 rgb(100,106,245)
```
#ef64f5
```
#ef64f5 rgb(239,100,245)
```

Tetradic Color

#25f01c
```
#25f01c rgb(37,240,28)
```
#3cf234
```
#3cf234 rgb(60,242,52)
```
#53f34c
```
#53f34c rgb(83,243,76)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#81f77c
```
#81f77c rgb(129,247,124)
```
#98f894
```
#98f894 rgb(152,248,148)
```
#affaac
```
#affaac rgb(175,250,172)
```

Monochromatic Color

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

#8ef564
```
#8ef564 rgb(142,245,100)
```
#82f564
```
#82f564 rgb(130,245,100)
```
#76f564
```
#76f564 rgb(118,245,100)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#64f56a
```
#64f56a rgb(100,245,106)
```
#64f576
```
#64f576 rgb(100,245,118)
```
#64f582
```
#64f582 rgb(100,245,130)
```

Similar Colors

Text with hexadecimal color #6af564

This text has a font color of #6af564.

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

#6af564 background color

This paragraph has a background color of #6af564.

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

#6af564 border color

This element has a border color of #6af564.

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

CSS codes

.text {color:#6af564;}

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

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

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

#010b01
```
#010b01 rgb(1,11,1)
```
#031d02
```
#031d02 rgb(3,29,2)
```
#053003
```
#053003 rgb(5,48,3)
```
#074204
```
#074204 rgb(7,66,4)
```
#095505
```
#095505 rgb(9,85,5)
```
#0b6707
```
#0b6707 rgb(11,103,7)
```
#0d7908
```
#0d7908 rgb(13,121,8)
```
#0e8c09
```
#0e8c09 rgb(14,140,9)
```
#109e0a
```
#109e0a rgb(16,158,10)
```
#12b10b
```
#12b10b rgb(18,177,11)
```
#14c30d
```
#14c30d rgb(20,195,13)
```
#16d60e
```
#16d60e rgb(22,214,14)
```
#18e80f
```
#18e80f rgb(24,232,15)
```

Shade Color Variation

#23f01a
```
#23f01a rgb(35,240,26)
```
#35f12d
```
#35f12d rgb(53,241,45)
```
#47f33f
```
#47f33f rgb(71,243,63)
```
#58f452
```
#58f452 rgb(88,244,82)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#7cf676
```
#7cf676 rgb(124,246,118)
```
#8df789
```
#8df789 rgb(141,247,137)
```
#9ff99b
```
#9ff99b rgb(159,249,155)
```
#b1faae
```
#b1faae rgb(177,250,174)
```
#c3fbc0
```
#c3fbc0 rgb(195,251,192)
```
#d4fcd3
```
#d4fcd3 rgb(212,252,211)
```
#e6fde5
```
#e6fde5 rgb(230,253,229)
```
#f8fff7
```
#f8fff7 rgb(248,255,247)
```

Tint Color Variation

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

#aaafaa
```
#aaafaa rgb(170,175,170)
```
#a4b6a3
```
#a4b6a3 rgb(164,182,163)
```
#9ebc9d
```
#9ebc9d rgb(158,188,157)
```
#99c297
```
#99c297 rgb(153,194,151)
```
#93c990
```
#93c990 rgb(147,201,144)
```
#8dcf8a
```
#8dcf8a rgb(141,207,138)
```
#87d584
```
#87d584 rgb(135,213,132)
```
#81dc7d
```
#81dc7d rgb(129,220,125)
```
#7be277
```
#7be277 rgb(123,226,119)
```
#76e871
```
#76e871 rgb(118,232,113)
```
#70ef6a
```
#70ef6a rgb(112,239,106)
```
#6af564
```
#6af564 rgb(106,245,100)
```
#64fb5e
```
#64fb5e rgb(100,251,94)
```

Tone Color Variation

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

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

Trichromacy

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

#6af564 hex color

#6af564 Color Information

#6af564 Color Conversion

Color Schemes with #6af564

Alternatives to #6af564

#6af564 Preview

Shades and Tints of #6af564

Tones of #6af564

Color Blindness Simulator