#5baf89 hex color

In a RGB color space, hex #5baf89 is composed of 35.7% red, 68.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 21.7% yellow and 31.4% black. It has a hue angle of 152.9 degrees, a saturation of 34.4% and a lightness of 52.2%. #5baf89 color hex could be obtained by blending #b6ffff with #005f13. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 69
- B 54
RGB color chart
- C 48
- M 0
- Y 22
- K 31
CMYK color chart

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

The hexadecimal color #5baf89 has RGB values of R:91, G:175, B:137 and CMYK values of C:0.48, M:0, Y:0.22, K:0.31. Its decimal value is 6008713.

Hex triplet	5baf89	`#5baf89`
RGB Decimal	91, 175, 137	`rgb(91,175,137)`
RGB Percent	35.7, 68.6, 53.7	`rgb(35.7%,68.6%,53.7%)`
CMYK	48, 0, 22, 31
HSL	152.9°, 34.4, 52.2	`hsl(152.9,34.4%,52.2%)`
HSV (or HSB)	152.9°, 48, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.506, -34.595, 11.717
XYZ	24.158, 34.689, 29.088
xyY	0.275, 0.394, 34.689
CIE-LCH	65.506, 36.525, 161.289
CIE-LUV	65.506, -38.219, 22.006
Hunter-Lab	58.897, -29.853, 11.946
Binary	01011011, 10101111, 10001001

#5baf89
```
#5baf89 rgb(91,175,137)
```
#af5b81
```
#af5b81 rgb(175,91,129)
```

Complementary Color

#5baf5f
```
#5baf5f rgb(91,175,95)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#5babaf
```
#5babaf rgb(91,171,175)
```

Analogous Color

#af5f5b
```
#af5f5b rgb(175,95,91)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#af5bab
```
#af5bab rgb(175,91,171)
```

Split Complementary Color

#af895b
```
#af895b rgb(175,137,91)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#895baf
```
#895baf rgb(137,91,175)
```

Triadic Color

#81af5b
```
#81af5b rgb(129,175,91)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#895baf
```
#895baf rgb(137,91,175)
```
#af5b81
```
#af5b81 rgb(175,91,129)
```

Tetradic Color

#3e7f62
```
#3e7f62 rgb(62,127,98)
```
#46916f
```
#46916f rgb(70,145,111)
```
#4fa27c
```
#4fa27c rgb(79,162,124)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#6cb795
```
#6cb795 rgb(108,183,149)
```
#7dc0a2
```
#7dc0a2 rgb(125,192,162)
```
#8ec8ae
```
#8ec8ae rgb(142,200,174)
```

Monochromatic Color

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

#5baf74
```
#5baf74 rgb(91,175,116)
```
#5baf7b
```
#5baf7b rgb(91,175,123)
```
#5baf82
```
#5baf82 rgb(91,175,130)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#5baf97
```
#5baf97 rgb(91,175,151)
```
#5baf9e
```
#5baf9e rgb(91,175,158)
```

Similar Colors

Text with hexadecimal color #5baf89

This text has a font color of #5baf89.

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

#5baf89 background color

This paragraph has a background color of #5baf89.

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

#5baf89 border color

This element has a border color of #5baf89.

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

CSS codes

.text {color:#5baf89;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0a1510
```
#0a1510 rgb(10,21,16)
```
#10221a
```
#10221a rgb(16,34,26)
```
#172f24
```
#172f24 rgb(23,47,36)
```
#1d3c2e
```
#1d3c2e rgb(29,60,46)
```
#244938
```
#244938 rgb(36,73,56)
```
#2a5642
```
#2a5642 rgb(42,86,66)
```
#31644d
```
#31644d rgb(49,100,77)
```
#377157
```
#377157 rgb(55,113,87)
```
#3d7e61
```
#3d7e61 rgb(61,126,97)
```
#448b6b
```
#448b6b rgb(68,139,107)
```
#4a9875
```
#4a9875 rgb(74,152,117)
```
#51a67f
```
#51a67f rgb(81,166,127)
```

Shade Color Variation

#5baf89
```
#5baf89 rgb(91,175,137)
```
#68b592
```
#68b592 rgb(104,181,146)
```
#75bc9c
```
#75bc9c rgb(117,188,156)
```
#83c2a5
```
#83c2a5 rgb(131,194,165)
```
#90c9af
```
#90c9af rgb(144,201,175)
```
#9dcfb8
```
#9dcfb8 rgb(157,207,184)
```
#aad6c2
```
#aad6c2 rgb(170,214,194)
```
#b7dccb
```
#b7dccb rgb(183,220,203)
```
#c4e2d5
```
#c4e2d5 rgb(196,226,213)
```
#d2e9de
```
#d2e9de rgb(210,233,222)
```
#dfefe8
```
#dfefe8 rgb(223,239,232)
```
#ecf6f1
```
#ecf6f1 rgb(236,246,241)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#818985
```
#818985 rgb(129,137,133)
```
#779386
```
#779386 rgb(119,147,134)
```
#6e9c87
```
#6e9c87 rgb(110,156,135)
```
#64a688
```
#64a688 rgb(100,166,136)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#52b88a
```
#52b88a rgb(82,184,138)
```
#48c28b
```
#48c28b rgb(72,194,139)
```
#3fcb8c
```
#3fcb8c rgb(63,203,140)
```
#35d58d
```
#35d58d rgb(53,213,141)
```
#2cde8d
```
#2cde8d rgb(44,222,141)
```
#23e78e
```
#23e78e rgb(35,231,142)
```
#19f18f
```
#19f18f rgb(25,241,143)
```
#10fa90
```
#10fa90 rgb(16,250,144)
```

Tone Color Variation

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

Dichromacy

#ada388 Protanopia 1% of men
#b89e96 Deuteranopia 1% of men
#71adb9 Tritanopia 0.001% of the population

Trichromacy

#8fa788 Protanomaly 1% of men, 0.01% of women
#96a491 Deuteranomaly 6% of men, 0.4% of women
#69ada8 Tritanomaly 0.01% of the population

#5baf89 hex color

#5baf89 Color Information

#5baf89 Color Conversion

Color Schemes with #5baf89

Alternatives to #5baf89

#5baf89 Preview

Shades and Tints of #5baf89

Tones of #5baf89

Color Blindness Simulator