#5abb8f hex color

In a RGB color space, hex #5abb8f is composed of 35.3% red, 73.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 152.8 degrees, a saturation of 41.6% and a lightness of 54.3%. #5abb8f color hex could be obtained by blending #b4ffff with #00771f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 73
- B 56
RGB color chart
- C 52
- M 0
- Y 24
- K 27
CMYK color chart

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

The hexadecimal color #5abb8f has RGB values of R:90, G:187, B:143 and CMYK values of C:0.52, M:0, Y:0.24, K:0.27. Its decimal value is 5946255.

Hex triplet	5abb8f	`#5abb8f`
RGB Decimal	90, 187, 143	`rgb(90,187,143)`
RGB Percent	35.3, 73.3, 56.1	`rgb(35.3%,73.3%,56.1%)`
CMYK	52, 0, 24, 27
HSL	152.8°, 41.6, 54.3	`hsl(152.8,41.6%,54.3%)`
HSV (or HSB)	152.8°, 51.9, 73.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.252, -39.014, 13.7
XYZ	26.943, 39.696, 32.227
xyY	0.273, 0.402, 39.696
CIE-LCH	69.252, 41.35, 160.65
CIE-LUV	69.252, -43.178, 25.665
Hunter-Lab	63.004, -33.925, 13.776
Binary	01011010, 10111011, 10001111

#5abb8f
```
#5abb8f rgb(90,187,143)
```
#bb5a86
```
#bb5a86 rgb(187,90,134)
```

Complementary Color

#5abb5f
```
#5abb5f rgb(90,187,95)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#5ab7bb
```
#5ab7bb rgb(90,183,187)
```

Analogous Color

#bb5f5a
```
#bb5f5a rgb(187,95,90)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#bb5ab7
```
#bb5ab7 rgb(187,90,183)
```

Split Complementary Color

#bb8f5a
```
#bb8f5a rgb(187,143,90)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#8f5abb
```
#8f5abb rgb(143,90,187)
```

Triadic Color

#86bb5a
```
#86bb5a rgb(134,187,90)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#8f5abb
```
#8f5abb rgb(143,90,187)
```
#bb5a86
```
#bb5a86 rgb(187,90,134)
```

Tetradic Color

#3b8e68
```
#3b8e68 rgb(59,142,104)
```
#42a075
```
#42a075 rgb(66,160,117)
```
#49b283
```
#49b283 rgb(73,178,131)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#6cc29b
```
#6cc29b rgb(108,194,155)
```
#7ecaa8
```
#7ecaa8 rgb(126,202,168)
```
#90d1b4
```
#90d1b4 rgb(144,209,180)
```

Monochromatic Color

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

#5abb77
```
#5abb77 rgb(90,187,119)
```
#5abb7f
```
#5abb7f rgb(90,187,127)
```
#5abb87
```
#5abb87 rgb(90,187,135)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#5abb97
```
#5abb97 rgb(90,187,151)
```
#5abb9f
```
#5abb9f rgb(90,187,159)
```
#5abba7
```
#5abba7 rgb(90,187,167)
```

Similar Colors

Text with hexadecimal color #5abb8f

This text has a font color of #5abb8f.

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

#5abb8f background color

This paragraph has a background color of #5abb8f.

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

#5abb8f border color

This element has a border color of #5abb8f.

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

CSS codes

.text {color:#5abb8f;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#06100b
```
#06100b rgb(6,16,11)
```
#0c1d16
```
#0c1d16 rgb(12,29,22)
```
#122b20
```
#122b20 rgb(18,43,32)
```
#18392a
```
#18392a rgb(24,57,42)
```
#1d4734
```
#1d4734 rgb(29,71,52)
```
#23553e
```
#23553e rgb(35,85,62)
```
#296349
```
#296349 rgb(41,99,73)
```
#2e7153
```
#2e7153 rgb(46,113,83)
```
#347f5d
```
#347f5d rgb(52,127,93)
```
#3a8d67
```
#3a8d67 rgb(58,141,103)
```
#409a71
```
#409a71 rgb(64,154,113)
```
#45a87b
```
#45a87b rgb(69,168,123)
```

Shade Color Variation

#4cb586
```
#4cb586 rgb(76,181,134)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#68c198
```
#68c198 rgb(104,193,152)
```
#76c6a2
```
#76c6a2 rgb(118,198,162)
```
#84ccab
```
#84ccab rgb(132,204,171)
```
#92d2b5
```
#92d2b5 rgb(146,210,181)
```
#9fd8be
```
#9fd8be rgb(159,216,190)
```
#adddc8
```
#adddc8 rgb(173,221,200)
```
#bbe3d1
```
#bbe3d1 rgb(187,227,209)
```
#c9e9da
```
#c9e9da rgb(201,233,218)
```
#d7efe4
```
#d7efe4 rgb(215,239,228)
```
#e5f4ed
```
#e5f4ed rgb(229,244,237)
```
#f3faf7
```
#f3faf7 rgb(243,250,247)
```

Tint Color Variation

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

#878e8b
```
#878e8b rgb(135,142,139)
```
#7e978c
```
#7e978c rgb(126,151,140)
```
#75a08d
```
#75a08d rgb(117,160,141)
```
#6ca98d
```
#6ca98d rgb(108,169,141)
```
#63b28e
```
#63b28e rgb(99,178,142)
```
#5abb8f
```
#5abb8f rgb(90,187,143)
```
#51c490
```
#51c490 rgb(81,196,144)
```
#48cd91
```
#48cd91 rgb(72,205,145)
```
#3fd691
```
#3fd691 rgb(63,214,145)
```
#36df92
```
#36df92 rgb(54,223,146)
```
#2de893
```
#2de893 rgb(45,232,147)
```
#24f194
```
#24f194 rgb(36,241,148)
```
#1bfa95
```
#1bfa95 rgb(27,250,149)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8ca097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ad8d Protanopia 1% of men
#c3a79c Deuteranopia 1% of men
#73b7c5 Tritanopia 0.001% of the population

Trichromacy

#95b28d Protanomaly 1% of men, 0.01% of women
#9dae97 Deuteranomaly 6% of men, 0.4% of women
#6ab9b1 Tritanomaly 0.01% of the population

#5abb8f hex color

#5abb8f Color Information

#5abb8f Color Conversion

Color Schemes with #5abb8f

Alternatives to #5abb8f

#5abb8f Preview

Shades and Tints of #5abb8f

Tones of #5abb8f

Color Blindness Simulator