#6af676 hex color

In a RGB color space, hex #6af676 is composed of 41.6% red, 96.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 52% yellow and 3.5% black. It has a hue angle of 125.1 degrees, a saturation of 88.6% and a lightness of 69%. #6af676 color hex could be obtained by blending #d4ffec with #00ed00. Closest websafe color is: #66ff66.

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

● #6af676 color description : Soft lime green.

The hexadecimal color #6af676 has RGB values of R:106, G:246, B:118 and CMYK values of C:0.57, M:0, Y:0.52, K:0.04. Its decimal value is 7009910.

Hex triplet	6af676	`#6af676`
RGB Decimal	106, 246, 118	`rgb(106,246,118)`
RGB Percent	41.6, 96.5, 46.3	`rgb(41.6%,96.5%,46.3%)`
CMYK	57, 0, 52, 4
HSL	125.1°, 88.6, 69	`hsl(125.1,88.6%,69%)`
HSV (or HSB)	125.1°, 56.9, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	87.134, -63.201, 49.909
XYZ	42.167, 70.28, 28.482
xyY	0.299, 0.499, 70.28
CIE-LCH	87.134, 80.531, 141.702
CIE-LUV	87.134, -62.436, 75.753
Hunter-Lab	83.833, -56.925, 38.54
Binary	01101010, 11110110, 01110110

#6af676
```
#6af676 rgb(106,246,118)
```
#f66aea
```
#f66aea rgb(246,106,234)
```

Complementary Color

#a4f66a
```
#a4f66a rgb(164,246,106)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#6af6bc
```
#6af6bc rgb(106,246,188)
```

Analogous Color

#f66aa4
```
#f66aa4 rgb(246,106,164)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#bc6af6
```
#bc6af6 rgb(188,106,246)
```

Split Complementary Color

#f6766a
```
#f6766a rgb(246,118,106)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#766af6
```
#766af6 rgb(118,106,246)
```

Triadic Color

#eaf66a
```
#eaf66a rgb(234,246,106)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#766af6
```
#766af6 rgb(118,106,246)
```
#f66aea
```
#f66aea rgb(246,106,234)
```

Tetradic Color

#22f234
```
#22f234 rgb(34,242,52)
```
#3af34a
```
#3af34a rgb(58,243,74)
```
#52f560
```
#52f560 rgb(82,245,96)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#82f78c
```
#82f78c rgb(130,247,140)
```
#9af9a2
```
#9af9a2 rgb(154,249,162)
```
#b2fab8
```
#b2fab8 rgb(178,250,184)
```

Monochromatic Color

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

#81f66a
```
#81f66a rgb(129,246,106)
```
#75f66a
```
#75f66a rgb(117,246,106)
```
#6af66a
```
#6af66a rgb(106,246,106)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#6af682
```
#6af682 rgb(106,246,130)
```
#6af68d
```
#6af68d rgb(106,246,141)
```
#6af699
```
#6af699 rgb(106,246,153)
```

Similar Colors

Text with hexadecimal color #6af676

This text has a font color of #6af676.

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

#6af676 background color

This paragraph has a background color of #6af676.

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

#6af676 border color

This element has a border color of #6af676.

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

CSS codes

.text {color:#6af676;}

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

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

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, #011102 is the darkest color, while #fefffe is the lightest one.

#011102
```
#011102 rgb(1,17,2)
```
#022405
```
#022405 rgb(2,36,5)
```
#033608
```
#033608 rgb(3,54,8)
```
#04490a
```
#04490a rgb(4,73,10)
```
#065b0d
```
#065b0d rgb(6,91,13)
```
#076e0f
```
#076e0f rgb(7,110,15)
```
#088012
```
#088012 rgb(8,128,18)
```
#099315
```
#099315 rgb(9,147,21)
```
#0aa517
```
#0aa517 rgb(10,165,23)
```
#0bb81a
```
#0bb81a rgb(11,184,26)
```
#0cca1d
```
#0cca1d rgb(12,202,29)
```
#0ddd1f
```
#0ddd1f rgb(13,221,31)
```
#0eef22
```
#0eef22 rgb(14,239,34)
```

Shade Color Variation

#20f232
```
#20f232 rgb(32,242,50)
```
#33f343
```
#33f343 rgb(51,243,67)
```
#45f454
```
#45f454 rgb(69,244,84)
```
#58f565
```
#58f565 rgb(88,245,101)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#7cf787
```
#7cf787 rgb(124,247,135)
```
#8ff898
```
#8ff898 rgb(143,248,152)
```
#a1f9a9
```
#a1f9a9 rgb(161,249,169)
```
#b4faba
```
#b4faba rgb(180,250,186)
```
#c6fccb
```
#c6fccb rgb(198,252,203)
```
#d9fddc
```
#d9fddc rgb(217,253,220)
```
#ebfeed
```
#ebfeed rgb(235,254,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#adb3ad
```
#adb3ad rgb(173,179,173)
```
#a7b9a8
```
#a7b9a8 rgb(167,185,168)
```
#a1bfa3
```
#a1bfa3 rgb(161,191,163)
```
#9bc59e
```
#9bc59e rgb(155,197,158)
```
#95cb99
```
#95cb99 rgb(149,203,153)
```
#8ed294
```
#8ed294 rgb(142,210,148)
```
#88d88f
```
#88d88f rgb(136,216,143)
```
#82de8a
```
#82de8a rgb(130,222,138)
```
#7ce485
```
#7ce485 rgb(124,228,133)
```
#76ea80
```
#76ea80 rgb(118,234,128)
```
#70f07b
```
#70f07b rgb(112,240,123)
```
#6af676
```
#6af676 rgb(106,246,118)
```
#64fc71
```
#64fc71 rgb(100,252,113)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#adc9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dc74 Protanopia 1% of men
#ffd5a3 Deuteranopia 1% of men
#95e8f9 Tritanopia 0.001% of the population

Trichromacy

#c0e575 Protanomaly 1% of men, 0.01% of women
#c8e192 Deuteranomaly 6% of men, 0.4% of women
#85edc9 Tritanomaly 0.01% of the population

#6af676 hex color

#6af676 Color Information

#6af676 Color Conversion

Color Schemes with #6af676

Alternatives to #6af676

#6af676 Preview

Shades and Tints of #6af676

Tones of #6af676

Color Blindness Simulator