#5bae86 hex color

In a RGB color space, hex #5bae86 is composed of 35.7% red, 68.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 23% yellow and 31.8% black. It has a hue angle of 151.1 degrees, a saturation of 33.9% and a lightness of 52%. #5bae86 color hex could be obtained by blending #b6ffff with #005d0d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 68
- B 53
RGB color chart
- C 48
- M 0
- Y 23
- K 32
CMYK color chart

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

The hexadecimal color #5bae86 has RGB values of R:91, G:174, B:134 and CMYK values of C:0.48, M:0, Y:0.23, K:0.32. Its decimal value is 6008454.

Hex triplet	5bae86	`#5bae86`
RGB Decimal	91, 174, 134	`rgb(91,174,134)`
RGB Percent	35.7, 68.2, 52.5	`rgb(35.7%,68.2%,52.5%)`
CMYK	48, 0, 23, 32
HSL	151.1°, 33.9, 52	`hsl(151.1,33.9%,52%)`
HSV (or HSB)	151.1°, 47.7, 68.2
Web Safe	669999	`#669999`

CIE-LAB	65.134, -34.777, 12.845
XYZ	23.752, 34.216, 27.906
xyY	0.277, 0.398, 34.216
CIE-LCH	65.134, 37.073, 159.727
CIE-LUV	65.134, -37.913, 23.522
Hunter-Lab	58.494, -29.884, 12.661
Binary	01011011, 10101110, 10000110

#5bae86
```
#5bae86 rgb(91,174,134)
```
#ae5b83
```
#ae5b83 rgb(174,91,131)
```

Complementary Color

#5bae5d
```
#5bae5d rgb(91,174,93)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#5badae
```
#5badae rgb(91,173,174)
```

Analogous Color

#ae5d5b
```
#ae5d5b rgb(174,93,91)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#ae5bad
```
#ae5bad rgb(174,91,173)
```

Split Complementary Color

#ae865b
```
#ae865b rgb(174,134,91)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#865bae
```
#865bae rgb(134,91,174)
```

Triadic Color

#83ae5b
```
#83ae5b rgb(131,174,91)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#865bae
```
#865bae rgb(134,91,174)
```
#ae5b83
```
#ae5b83 rgb(174,91,131)
```

Tetradic Color

#3e7e5f
```
#3e7e5f rgb(62,126,95)
```
#478f6c
```
#478f6c rgb(71,143,108)
```
#4fa079
```
#4fa079 rgb(79,160,121)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#6cb693
```
#6cb693 rgb(108,182,147)
```
#7dbf9f
```
#7dbf9f rgb(125,191,159)
```
#8ec7ac
```
#8ec7ac rgb(142,199,172)
```

Monochromatic Color

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

#5bae71
```
#5bae71 rgb(91,174,113)
```
#5bae78
```
#5bae78 rgb(91,174,120)
```
#5bae7f
```
#5bae7f rgb(91,174,127)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#5bae8d
```
#5bae8d rgb(91,174,141)
```
#5bae94
```
#5bae94 rgb(91,174,148)
```
#5bae9b
```
#5bae9b rgb(91,174,155)
```

Similar Colors

Text with hexadecimal color #5bae86

This text has a font color of #5bae86.

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

#5bae86 background color

This paragraph has a background color of #5bae86.

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

#5bae86 border color

This element has a border color of #5bae86.

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

CSS codes

.text {color:#5bae86;}

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

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

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

#030705
```
#030705 rgb(3,7,5)
```
#0a140f
```
#0a140f rgb(10,20,15)
```
#102119
```
#102119 rgb(16,33,25)
```
#172e23
```
#172e23 rgb(23,46,35)
```
#1d3b2d
```
#1d3b2d rgb(29,59,45)
```
#244837
```
#244837 rgb(36,72,55)
```
#2a5541
```
#2a5541 rgb(42,85,65)
```
#31634b
```
#31634b rgb(49,99,75)
```
#377054
```
#377054 rgb(55,112,84)
```
#3e7d5e
```
#3e7d5e rgb(62,125,94)
```
#448a68
```
#448a68 rgb(68,138,104)
```
#4b9772
```
#4b9772 rgb(75,151,114)
```
#51a47c
```
#51a47c rgb(81,164,124)
```

Shade Color Variation

#5bae86
```
#5bae86 rgb(91,174,134)
```
#68b490
```
#68b490 rgb(104,180,144)
```
#75bb99
```
#75bb99 rgb(117,187,153)
```
#82c1a3
```
#82c1a3 rgb(130,193,163)
```
#90c8ad
```
#90c8ad rgb(144,200,173)
```
#9dceb6
```
#9dceb6 rgb(157,206,182)
```
#aad5c0
```
#aad5c0 rgb(170,213,192)
```
#b7dbca
```
#b7dbca rgb(183,219,202)
```
#c4e2d4
```
#c4e2d4 rgb(196,226,212)
```
#d1e8dd
```
#d1e8dd rgb(209,232,221)
```
#deefe7
```
#deefe7 rgb(222,239,231)
```
#ebf5f1
```
#ebf5f1 rgb(235,245,241)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

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

#818885
```
#818885 rgb(129,136,133)
```
#779285
```
#779285 rgb(119,146,133)
```
#6e9b85
```
#6e9b85 rgb(110,155,133)
```
#64a586
```
#64a586 rgb(100,165,134)
```
#5bae86
```
#5bae86 rgb(91,174,134)
```
#52b786
```
#52b786 rgb(82,183,134)
```
#48c187
```
#48c187 rgb(72,193,135)
```
#3fca87
```
#3fca87 rgb(63,202,135)
```
#35d487
```
#35d487 rgb(53,212,135)
```
#2cdd88
```
#2cdd88 rgb(44,221,136)
```
#22e788
```
#22e788 rgb(34,231,136)
```
#19f088
```
#19f088 rgb(25,240,136)
```
#10f989
```
#10f989 rgb(16,249,137)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#86978f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca285 Protanopia 1% of men
#b89d93 Deuteranopia 1% of men
#71acb8 Tritanopia 0.001% of the population

Trichromacy

#8ea685 Protanomaly 1% of men, 0.01% of women
#96a38e Deuteranomaly 6% of men, 0.4% of women
#69aca6 Tritanomaly 0.01% of the population

#5bae86 hex color

#5bae86 Color Information

#5bae86 Color Conversion

Color Schemes with #5bae86

Alternatives to #5bae86

#5bae86 Preview

Shades and Tints of #5bae86

Tones of #5bae86

Color Blindness Simulator