#7af660 hex color

In a RGB color space, hex #7af660 is composed of 47.8% red, 96.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 0% magenta, 61% yellow and 3.5% black. It has a hue angle of 109.6 degrees, a saturation of 89.3% and a lightness of 67.1%. #7af660 color hex could be obtained by blending #f4ffc0 with #00ed00. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 48
- G 96
- B 38
RGB color chart
- C 50
- M 0
- Y 61
- K 4
CMYK color chart

● #7af660 color description : Soft lime green.

The hexadecimal color #7af660 has RGB values of R:122, G:246, B:96 and CMYK values of C:0.5, M:0, Y:0.61, K:0.04. Its decimal value is 8058464.

Hex triplet	7af660	`#7af660`
RGB Decimal	122, 246, 96	`rgb(122,246,96)`
RGB Percent	47.8, 96.5, 37.6	`rgb(47.8%,96.5%,37.6%)`
CMYK	50, 0, 61, 4
HSL	109.6°, 89.3, 67.1	`hsl(109.6,89.3%,67.1%)`
HSV (or HSB)	109.6°, 61, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	87.432, -61.719, 60.127
XYZ	43.091, 70.891, 22.478
xyY	0.316, 0.519, 70.891
CIE-LCH	87.432, 86.166, 135.748
CIE-LUV	87.432, -57.975, 85.441
Hunter-Lab	84.197, -55.989, 43.109
Binary	01111010, 11110110, 01100000

#7af660
```
#7af660 rgb(122,246,96)
```
#dc60f6
```
#dc60f6 rgb(220,96,246)
```

Complementary Color

#c5f660
```
#c5f660 rgb(197,246,96)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#60f691
```
#60f691 rgb(96,246,145)
```

Analogous Color

#f660c5
```
#f660c5 rgb(246,96,197)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#9160f6
```
#9160f6 rgb(145,96,246)
```

Split Complementary Color

#f6607a
```
#f6607a rgb(246,96,122)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#607af6
```
#607af6 rgb(96,122,246)
```

Triadic Color

#f6dc60
```
#f6dc60 rgb(246,220,96)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#607af6
```
#607af6 rgb(96,122,246)
```
#dc60f6
```
#dc60f6 rgb(220,96,246)
```

Tetradic Color

#3df218
```
#3df218 rgb(61,242,24)
```
#52f330
```
#52f330 rgb(82,243,48)
```
#66f548
```
#66f548 rgb(102,245,72)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#8ef778
```
#8ef778 rgb(142,247,120)
```
#a2f990
```
#a2f990 rgb(162,249,144)
```
#b7faa8
```
#b7faa8 rgb(183,250,168)
```

Monochromatic Color

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

#a0f660
```
#a0f660 rgb(160,246,96)
```
#93f660
```
#93f660 rgb(147,246,96)
```
#87f660
```
#87f660 rgb(135,246,96)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#6ef660
```
#6ef660 rgb(110,246,96)
```
#61f660
```
#61f660 rgb(97,246,96)
```
#60f66c
```
#60f66c rgb(96,246,108)
```

Similar Colors

Text with hexadecimal color #7af660

This text has a font color of #7af660.

<span style="color:#7af660;">Text here</span>

#7af660 background color

This paragraph has a background color of #7af660.

<p style="background-color:#7af660;">Content here</p>

#7af660 border color

This element has a border color of #7af660.

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

CSS codes

.text {color:#7af660;}

.background {background-color:#7af660;}

.border {border:1px solid #7af660;}

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

#020800
```
#020800 rgb(2,8,0)
```
#061b02
```
#061b02 rgb(6,27,2)
```
#0a2d03
```
#0a2d03 rgb(10,45,3)
```
#0e4004
```
#0e4004 rgb(14,64,4)
```
#125205
```
#125205 rgb(18,82,5)
```
#166506
```
#166506 rgb(22,101,6)
```
#1a7707
```
#1a7707 rgb(26,119,7)
```
#1e8a08
```
#1e8a08 rgb(30,138,8)
```
#229d09
```
#229d09 rgb(34,157,9)
```
#27af0a
```
#27af0a rgb(39,175,10)
```
#2bc20b
```
#2bc20b rgb(43,194,11)
```
#2fd40c
```
#2fd40c rgb(47,212,12)
```
#33e70d
```
#33e70d rgb(51,231,13)
```

Shade Color Variation

#3cf216
```
#3cf216 rgb(60,242,22)
```
#4bf328
```
#4bf328 rgb(75,243,40)
```
#5bf43b
```
#5bf43b rgb(91,244,59)
```
#6af54d
```
#6af54d rgb(106,245,77)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#8af773
```
#8af773 rgb(138,247,115)
```
#99f885
```
#99f885 rgb(153,248,133)
```
#a9f998
```
#a9f998 rgb(169,249,152)
```
#b8faaa
```
#b8faaa rgb(184,250,170)
```
#c8fbbd
```
#c8fbbd rgb(200,251,189)
```
#d7fccf
```
#d7fccf rgb(215,252,207)
```
#e7fde2
```
#e7fde2 rgb(231,253,226)
```
#f6fef5
```
#f6fef5 rgb(246,254,245)
```

Tint Color Variation

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

#a8afa7
```
#a8afa7 rgb(168,175,167)
```
#a4b5a1
```
#a4b5a1 rgb(164,181,161)
```
#a0bc9a
```
#a0bc9a rgb(160,188,154)
```
#9cc294
```
#9cc294 rgb(156,194,148)
```
#98c98d
```
#98c98d rgb(152,201,141)
```
#93cf87
```
#93cf87 rgb(147,207,135)
```
#8fd680
```
#8fd680 rgb(143,214,128)
```
#8bdc7a
```
#8bdc7a rgb(139,220,122)
```
#87e373
```
#87e373 rgb(135,227,115)
```
#82e96d
```
#82e96d rgb(130,233,109)
```
#7ef066
```
#7ef066 rgb(126,240,102)
```
#7af660
```
#7af660 rgb(122,246,96)
```
#76fc5a
```
#76fc5a rgb(118,252,90)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2cbad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5dd60 Protanopia 1% of men
#ffd6a2 Deuteranopia 1% of men
#a2e7f8 Tritanopia 0.001% of the population

Trichromacy

#c8e660 Protanomaly 1% of men, 0.01% of women
#cee18a Deuteranomaly 6% of men, 0.4% of women
#93ecc1 Tritanomaly 0.01% of the population

#7af660 hex color

#7af660 Color Information

#7af660 Color Conversion

Color Schemes with #7af660

Alternatives to #7af660

#7af660 Preview

Shades and Tints of #7af660

Tones of #7af660

Color Blindness Simulator