#5ab280 hex color

In a RGB color space, hex #5ab280 is composed of 35.3% red, 69.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 28.1% yellow and 30.2% black. It has a hue angle of 145.9 degrees, a saturation of 36.4% and a lightness of 52.5%. #5ab280 color hex could be obtained by blending #b4ffff with #006501. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 70
- B 50
RGB color chart
- C 49
- M 0
- Y 28
- K 30
CMYK color chart

● #5ab280 color description : Dark moderate cyan - lime green.

The hexadecimal color #5ab280 has RGB values of R:90, G:178, B:128 and CMYK values of C:0.49, M:0, Y:0.28, K:0.3. Its decimal value is 5943936.

Hex triplet	5ab280	`#5ab280`
RGB Decimal	90, 178, 128	`rgb(90,178,128)`
RGB Percent	35.3, 69.8, 50.2	`rgb(35.3%,69.8%,50.2%)`
CMYK	49, 0, 28, 30
HSL	145.9°, 36.4, 52.5	`hsl(145.9,36.4%,52.5%)`
HSV (or HSB)	145.9°, 49.4, 69.8
Web Safe	669999	`#669999`

CIE-LAB	66.191, -38.104, 17.596
XYZ	24.032, 35.571, 26.02
xyY	0.281, 0.415, 35.571
CIE-LCH	66.191, 41.97, 155.212
CIE-LUV	66.191, -40.113, 30.374
Hunter-Lab	59.642, -32.449, 15.882
Binary	01011010, 10110010, 10000000

#5ab280
```
#5ab280 rgb(90,178,128)
```
#b25a8c
```
#b25a8c rgb(178,90,140)
```

Complementary Color

#60b25a
```
#60b25a rgb(96,178,90)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#5ab2ac
```
#5ab2ac rgb(90,178,172)
```

Analogous Color

#b25a60
```
#b25a60 rgb(178,90,96)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#ac5ab2
```
#ac5ab2 rgb(172,90,178)
```

Split Complementary Color

#b2805a
```
#b2805a rgb(178,128,90)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#805ab2
```
#805ab2 rgb(128,90,178)
```

Triadic Color

#8cb25a
```
#8cb25a rgb(140,178,90)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#805ab2
```
#805ab2 rgb(128,90,178)
```
#b25a8c
```
#b25a8c rgb(178,90,140)
```

Tetradic Color

#3d835b
```
#3d835b rgb(61,131,91)
```
#459467
```
#459467 rgb(69,148,103)
```
#4da573
```
#4da573 rgb(77,165,115)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#6bba8d
```
#6bba8d rgb(107,186,141)
```
#7dc29b
```
#7dc29b rgb(125,194,155)
```
#8ecaa8
```
#8ecaa8 rgb(142,202,168)
```

Monochromatic Color

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

#5ab26a
```
#5ab26a rgb(90,178,106)
```
#5ab271
```
#5ab271 rgb(90,178,113)
```
#5ab279
```
#5ab279 rgb(90,178,121)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#5ab287
```
#5ab287 rgb(90,178,135)
```
#5ab28f
```
#5ab28f rgb(90,178,143)
```
#5ab296
```
#5ab296 rgb(90,178,150)
```

Similar Colors

Text with hexadecimal color #5ab280

This text has a font color of #5ab280.

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

#5ab280 background color

This paragraph has a background color of #5ab280.

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

#5ab280 border color

This element has a border color of #5ab280.

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

CSS codes

.text {color:#5ab280;}

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

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

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

#040906
```
#040906 rgb(4,9,6)
```
#0a160f
```
#0a160f rgb(10,22,15)
```
#112419
```
#112419 rgb(17,36,25)
```
#173122
```
#173122 rgb(23,49,34)
```
#1d3e2b
```
#1d3e2b rgb(29,62,43)
```
#234c35
```
#234c35 rgb(35,76,53)
```
#2a593e
```
#2a593e rgb(42,89,62)
```
#306647
```
#306647 rgb(48,102,71)
```
#367451
```
#367451 rgb(54,116,81)
```
#3c815a
```
#3c815a rgb(60,129,90)
```
#438f63
```
#438f63 rgb(67,143,99)
```
#499c6d
```
#499c6d rgb(73,156,109)
```
#4fa976
```
#4fa976 rgb(79,169,118)
```

Shade Color Variation

#5ab280
```
#5ab280 rgb(90,178,128)
```
#67b88a
```
#67b88a rgb(103,184,138)
```
#75be95
```
#75be95 rgb(117,190,149)
```
#82c59f
```
#82c59f rgb(130,197,159)
```
#8fcba9
```
#8fcba9 rgb(143,203,169)
```
#9dd1b3
```
#9dd1b3 rgb(157,209,179)
```
#aad7be
```
#aad7be rgb(170,215,190)
```
#b8dec8
```
#b8dec8 rgb(184,222,200)
```
#c5e4d2
```
#c5e4d2 rgb(197,228,210)
```
#d2eadd
```
#d2eadd rgb(210,234,221)
```
#e0f0e7
```
#e0f0e7 rgb(224,240,231)
```
#edf7f1
```
#edf7f1 rgb(237,247,241)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8d85 is the less saturated color, while #10fc76 is the most saturated one.

#7f8d85
```
#7f8d85 rgb(127,141,133)
```
#769684
```
#769684 rgb(118,150,132)
```
#6d9f83
```
#6d9f83 rgb(109,159,131)
```
#63a981
```
#63a981 rgb(99,169,129)
```
#5ab280
```
#5ab280 rgb(90,178,128)
```
#51bb7f
```
#51bb7f rgb(81,187,127)
```
#47c57d
```
#47c57d rgb(71,197,125)
```
#3ece7c
```
#3ece7c rgb(62,206,124)
```
#35d77b
```
#35d77b rgb(53,215,123)
```
#2be17a
```
#2be17a rgb(43,225,122)
```
#22ea78
```
#22ea78 rgb(34,234,120)
```
#19f377
```
#19f377 rgb(25,243,119)
```
#10fc76
```
#10fc76 rgb(16,252,118)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#87988e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a57f Protanopia 1% of men
#bd9f8e Deuteranopia 1% of men
#73aebb Tritanopia 0.001% of the population

Trichromacy

#91aa7f Protanomaly 1% of men, 0.01% of women
#99a688 Deuteranomaly 6% of men, 0.4% of women
#6ab0a5 Tritanomaly 0.01% of the population

#5ab280 hex color

#5ab280 Color Information

#5ab280 Color Conversion

Color Schemes with #5ab280

Alternatives to #5ab280

#5ab280 Preview

Shades and Tints of #5ab280

Tones of #5ab280

Color Blindness Simulator