#5adf96 hex color

In a RGB color space, hex #5adf96 is composed of 35.3% red, 87.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 32.7% yellow and 12.5% black. It has a hue angle of 147.1 degrees, a saturation of 67.5% and a lightness of 61.4%. #5adf96 color hex could be obtained by blending #b4ffff with #00bf2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 87
- B 59
RGB color chart
- C 60
- M 0
- Y 33
- K 13
CMYK color chart

● #5adf96 color description : Soft cyan - lime green.

The hexadecimal color #5adf96 has RGB values of R:90, G:223, B:150 and CMYK values of C:0.6, M:0, Y:0.33, K:0.13. Its decimal value is 5955478.

Hex triplet	5adf96	`#5adf96`
RGB Decimal	90, 223, 150	`rgb(90,223,150)`
RGB Percent	35.3, 87.5, 58.8	`rgb(35.3%,87.5%,58.8%)`
CMYK	60, 0, 33, 13
HSL	147.1°, 67.5, 61.4	`hsl(147.1,67.5%,61.4%)`
HSV (or HSB)	147.1°, 59.6, 87.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	80.263, -52.805, 25.183
XYZ	36.107, 57.148, 37.98
xyY	0.275, 0.435, 57.148
CIE-LCH	80.263, 58.503, 154.503
CIE-LUV	80.263, -56.819, 44.12
Hunter-Lab	75.596, -47.037, 23.13
Binary	01011010, 11011111, 10010110

#5adf96
```
#5adf96 rgb(90,223,150)
```
#df5aa3
```
#df5aa3 rgb(223,90,163)
```

Complementary Color

#61df5a
```
#61df5a rgb(97,223,90)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#5adfd9
```
#5adfd9 rgb(90,223,217)
```

Analogous Color

#df5a61
```
#df5a61 rgb(223,90,97)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#d95adf
```
#d95adf rgb(217,90,223)
```

Split Complementary Color

#df965a
```
#df965a rgb(223,150,90)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#965adf
```
#965adf rgb(150,90,223)
```

Triadic Color

#a3df5a
```
#a3df5a rgb(163,223,90)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#965adf
```
#965adf rgb(150,90,223)
```
#df5aa3
```
#df5aa3 rgb(223,90,163)
```

Tetradic Color

#26c66e
```
#26c66e rgb(38,198,110)
```
#2fd77b
```
#2fd77b rgb(47,215,123)
```
#45db88
```
#45db88 rgb(69,219,136)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#6fe3a4
```
#6fe3a4 rgb(111,227,164)
```
#85e7b1
```
#85e7b1 rgb(133,231,177)
```
#9aebbf
```
#9aebbf rgb(154,235,191)
```

Monochromatic Color

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

#5adf75
```
#5adf75 rgb(90,223,117)
```
#5adf80
```
#5adf80 rgb(90,223,128)
```
#5adf8b
```
#5adf8b rgb(90,223,139)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#5adfa1
```
#5adfa1 rgb(90,223,161)
```
#5adfac
```
#5adfac rgb(90,223,172)
```
#5adfb7
```
#5adfb7 rgb(90,223,183)
```

Similar Colors

Text with hexadecimal color #5adf96

This text has a font color of #5adf96.

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

#5adf96 background color

This paragraph has a background color of #5adf96.

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

#5adf96 border color

This element has a border color of #5adf96.

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

CSS codes

.text {color:#5adf96;}

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

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

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

#031009
```
#031009 rgb(3,16,9)
```
#062012
```
#062012 rgb(6,32,18)
```
#09311b
```
#09311b rgb(9,49,27)
```
#0d4124
```
#0d4124 rgb(13,65,36)
```
#10512d
```
#10512d rgb(16,81,45)
```
#136237
```
#136237 rgb(19,98,55)
```
#167240
```
#167240 rgb(22,114,64)
```
#198349
```
#198349 rgb(25,131,73)
```
#1d9352
```
#1d9352 rgb(29,147,82)
```
#20a45b
```
#20a45b rgb(32,164,91)
```
#23b464
```
#23b464 rgb(35,180,100)
```
#26c46e
```
#26c46e rgb(38,196,110)
```
#29d577
```
#29d577 rgb(41,213,119)
```

Shade Color Variation

#39d981
```
#39d981 rgb(57,217,129)
```
#4adc8c
```
#4adc8c rgb(74,220,140)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#6ae2a0
```
#6ae2a0 rgb(106,226,160)
```
#7be5ab
```
#7be5ab rgb(123,229,171)
```
#8be9b5
```
#8be9b5 rgb(139,233,181)
```
#9cecc0
```
#9cecc0 rgb(156,236,192)
```
#acefca
```
#acefca rgb(172,239,202)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#cdf5df
```
#cdf5df rgb(205,245,223)
```
#ddf8ea
```
#ddf8ea rgb(221,248,234)
```
#eefcf4
```
#eefcf4 rgb(238,252,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a29c is the less saturated color, while #3cfd93 is the most saturated one.

#97a29c
```
#97a29c rgb(151,162,156)
```
#8faa9b
```
#8faa9b rgb(143,170,155)
```
#87b29a
```
#87b29a rgb(135,178,154)
```
#80b99a
```
#80b99a rgb(128,185,154)
```
#78c199
```
#78c199 rgb(120,193,153)
```
#71c898
```
#71c898 rgb(113,200,152)
```
#69d097
```
#69d097 rgb(105,208,151)
```
#62d797
```
#62d797 rgb(98,215,151)
```
#5adf96
```
#5adf96 rgb(90,223,150)
```
#52e795
```
#52e795 rgb(82,231,149)
```
#4bee95
```
#4bee95 rgb(75,238,149)
```
#43f694
```
#43f694 rgb(67,246,148)
```
#3cfd93
```
#3cfd93 rgb(60,253,147)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c992 Protanopia 1% of men
#e9c2a5 Deuteranopia 1% of men
#7ed7e6 Tritanopia 0.001% of the population

Trichromacy

#aad193 Protanomaly 1% of men, 0.01% of women
#b5cca0 Deuteranomaly 6% of men, 0.4% of women
#71d9c9 Tritanomaly 0.01% of the population

#5adf96 hex color

#5adf96 Color Information

#5adf96 Color Conversion

Color Schemes with #5adf96

Alternatives to #5adf96

#5adf96 Preview

Shades and Tints of #5adf96

Tones of #5adf96

Color Blindness Simulator