#5af669 hex color

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

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

● #5af669 color description : Soft lime green.

The hexadecimal color #5af669 has RGB values of R:90, G:246, B:105 and CMYK values of C:0.63, M:0, Y:0.57, K:0.04. Its decimal value is 5961321.

Hex triplet	5af669	`#5af669`
RGB Decimal	90, 246, 105	`rgb(90,246,105)`
RGB Percent	35.3, 96.5, 41.2	`rgb(35.3%,96.5%,41.2%)`
CMYK	63, 0, 57, 4
HSL	125.8°, 89.7, 65.9	`hsl(125.8,89.7%,65.9%)`
HSV (or HSB)	125.8°, 63.4, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.554, -68.227, 54.992
XYZ	39.72, 69.102, 24.609
xyY	0.298, 0.518, 69.102
CIE-LCH	86.554, 87.63, 141.131
CIE-LUV	86.554, -67.166, 81.494
Hunter-Lab	83.127, -60.182, 40.637
Binary	01011010, 11110110, 01101001

#5af669
```
#5af669 rgb(90,246,105)
```
#f65ae7
```
#f65ae7 rgb(246,90,231)
```

Complementary Color

#99f65a
```
#99f65a rgb(153,246,90)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#5af6b7
```
#5af6b7 rgb(90,246,183)
```

Analogous Color

#f65a99
```
#f65a99 rgb(246,90,153)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#b75af6
```
#b75af6 rgb(183,90,246)
```

Split Complementary Color

#f6695a
```
#f6695a rgb(246,105,90)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#695af6
```
#695af6 rgb(105,90,246)
```

Triadic Color

#e7f65a
```
#e7f65a rgb(231,246,90)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#695af6
```
#695af6 rgb(105,90,246)
```
#f65ae7
```
#f65ae7 rgb(246,90,231)
```

Tetradic Color

#11f227
```
#11f227 rgb(17,242,39)
```
#2af33d
```
#2af33d rgb(42,243,61)
```
#42f553
```
#42f553 rgb(66,245,83)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#72f77f
```
#72f77f rgb(114,247,127)
```
#8af995
```
#8af995 rgb(138,249,149)
```
#a3faab
```
#a3faab rgb(163,250,171)
```

Monochromatic Color

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

#72f65a
```
#72f65a rgb(114,246,90)
```
#65f65a
```
#65f65a rgb(101,246,90)
```
#5af65c
```
#5af65c rgb(90,246,92)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#5af676
```
#5af676 rgb(90,246,118)
```
#5af683
```
#5af683 rgb(90,246,131)
```
#5af690
```
#5af690 rgb(90,246,144)
```

Similar Colors

Text with hexadecimal color #5af669

This text has a font color of #5af669.

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

#5af669 background color

This paragraph has a background color of #5af669.

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

#5af669 border color

This element has a border color of #5af669.

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

CSS codes

.text {color:#5af669;}

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

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

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 #effef0 is the lightest one.

#000200
```
#000200 rgb(0,2,0)
```
#011503
```
#011503 rgb(1,21,3)
```
#022806
```
#022806 rgb(2,40,6)
```
#033a08
```
#033a08 rgb(3,58,8)
```
#044d0b
```
#044d0b rgb(4,77,11)
```
#055f0e
```
#055f0e rgb(5,95,14)
```
#067211
```
#067211 rgb(6,114,17)
```
#078513
```
#078513 rgb(7,133,19)
```
#089716
```
#089716 rgb(8,151,22)
```
#09aa19
```
#09aa19 rgb(9,170,25)
```
#0abc1b
```
#0abc1b rgb(10,188,27)
```
#0bcf1e
```
#0bcf1e rgb(11,207,30)
```
#0ce221
```
#0ce221 rgb(12,226,33)
```

Shade Color Variation

#10f225
```
#10f225 rgb(16,242,37)
```
#22f336
```
#22f336 rgb(34,243,54)
```
#35f447
```
#35f447 rgb(53,244,71)
```
#47f558
```
#47f558 rgb(71,245,88)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#6df77a
```
#6df77a rgb(109,247,122)
```
#7ff88b
```
#7ff88b rgb(127,248,139)
```
#92f99c
```
#92f99c rgb(146,249,156)
```
#a4faad
```
#a4faad rgb(164,250,173)
```
#b7fbbe
```
#b7fbbe rgb(183,251,190)
```
#cafcce
```
#cafcce rgb(202,252,206)
```
#dcfddf
```
#dcfddf rgb(220,253,223)
```
#effef0
```
#effef0 rgb(239,254,240)
```

Tint Color Variation

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

#a4aca4
```
#a4aca4 rgb(164,172,164)
```
#9db39f
```
#9db39f rgb(157,179,159)
```
#96ba9a
```
#96ba9a rgb(150,186,154)
```
#90c094
```
#90c094 rgb(144,192,148)
```
#89c78f
```
#89c78f rgb(137,199,143)
```
#82ce89
```
#82ce89 rgb(130,206,137)
```
#7bd584
```
#7bd584 rgb(123,213,132)
```
#75db7f
```
#75db7f rgb(117,219,127)
```
#6ee279
```
#6ee279 rgb(110,226,121)
```
#67e974
```
#67e974 rgb(103,233,116)
```
#61ef6e
```
#61ef6e rgb(97,239,110)
```
#5af669
```
#5af669 rgb(90,246,105)
```
#53fd64
```
#53fd64 rgb(83,253,100)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a4c4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da68 Protanopia 1% of men
#ffd39b Deuteranopia 1% of men
#8de8f9 Tritanopia 0.001% of the population

Trichromacy

#bae468 Protanomaly 1% of men, 0.01% of women
#c3e089 Deuteranomaly 6% of men, 0.4% of women
#7aedc4 Tritanomaly 0.01% of the population

#5af669 hex color

#5af669 Color Information

#5af669 Color Conversion

Color Schemes with #5af669

Alternatives to #5af669

#5af669 Preview

Shades and Tints of #5af669

Tones of #5af669

Color Blindness Simulator