#5ab480 hex color

In a RGB color space, hex #5ab480 is composed of 35.3% red, 70.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 28.9% yellow and 29.4% black. It has a hue angle of 145.3 degrees, a saturation of 37.5% and a lightness of 52.9%. #5ab480 color hex could be obtained by blending #b4ffff with #006901. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 71
- B 50
RGB color chart
- C 50
- M 0
- Y 29
- K 29
CMYK color chart

● #5ab480 color description : Moderate cyan - lime green.

The hexadecimal color #5ab480 has RGB values of R:90, G:180, B:128 and CMYK values of C:0.5, M:0, Y:0.29, K:0.29. Its decimal value is 5944448.

Hex triplet	5ab480	`#5ab480`
RGB Decimal	90, 180, 128	`rgb(90,180,128)`
RGB Percent	35.3, 70.6, 50.2	`rgb(35.3%,70.6%,50.2%)`
CMYK	50, 0, 29, 29
HSL	145.3°, 37.5, 52.9	`hsl(145.3,37.5%,52.9%)`
HSV (or HSB)	145.3°, 50, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	66.804, -38.997, 18.441
XYZ	24.432, 36.373, 26.154
xyY	0.281, 0.418, 36.373
CIE-LCH	66.804, 43.138, 154.691
CIE-LUV	66.804, -40.935, 31.666
Hunter-Lab	60.31, -33.23, 16.505
Binary	01011010, 10110100, 10000000

#5ab480
```
#5ab480 rgb(90,180,128)
```
#b45a8e
```
#b45a8e rgb(180,90,142)
```

Complementary Color

#61b45a
```
#61b45a rgb(97,180,90)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#5ab4ad
```
#5ab4ad rgb(90,180,173)
```

Analogous Color

#b45a61
```
#b45a61 rgb(180,90,97)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#ad5ab4
```
#ad5ab4 rgb(173,90,180)
```

Split Complementary Color

#b4805a
```
#b4805a rgb(180,128,90)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#805ab4
```
#805ab4 rgb(128,90,180)
```

Triadic Color

#8eb45a
```
#8eb45a rgb(142,180,90)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#805ab4
```
#805ab4 rgb(128,90,180)
```
#b45a8e
```
#b45a8e rgb(180,90,142)
```

Tetradic Color

#3c855b
```
#3c855b rgb(60,133,91)
```
#449767
```
#449767 rgb(68,151,103)
```
#4ca873
```
#4ca873 rgb(76,168,115)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#6cbc8d
```
#6cbc8d rgb(108,188,141)
```
#7dc49b
```
#7dc49b rgb(125,196,155)
```
#8fcca8
```
#8fcca8 rgb(143,204,168)
```

Monochromatic Color

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

#5ab46a
```
#5ab46a rgb(90,180,106)
```
#5ab471
```
#5ab471 rgb(90,180,113)
```
#5ab479
```
#5ab479 rgb(90,180,121)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#5ab488
```
#5ab488 rgb(90,180,136)
```
#5ab48f
```
#5ab48f rgb(90,180,143)
```
#5ab497
```
#5ab497 rgb(90,180,151)
```

Similar Colors

Text with hexadecimal color #5ab480

This text has a font color of #5ab480.

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

#5ab480 background color

This paragraph has a background color of #5ab480.

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

#5ab480 border color

This element has a border color of #5ab480.

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

CSS codes

.text {color:#5ab480;}

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

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

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, #050a07 is the darkest color, while #fcfefd is the lightest one.

#050a07
```
#050a07 rgb(5,10,7)
```
#0b1810
```
#0b1810 rgb(11,24,16)
```
#11251a
```
#11251a rgb(17,37,26)
```
#173323
```
#173323 rgb(23,51,35)
```
#1d402c
```
#1d402c rgb(29,64,44)
```
#234e35
```
#234e35 rgb(35,78,53)
```
#295b3e
```
#295b3e rgb(41,91,62)
```
#306948
```
#306948 rgb(48,105,72)
```
#367651
```
#367651 rgb(54,118,81)
```
#3c845a
```
#3c845a rgb(60,132,90)
```
#429163
```
#429163 rgb(66,145,99)
```
#489f6d
```
#489f6d rgb(72,159,109)
```
#4eac76
```
#4eac76 rgb(78,172,118)
```

Shade Color Variation

#5ab480
```
#5ab480 rgb(90,180,128)
```
#67ba8a
```
#67ba8a rgb(103,186,138)
```
#75c095
```
#75c095 rgb(117,192,149)
```
#82c69f
```
#82c69f rgb(130,198,159)
```
#90cdaa
```
#90cdaa rgb(144,205,170)
```
#9dd3b4
```
#9dd3b4 rgb(157,211,180)
```
#abd9be
```
#abd9be rgb(171,217,190)
```
#b8dfc9
```
#b8dfc9 rgb(184,223,201)
```
#c6e5d3
```
#c6e5d3 rgb(198,229,211)
```
#d3ebdd
```
#d3ebdd rgb(211,235,221)
```
#e1f1e8
```
#e1f1e8 rgb(225,241,232)
```
#eef7f2
```
#eef7f2 rgb(238,247,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#7f8f86
```
#7f8f86 rgb(127,143,134)
```
#769884
```
#769884 rgb(118,152,132)
```
#6ca283
```
#6ca283 rgb(108,162,131)
```
#63ab81
```
#63ab81 rgb(99,171,129)
```
#5ab480
```
#5ab480 rgb(90,180,128)
```
#51bd7f
```
#51bd7f rgb(81,189,127)
```
#48c67d
```
#48c67d rgb(72,198,125)
```
#3ed07c
```
#3ed07c rgb(62,208,124)
```
#35d97a
```
#35d97a rgb(53,217,122)
```
#2ce279
```
#2ce279 rgb(44,226,121)
```
#23eb77
```
#23eb77 rgb(35,235,119)
```
#19f576
```
#19f576 rgb(25,245,118)
```
#10fe75
```
#10fe75 rgb(16,254,117)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a77f Protanopia 1% of men
#bfa18e Deuteranopia 1% of men
#73b0bd Tritanopia 0.001% of the population

Trichromacy

#92ab7f Protanomaly 1% of men, 0.01% of women
#9aa889 Deuteranomaly 6% of men, 0.4% of women
#6ab1a7 Tritanomaly 0.01% of the population

#5ab480 hex color

#5ab480 Color Information

#5ab480 Color Conversion

Color Schemes with #5ab480

Alternatives to #5ab480

#5ab480 Preview

Shades and Tints of #5ab480

Tones of #5ab480

Color Blindness Simulator