#5ab286 hex color

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

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

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

The hexadecimal color #5ab286 has RGB values of R:90, G:178, B:134 and CMYK values of C:0.49, M:0, Y:0.25, K:0.3. Its decimal value is 5943942.

Hex triplet	5ab286	`#5ab286`
RGB Decimal	90, 178, 134	`rgb(90,178,134)`
RGB Percent	35.3, 69.8, 52.5	`rgb(35.3%,69.8%,52.5%)`
CMYK	49, 0, 25, 30
HSL	150°, 36.4, 52.5	`hsl(150,36.4%,52.5%)`
HSV (or HSB)	150°, 49.4, 69.8
Web Safe	669999	`#669999`

CIE-LAB	66.316, -36.869, 14.496
XYZ	24.438, 35.734, 28.162
xyY	0.277, 0.405, 35.734
CIE-LCH	66.316, 39.617, 158.537
CIE-LUV	66.316, -39.889, 26.146
Hunter-Lab	59.778, -31.637, 13.912
Binary	01011010, 10110010, 10000110

#5ab286
```
#5ab286 rgb(90,178,134)
```
#b25a86
```
#b25a86 rgb(178,90,134)
```

Complementary Color

#5ab25a
```
#5ab25a rgb(90,178,90)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#5ab2b2
```
#5ab2b2 rgb(90,178,178)
```

Analogous Color

#b25a5a
```
#b25a5a rgb(178,90,90)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#b25ab2
```
#b25ab2 rgb(178,90,178)
```

Split Complementary Color

#b2865a
```
#b2865a rgb(178,134,90)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#865ab2
```
#865ab2 rgb(134,90,178)
```

Triadic Color

#86b25a
```
#86b25a rgb(134,178,90)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#865ab2
```
#865ab2 rgb(134,90,178)
```
#b25a86
```
#b25a86 rgb(178,90,134)
```

Tetradic Color

#3d8360
```
#3d8360 rgb(61,131,96)
```
#45946d
```
#45946d rgb(69,148,109)
```
#4da579
```
#4da579 rgb(77,165,121)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#6bba93
```
#6bba93 rgb(107,186,147)
```
#7dc2a0
```
#7dc2a0 rgb(125,194,160)
```
#8ecaac
```
#8ecaac rgb(142,202,172)
```

Monochromatic Color

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

#5ab270
```
#5ab270 rgb(90,178,112)
```
#5ab277
```
#5ab277 rgb(90,178,119)
```
#5ab27f
```
#5ab27f rgb(90,178,127)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#5ab28d
```
#5ab28d rgb(90,178,141)
```
#5ab295
```
#5ab295 rgb(90,178,149)
```
#5ab29c
```
#5ab29c rgb(90,178,156)
```

Similar Colors

Text with hexadecimal color #5ab286

This text has a font color of #5ab286.

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

#5ab286 background color

This paragraph has a background color of #5ab286.

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

#5ab286 border color

This element has a border color of #5ab286.

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

CSS codes

.text {color:#5ab286;}

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

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

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

#040907
```
#040907 rgb(4,9,7)
```
#0a1610
```
#0a1610 rgb(10,22,16)
```
#11241a
```
#11241a rgb(17,36,26)
```
#173124
```
#173124 rgb(23,49,36)
```
#1d3e2e
```
#1d3e2e rgb(29,62,46)
```
#234c38
```
#234c38 rgb(35,76,56)
```
#2a5941
```
#2a5941 rgb(42,89,65)
```
#30664b
```
#30664b rgb(48,102,75)
```
#367455
```
#367455 rgb(54,116,85)
```
#3c815f
```
#3c815f rgb(60,129,95)
```
#438f69
```
#438f69 rgb(67,143,105)
```
#499c72
```
#499c72 rgb(73,156,114)
```
#4fa97c
```
#4fa97c rgb(79,169,124)
```

Shade Color Variation

#5ab286
```
#5ab286 rgb(90,178,134)
```
#67b890
```
#67b890 rgb(103,184,144)
```
#75be9a
```
#75be9a rgb(117,190,154)
```
#82c5a3
```
#82c5a3 rgb(130,197,163)
```
#8fcbad
```
#8fcbad rgb(143,203,173)
```
#9dd1b7
```
#9dd1b7 rgb(157,209,183)
```
#aad7c1
```
#aad7c1 rgb(170,215,193)
```
#b8decb
```
#b8decb rgb(184,222,203)
```
#c5e4d4
```
#c5e4d4 rgb(197,228,212)
```
#d2eade
```
#d2eade rgb(210,234,222)
```
#e0f0e8
```
#e0f0e8 rgb(224,240,232)
```
#edf7f2
```
#edf7f2 rgb(237,247,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#7f8d86
```
#7f8d86 rgb(127,141,134)
```
#769686
```
#769686 rgb(118,150,134)
```
#6d9f86
```
#6d9f86 rgb(109,159,134)
```
#63a986
```
#63a986 rgb(99,169,134)
```
#5ab286
```
#5ab286 rgb(90,178,134)
```
#51bb86
```
#51bb86 rgb(81,187,134)
```
#47c586
```
#47c586 rgb(71,197,134)
```
#3ece86
```
#3ece86 rgb(62,206,134)
```
#35d786
```
#35d786 rgb(53,215,134)
```
#2be186
```
#2be186 rgb(43,225,134)
```
#22ea86
```
#22ea86 rgb(34,234,134)
```
#19f386
```
#19f386 rgb(25,243,134)
```
#10fc86
```
#10fc86 rgb(16,252,134)
```

Tone Color Variation

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

Dichromacy

#b0a585 Protanopia 1% of men
#bca093 Deuteranopia 1% of men
#72afbc Tritanopia 0.001% of the population

Trichromacy

#90aa85 Protanomaly 1% of men, 0.01% of women
#98a68e Deuteranomaly 6% of men, 0.4% of women
#69b0a8 Tritanomaly 0.01% of the population

#5ab286 hex color

#5ab286 Color Information

#5ab286 Color Conversion

Color Schemes with #5ab286

Alternatives to #5ab286

#5ab286 Preview

Shades and Tints of #5ab286

Tones of #5ab286

Color Blindness Simulator