#5aed96 hex color

In a RGB color space, hex #5aed96 is composed of 35.3% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 144.5 degrees, a saturation of 80.3% and a lightness of 64.1%. #5aed96 color hex could be obtained by blending #b4ffff with #00db2d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 93
- B 59
RGB color chart
- C 62
- M 0
- Y 37
- K 7
CMYK color chart

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

The hexadecimal color #5aed96 has RGB values of R:90, G:237, B:150 and CMYK values of C:0.62, M:0, Y:0.37, K:0.07. Its decimal value is 5959062.

Hex triplet	5aed96	`#5aed96`
RGB Decimal	90, 237, 150	`rgb(90,237,150)`
RGB Percent	35.3, 92.9, 58.8	`rgb(35.3%,92.9%,58.8%)`
CMYK	62, 0, 37, 7
HSL	144.5°, 80.3, 64.1	`hsl(144.5,80.3%,64.1%)`
HSV (or HSB)	144.5°, 62, 92.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	84.453, -58.284, 30.821
XYZ	40.003, 64.941, 39.279
xyY	0.277, 0.45, 64.941
CIE-LCH	84.453, 65.931, 152.13
CIE-LUV	84.453, -62.009, 52.698
Hunter-Lab	80.586, -52.417, 27.511
Binary	01011010, 11101101, 10010110

#5aed96
```
#5aed96 rgb(90,237,150)
```
#ed5ab1
```
#ed5ab1 rgb(237,90,177)
```

Complementary Color

#68ed5a
```
#68ed5a rgb(104,237,90)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#5aede0
```
#5aede0 rgb(90,237,224)
```

Analogous Color

#ed5a68
```
#ed5a68 rgb(237,90,104)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#e05aed
```
#e05aed rgb(224,90,237)
```

Split Complementary Color

#ed965a
```
#ed965a rgb(237,150,90)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#965aed
```
#965aed rgb(150,90,237)
```

Triadic Color

#b1ed5a
```
#b1ed5a rgb(177,237,90)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#965aed
```
#965aed rgb(150,90,237)
```
#ed5ab1
```
#ed5ab1 rgb(237,90,177)
```

Tetradic Color

#19e26b
```
#19e26b rgb(25,226,107)
```
#2ce879
```
#2ce879 rgb(44,232,121)
```
#43ea87
```
#43ea87 rgb(67,234,135)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#71f0a5
```
#71f0a5 rgb(113,240,165)
```
#88f2b3
```
#88f2b3 rgb(136,242,179)
```
#9ff5c2
```
#9ff5c2 rgb(159,245,194)
```

Monochromatic Color

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

#5aed71
```
#5aed71 rgb(90,237,113)
```
#5aed7e
```
#5aed7e rgb(90,237,126)
```
#5aed8a
```
#5aed8a rgb(90,237,138)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#5aeda2
```
#5aeda2 rgb(90,237,162)
```
#5aedaf
```
#5aedaf rgb(90,237,175)
```
#5aedbb
```
#5aedbb rgb(90,237,187)
```

Similar Colors

Text with hexadecimal color #5aed96

This text has a font color of #5aed96.

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

#5aed96 background color

This paragraph has a background color of #5aed96.

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

#5aed96 border color

This element has a border color of #5aed96.

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

CSS codes

.text {color:#5aed96;}

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

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

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, #010c06 is the darkest color, while #f9fefb is the lightest one.

#010c06
```
#010c06 rgb(1,12,6)
```
#031e0e
```
#031e0e rgb(3,30,14)
```
#052f16
```
#052f16 rgb(5,47,22)
```
#07411f
```
#07411f rgb(7,65,31)
```
#095327
```
#095327 rgb(9,83,39)
```
#0b642f
```
#0b642f rgb(11,100,47)
```
#0d7638
```
#0d7638 rgb(13,118,56)
```
#0f8840
```
#0f8840 rgb(15,136,64)
```
#119948
```
#119948 rgb(17,153,72)
```
#13ab51
```
#13ab51 rgb(19,171,81)
```
#15bd59
```
#15bd59 rgb(21,189,89)
```
#17ce62
```
#17ce62 rgb(23,206,98)
```
#18e06a
```
#18e06a rgb(24,224,106)
```

Shade Color Variation

#25e774
```
#25e774 rgb(37,231,116)
```
#37e97f
```
#37e97f rgb(55,233,127)
```
#48eb8b
```
#48eb8b rgb(72,235,139)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#6cefa1
```
#6cefa1 rgb(108,239,161)
```
#7df1ad
```
#7df1ad rgb(125,241,173)
```
#8ff3b8
```
#8ff3b8 rgb(143,243,184)
```
#a1f5c3
```
#a1f5c3 rgb(161,245,195)
```
#b2f7ce
```
#b2f7ce rgb(178,247,206)
```
#c4f9da
```
#c4f9da rgb(196,249,218)
```
#d6fbe5
```
#d6fbe5 rgb(214,251,229)
```
#e7fcf0
```
#e7fcf0 rgb(231,252,240)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#a0a7a3
```
#a0a7a3 rgb(160,167,163)
```
#99aea2
```
#99aea2 rgb(153,174,162)
```
#92b5a0
```
#92b5a0 rgb(146,181,160)
```
#8bbc9f
```
#8bbc9f rgb(139,188,159)
```
#84c39e
```
#84c39e rgb(132,195,158)
```
#7dca9c
```
#7dca9c rgb(125,202,156)
```
#76d19b
```
#76d19b rgb(118,209,155)
```
#6fd89a
```
#6fd89a rgb(111,216,154)
```
#68df99
```
#68df99 rgb(104,223,153)
```
#61e697
```
#61e697 rgb(97,230,151)
```
#5aed96
```
#5aed96 rgb(90,237,150)
```
#53f495
```
#53f495 rgb(83,244,149)
```
#4cfb93
```
#4cfb93 rgb(76,251,147)
```

Tone Color Variation

Below, you can see how #5aed96 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
#a4c2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d491 Protanopia 1% of men
#f8cca6 Deuteranopia 1% of men
#84e2f3 Tritanopia 0.001% of the population

Trichromacy

#b3dd93 Protanomaly 1% of men, 0.01% of women
#bed8a0 Deuteranomaly 6% of men, 0.4% of women
#74e6d1 Tritanomaly 0.01% of the population

#5aed96 hex color

#5aed96 Color Information

#5aed96 Color Conversion

Color Schemes with #5aed96

Alternatives to #5aed96

#5aed96 Preview

Shades and Tints of #5aed96

Tones of #5aed96

Color Blindness Simulator