#5ab99e hex color

In a RGB color space, hex #5ab99e is composed of 35.3% red, 72.5% green and 62% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 14.6% yellow and 27.5% black. It has a hue angle of 162.9 degrees, a saturation of 40.4% and a lightness of 53.9%. #5ab99e color hex could be obtained by blending #b4ffff with #00733d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 73
- B 62
RGB color chart
- C 51
- M 0
- Y 15
- K 27
CMYK color chart

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

The hexadecimal color #5ab99e has RGB values of R:90, G:185, B:158 and CMYK values of C:0.51, M:0, Y:0.15, K:0.27. Its decimal value is 5945758.

Hex triplet	5ab99e	`#5ab99e`
RGB Decimal	90, 185, 158	`rgb(90,185,158)`
RGB Percent	35.3, 72.5, 62	`rgb(35.3%,72.5%,62%)`
CMYK	51, 0, 15, 27
HSL	162.9°, 40.4, 53.9	`hsl(162.9,40.4%,53.9%)`
HSV (or HSB)	162.9°, 51.4, 72.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.996, -34.721, 5.146
XYZ	27.735, 39.338, 38.477
xyY	0.263, 0.373, 39.338
CIE-LCH	68.996, 35.1, 171.57
CIE-LUV	68.996, -41.743, 13.017
Hunter-Lab	62.72, -30.827, 7.531
Binary	01011010, 10111001, 10011110

#5ab99e
```
#5ab99e rgb(90,185,158)
```
#b95a75
```
#b95a75 rgb(185,90,117)
```

Complementary Color

#5ab96f
```
#5ab96f rgb(90,185,111)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#5aa5b9
```
#5aa5b9 rgb(90,165,185)
```

Analogous Color

#b96f5a
```
#b96f5a rgb(185,111,90)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#b95aa5
```
#b95aa5 rgb(185,90,165)
```

Split Complementary Color

#b99e5a
```
#b99e5a rgb(185,158,90)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#9e5ab9
```
#9e5ab9 rgb(158,90,185)
```

Triadic Color

#75b95a
```
#75b95a rgb(117,185,90)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#9e5ab9
```
#9e5ab9 rgb(158,90,185)
```
#b95a75
```
#b95a75 rgb(185,90,117)
```

Tetradic Color

#3b8b75
```
#3b8b75 rgb(59,139,117)
```
#439d84
```
#439d84 rgb(67,157,132)
```
#4aaf93
```
#4aaf93 rgb(74,175,147)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#6cc1a9
```
#6cc1a9 rgb(108,193,169)
```
#7ec8b3
```
#7ec8b3 rgb(126,200,179)
```
#90d0be
```
#90d0be rgb(144,208,190)
```

Monochromatic Color

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

#5ab986
```
#5ab986 rgb(90,185,134)
```
#5ab98e
```
#5ab98e rgb(90,185,142)
```
#5ab996
```
#5ab996 rgb(90,185,150)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#5ab9a6
```
#5ab9a6 rgb(90,185,166)
```
#5ab9ae
```
#5ab9ae rgb(90,185,174)
```
#5ab9b6
```
#5ab9b6 rgb(90,185,182)
```

Similar Colors

Text with hexadecimal color #5ab99e

This text has a font color of #5ab99e.

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

#5ab99e background color

This paragraph has a background color of #5ab99e.

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

#5ab99e border color

This element has a border color of #5ab99e.

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

CSS codes

.text {color:#5ab99e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0c
```
#060e0c rgb(6,14,12)
```
#0c1c17
```
#0c1c17 rgb(12,28,23)
```
#122a23
```
#122a23 rgb(18,42,35)
```
#17372e
```
#17372e rgb(23,55,46)
```
#1d453a
```
#1d453a rgb(29,69,58)
```
#235345
```
#235345 rgb(35,83,69)
```
#296151
```
#296151 rgb(41,97,81)
```
#2f6e5c
```
#2f6e5c rgb(47,110,92)
```
#357c68
```
#357c68 rgb(53,124,104)
```
#3b8a73
```
#3b8a73 rgb(59,138,115)
```
#40987f
```
#40987f rgb(64,152,127)
```
#46a68a
```
#46a68a rgb(70,166,138)
```

Shade Color Variation

#4cb396
```
#4cb396 rgb(76,179,150)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#68bfa6
```
#68bfa6 rgb(104,191,166)
```
#76c5ae
```
#76c5ae rgb(118,197,174)
```
#83cbb6
```
#83cbb6 rgb(131,203,182)
```
#91d0be
```
#91d0be rgb(145,208,190)
```
#9fd6c6
```
#9fd6c6 rgb(159,214,198)
```
#addccf
```
#addccf rgb(173,220,207)
```
#bae2d7
```
#bae2d7 rgb(186,226,215)
```
#c8e8df
```
#c8e8df rgb(200,232,223)
```
#d6eee7
```
#d6eee7 rgb(214,238,231)
```
#e4f3ef
```
#e4f3ef rgb(228,243,239)
```
#f1f9f7
```
#f1f9f7 rgb(241,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c8a is the less saturated color, while #1bf8b9 is the most saturated one.

#878c8a
```
#878c8a rgb(135,140,138)
```
#7e958e
```
#7e958e rgb(126,149,142)
```
#759e92
```
#759e92 rgb(117,158,146)
```
#6ca796
```
#6ca796 rgb(108,167,150)
```
#63b09a
```
#63b09a rgb(99,176,154)
```
#5ab99e
```
#5ab99e rgb(90,185,158)
```
#51c2a2
```
#51c2a2 rgb(81,194,162)
```
#48cba6
```
#48cba6 rgb(72,203,166)
```
#3fd4aa
```
#3fd4aa rgb(63,212,170)
```
#36ddae
```
#36ddae rgb(54,221,174)
```
#2de6b2
```
#2de6b2 rgb(45,230,178)
```
#24efb5
```
#24efb5 rgb(36,239,181)
```
#1bf8b9
```
#1bf8b9 rgb(27,248,185)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8da09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac9b Protanopia 1% of men
#bda7aa Deuteranopia 1% of men
#6fb7c5 Tritanopia 0.001% of the population

Trichromacy

#93b09c Protanomaly 1% of men, 0.01% of women
#99ada5 Deuteranomaly 6% of men, 0.4% of women
#67b8b6 Tritanomaly 0.01% of the population

#5ab99e hex color

#5ab99e Color Information

#5ab99e Color Conversion

Color Schemes with #5ab99e

Alternatives to #5ab99e

#5ab99e Preview

Shades and Tints of #5ab99e

Tones of #5ab99e

Color Blindness Simulator