#5af668 hex color

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

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

● #5af668 color description : Soft lime green.

The hexadecimal color #5af668 has RGB values of R:90, G:246, B:104 and CMYK values of C:0.63, M:0, Y:0.58, K:0.04. Its decimal value is 5961320.

Hex triplet	5af668	`#5af668`
RGB Decimal	90, 246, 104	`rgb(90,246,104)`
RGB Percent	35.3, 96.5, 40.8	`rgb(35.3%,96.5%,40.8%)`
CMYK	63, 0, 58, 4
HSL	125.4°, 89.7, 65.9	`hsl(125.4,89.7%,65.9%)`
HSV (or HSB)	125.4°, 63.4, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.544, -68.344, 55.421
XYZ	39.669, 69.081, 24.339
xyY	0.298, 0.519, 69.081
CIE-LCH	86.544, 87.99, 140.961
CIE-LUV	86.544, -67.201, 81.922
Hunter-Lab	83.115, -60.258, 40.818
Binary	01011010, 11110110, 01101000

#5af668
```
#5af668 rgb(90,246,104)
```
#f65ae8
```
#f65ae8 rgb(246,90,232)
```

Complementary Color

#9af65a
```
#9af65a rgb(154,246,90)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#5af6b6
```
#5af6b6 rgb(90,246,182)
```

Analogous Color

#f65a9a
```
#f65a9a rgb(246,90,154)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#b65af6
```
#b65af6 rgb(182,90,246)
```

Split Complementary Color

#f6685a
```
#f6685a rgb(246,104,90)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#685af6
```
#685af6 rgb(104,90,246)
```

Triadic Color

#e8f65a
```
#e8f65a rgb(232,246,90)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#685af6
```
#685af6 rgb(104,90,246)
```
#f65ae8
```
#f65ae8 rgb(246,90,232)
```

Tetradic Color

#11f226
```
#11f226 rgb(17,242,38)
```
#2af33c
```
#2af33c rgb(42,243,60)
```
#42f552
```
#42f552 rgb(66,245,82)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#72f77e
```
#72f77e rgb(114,247,126)
```
#8af994
```
#8af994 rgb(138,249,148)
```
#a3faaa
```
#a3faaa rgb(163,250,170)
```

Monochromatic Color

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

#73f65a
```
#73f65a rgb(115,246,90)
```
#66f65a
```
#66f65a rgb(102,246,90)
```
#5af65b
```
#5af65b rgb(90,246,91)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#5af675
```
#5af675 rgb(90,246,117)
```
#5af682
```
#5af682 rgb(90,246,130)
```
#5af68f
```
#5af68f rgb(90,246,143)
```

Similar Colors

Text with hexadecimal color #5af668

This text has a font color of #5af668.

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

#5af668 background color

This paragraph has a background color of #5af668.

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

#5af668 border color

This element has a border color of #5af668.

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

CSS codes

.text {color:#5af668;}

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

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

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)
```
#055f0d
```
#055f0d rgb(5,95,13)
```
#067210
```
#067210 rgb(6,114,16)
```
#078512
```
#078512 rgb(7,133,18)
```
#089715
```
#089715 rgb(8,151,21)
```
#09aa18
```
#09aa18 rgb(9,170,24)
```
#0abc1a
```
#0abc1a rgb(10,188,26)
```
#0bcf1d
```
#0bcf1d rgb(11,207,29)
```
#0ce21f
```
#0ce21f rgb(12,226,31)
```

Shade Color Variation

#10f224
```
#10f224 rgb(16,242,36)
```
#22f335
```
#22f335 rgb(34,243,53)
```
#35f446
```
#35f446 rgb(53,244,70)
```
#47f557
```
#47f557 rgb(71,245,87)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#6df779
```
#6df779 rgb(109,247,121)
```
#7ff88a
```
#7ff88a rgb(127,248,138)
```
#92f99b
```
#92f99b rgb(146,249,155)
```
#a4faac
```
#a4faac rgb(164,250,172)
```
#b7fbbd
```
#b7fbbd rgb(183,251,189)
```
#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 #53fd63 is the most saturated one.

#a4aca4
```
#a4aca4 rgb(164,172,164)
```
#9db39f
```
#9db39f rgb(157,179,159)
```
#96ba99
```
#96ba99 rgb(150,186,153)
```
#90c094
```
#90c094 rgb(144,192,148)
```
#89c78e
```
#89c78e rgb(137,199,142)
```
#82ce89
```
#82ce89 rgb(130,206,137)
```
#7bd583
```
#7bd583 rgb(123,213,131)
```
#75db7e
```
#75db7e rgb(117,219,126)
```
#6ee278
```
#6ee278 rgb(110,226,120)
```
#67e973
```
#67e973 rgb(103,233,115)
```
#61ef6d
```
#61ef6d rgb(97,239,109)
```
#5af668
```
#5af668 rgb(90,246,104)
```
#53fd63
```
#53fd63 rgb(83,253,99)
```

Tone Color Variation

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

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

Trichromacy

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

#5af668 hex color

#5af668 Color Information

#5af668 Color Conversion

Color Schemes with #5af668

Alternatives to #5af668

#5af668 Preview

Shades and Tints of #5af668

Tones of #5af668

Color Blindness Simulator