#5af66e hex color

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

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

● #5af66e color description : Soft lime green.

The hexadecimal color #5af66e has RGB values of R:90, G:246, B:110 and CMYK values of C:0.63, M:0, Y:0.55, K:0.04. Its decimal value is 5961326.

Hex triplet	5af66e	`#5af66e`
RGB Decimal	90, 246, 110	`rgb(90,246,110)`
RGB Percent	35.3, 96.5, 43.1	`rgb(35.3%,96.5%,43.1%)`
CMYK	63, 0, 55, 4
HSL	127.7°, 89.7, 65.9	`hsl(127.7,89.7%,65.9%)`
HSV (or HSB)	127.7°, 63.4, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.607, -67.624, 52.825
XYZ	39.984, 69.207, 26.002
xyY	0.296, 0.512, 69.207
CIE-LCH	86.607, 85.811, 142.005
CIE-LUV	86.607, -66.988, 79.294
Hunter-Lab	83.191, -59.791, 39.702
Binary	01011010, 11110110, 01101110

#5af66e
```
#5af66e rgb(90,246,110)
```
#f65ae2
```
#f65ae2 rgb(246,90,226)
```

Complementary Color

#94f65a
```
#94f65a rgb(148,246,90)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#5af6bc
```
#5af6bc rgb(90,246,188)
```

Analogous Color

#f65a94
```
#f65a94 rgb(246,90,148)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#bc5af6
```
#bc5af6 rgb(188,90,246)
```

Split Complementary Color

#f66e5a
```
#f66e5a rgb(246,110,90)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#6e5af6
```
#6e5af6 rgb(110,90,246)
```

Triadic Color

#e2f65a
```
#e2f65a rgb(226,246,90)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#6e5af6
```
#6e5af6 rgb(110,90,246)
```
#f65ae2
```
#f65ae2 rgb(246,90,226)
```

Tetradic Color

#11f22e
```
#11f22e rgb(17,242,46)
```
#2af343
```
#2af343 rgb(42,243,67)
```
#42f559
```
#42f559 rgb(66,245,89)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#72f783
```
#72f783 rgb(114,247,131)
```
#8af999
```
#8af999 rgb(138,249,153)
```
#a3faae
```
#a3faae rgb(163,250,174)
```

Monochromatic Color

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

#6df65a
```
#6df65a rgb(109,246,90)
```
#60f65a
```
#60f65a rgb(96,246,90)
```
#5af661
```
#5af661 rgb(90,246,97)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#5af67b
```
#5af67b rgb(90,246,123)
```
#5af688
```
#5af688 rgb(90,246,136)
```
#5af695
```
#5af695 rgb(90,246,149)
```

Similar Colors

Text with hexadecimal color #5af66e

This text has a font color of #5af66e.

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

#5af66e background color

This paragraph has a background color of #5af66e.

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

#5af66e border color

This element has a border color of #5af66e.

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

CSS codes

.text {color:#5af66e;}

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

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

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)
```
#011504
```
#011504 rgb(1,21,4)
```
#022807
```
#022807 rgb(2,40,7)
```
#033a0a
```
#033a0a rgb(3,58,10)
```
#044d0d
```
#044d0d rgb(4,77,13)
```
#055f11
```
#055f11 rgb(5,95,17)
```
#067214
```
#067214 rgb(6,114,20)
```
#078517
```
#078517 rgb(7,133,23)
```
#08971b
```
#08971b rgb(8,151,27)
```
#09aa1e
```
#09aa1e rgb(9,170,30)
```
#0abc21
```
#0abc21 rgb(10,188,33)
```
#0bcf24
```
#0bcf24 rgb(11,207,36)
```
#0ce228
```
#0ce228 rgb(12,226,40)
```

Shade Color Variation

#10f22d
```
#10f22d rgb(16,242,45)
```
#22f33d
```
#22f33d rgb(34,243,61)
```
#35f44d
```
#35f44d rgb(53,244,77)
```
#47f55e
```
#47f55e rgb(71,245,94)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#6df77e
```
#6df77e rgb(109,247,126)
```
#7ff88f
```
#7ff88f rgb(127,248,143)
```
#92f99f
```
#92f99f rgb(146,249,159)
```
#a4faaf
```
#a4faaf rgb(164,250,175)
```
#b7fbc0
```
#b7fbc0 rgb(183,251,192)
```
#cafcd0
```
#cafcd0 rgb(202,252,208)
```
#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 #53fd69 is the most saturated one.

#a4aca5
```
#a4aca5 rgb(164,172,165)
```
#9db3a0
```
#9db3a0 rgb(157,179,160)
```
#96ba9b
```
#96ba9b rgb(150,186,155)
```
#90c096
```
#90c096 rgb(144,192,150)
```
#89c791
```
#89c791 rgb(137,199,145)
```
#82ce8c
```
#82ce8c rgb(130,206,140)
```
#7bd587
```
#7bd587 rgb(123,213,135)
```
#75db82
```
#75db82 rgb(117,219,130)
```
#6ee27d
```
#6ee27d rgb(110,226,125)
```
#67e978
```
#67e978 rgb(103,233,120)
```
#61ef73
```
#61ef73 rgb(97,239,115)
```
#5af66e
```
#5af66e rgb(90,246,110)
```
#53fd69
```
#53fd69 rgb(83,253,105)
```

Tone Color Variation

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

#f1da6c Protanopia 1% of men
#ffd39d Deuteranopia 1% of men
#8de8f9 Tritanopia 0.001% of the population

Trichromacy

#bae46d Protanomaly 1% of men, 0.01% of women
#c3e08c Deuteranomaly 6% of men, 0.4% of women
#7aedc6 Tritanomaly 0.01% of the population

#5af66e hex color

#5af66e Color Information

#5af66e Color Conversion

Color Schemes with #5af66e

Alternatives to #5af66e

#5af66e Preview

Shades and Tints of #5af66e

Tones of #5af66e

Color Blindness Simulator