#5af66c hex color

In a RGB color space, hex #5af66c is composed of 35.3% red, 96.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 56.1% yellow and 3.5% black. It has a hue angle of 126.9 degrees, a saturation of 89.7% and a lightness of 65.9%. #5af66c color hex could be obtained by blending #b4ffd8 with #00ed00. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 35
- G 96
- B 42
RGB color chart
- C 63
- M 0
- Y 56
- K 4
CMYK color chart

● #5af66c color description : Soft lime green.

The hexadecimal color #5af66c has RGB values of R:90, G:246, B:108 and CMYK values of C:0.63, M:0, Y:0.56, K:0.04. Its decimal value is 5961324.

Hex triplet	5af66c	`#5af66c`
RGB Decimal	90, 246, 108	`rgb(90,246,108)`
RGB Percent	35.3, 96.5, 42.4	`rgb(35.3%,96.5%,42.4%)`
CMYK	63, 0, 56, 4
HSL	126.9°, 89.7, 65.9	`hsl(126.9,89.7%,65.9%)`
HSV (or HSB)	126.9°, 63.4, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.585, -67.869, 53.697
XYZ	39.877, 69.164, 25.435
xyY	0.297, 0.514, 69.164
CIE-LCH	86.585, 86.542, 141.65
CIE-LUV	86.585, -67.06, 80.187
Hunter-Lab	83.165, -59.95, 40.082
Binary	01011010, 11110110, 01101100

#5af66c
```
#5af66c rgb(90,246,108)
```
#f65ae4
```
#f65ae4 rgb(246,90,228)
```

Complementary Color

#96f65a
```
#96f65a rgb(150,246,90)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#5af6ba
```
#5af6ba rgb(90,246,186)
```

Analogous Color

#f65a96
```
#f65a96 rgb(246,90,150)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#ba5af6
```
#ba5af6 rgb(186,90,246)
```

Split Complementary Color

#f66c5a
```
#f66c5a rgb(246,108,90)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#6c5af6
```
#6c5af6 rgb(108,90,246)
```

Triadic Color

#e4f65a
```
#e4f65a rgb(228,246,90)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#6c5af6
```
#6c5af6 rgb(108,90,246)
```
#f65ae4
```
#f65ae4 rgb(246,90,228)
```

Tetradic Color

#11f22b
```
#11f22b rgb(17,242,43)
```
#2af341
```
#2af341 rgb(42,243,65)
```
#42f556
```
#42f556 rgb(66,245,86)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#72f782
```
#72f782 rgb(114,247,130)
```
#8af997
```
#8af997 rgb(138,249,151)
```
#a3faad
```
#a3faad rgb(163,250,173)
```

Monochromatic Color

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

#6ff65a
```
#6ff65a rgb(111,246,90)
```
#62f65a
```
#62f65a rgb(98,246,90)
```
#5af65f
```
#5af65f rgb(90,246,95)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#5af679
```
#5af679 rgb(90,246,121)
```
#5af686
```
#5af686 rgb(90,246,134)
```
#5af693
```
#5af693 rgb(90,246,147)
```

Similar Colors

Text with hexadecimal color #5af66c

This text has a font color of #5af66c.

<span style="color:#5af66c;">Text here</span>

#5af66c background color

This paragraph has a background color of #5af66c.

<p style="background-color:#5af66c;">Content here</p>

#5af66c border color

This element has a border color of #5af66c.

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

CSS codes

.text {color:#5af66c;}

.background {background-color:#5af66c;}

.border {border:1px solid #5af66c;}

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

#000200
```
#000200 rgb(0,2,0)
```
#011503
```
#011503 rgb(1,21,3)
```
#022806
```
#022806 rgb(2,40,6)
```
#033a0a
```
#033a0a rgb(3,58,10)
```
#044d0d
```
#044d0d rgb(4,77,13)
```
#055f10
```
#055f10 rgb(5,95,16)
```
#067213
```
#067213 rgb(6,114,19)
```
#078516
```
#078516 rgb(7,133,22)
```
#089719
```
#089719 rgb(8,151,25)
```
#09aa1c
```
#09aa1c rgb(9,170,28)
```
#0abc1f
```
#0abc1f rgb(10,188,31)
```
#0bcf22
```
#0bcf22 rgb(11,207,34)
```
#0ce225
```
#0ce225 rgb(12,226,37)
```

Shade Color Variation

#10f22a
```
#10f22a rgb(16,242,42)
```
#22f33a
```
#22f33a rgb(34,243,58)
```
#35f44b
```
#35f44b rgb(53,244,75)
```
#47f55b
```
#47f55b rgb(71,245,91)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#6df77d
```
#6df77d rgb(109,247,125)
```
#7ff88d
```
#7ff88d rgb(127,248,141)
```
#92f99e
```
#92f99e rgb(146,249,158)
```
#a4faae
```
#a4faae rgb(164,250,174)
```
#b7fbbf
```
#b7fbbf rgb(183,251,191)
```
#cafccf
```
#cafccf rgb(202,252,207)
```
#dcfde0
```
#dcfde0 rgb(220,253,224)
```
#effef1
```
#effef1 rgb(239,254,241)
```

Tint Color Variation

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

#a4aca5
```
#a4aca5 rgb(164,172,165)
```
#9db39f
```
#9db39f rgb(157,179,159)
```
#96ba9a
```
#96ba9a rgb(150,186,154)
```
#90c095
```
#90c095 rgb(144,192,149)
```
#89c790
```
#89c790 rgb(137,199,144)
```
#82ce8b
```
#82ce8b rgb(130,206,139)
```
#7bd586
```
#7bd586 rgb(123,213,134)
```
#75db81
```
#75db81 rgb(117,219,129)
```
#6ee27b
```
#6ee27b rgb(110,226,123)
```
#67e976
```
#67e976 rgb(103,233,118)
```
#61ef71
```
#61ef71 rgb(97,239,113)
```
#5af66c
```
#5af66c rgb(90,246,108)
```
#53fd67
```
#53fd67 rgb(83,253,103)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a5c4a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da6b Protanopia 1% of men
#ffd39c Deuteranopia 1% of men
#8de8f9 Tritanopia 0.001% of the population

Trichromacy

#bae46b Protanomaly 1% of men, 0.01% of women
#c3e08a Deuteranomaly 6% of men, 0.4% of women
#7aedc5 Tritanomaly 0.01% of the population

#5af66c hex color

#5af66c Color Information

#5af66c Color Conversion

Color Schemes with #5af66c

Alternatives to #5af66c

#5af66c Preview

Shades and Tints of #5af66c

Tones of #5af66c

Color Blindness Simulator