#5baf84 hex color

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

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

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

The hexadecimal color #5baf84 has RGB values of R:91, G:175, B:132 and CMYK values of C:0.48, M:0, Y:0.25, K:0.31. Its decimal value is 6008708.

Hex triplet	5baf84	`#5baf84`
RGB Decimal	91, 175, 132	`rgb(91,175,132)`
RGB Percent	35.7, 68.6, 51.8	`rgb(35.7%,68.6%,51.8%)`
CMYK	48, 0, 25, 31
HSL	149.3°, 34.4, 52.2	`hsl(149.3,34.4%,52.2%)`
HSV (or HSB)	149.3°, 48, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.396, -35.66, 14.312
XYZ	23.808, 34.548, 27.242
xyY	0.278, 0.404, 34.548
CIE-LCH	65.396, 38.425, 158.133
CIE-LUV	65.396, -38.399, 25.631
Hunter-Lab	58.778, -30.561, 13.665
Binary	01011011, 10101111, 10000100

#5baf84
```
#5baf84 rgb(91,175,132)
```
#af5b86
```
#af5b86 rgb(175,91,134)
```

Complementary Color

#5caf5b
```
#5caf5b rgb(92,175,91)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#5bafae
```
#5bafae rgb(91,175,174)
```

Analogous Color

#af5b5c
```
#af5b5c rgb(175,91,92)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#ae5baf
```
#ae5baf rgb(174,91,175)
```

Split Complementary Color

#af845b
```
#af845b rgb(175,132,91)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#845baf
```
#845baf rgb(132,91,175)
```

Triadic Color

#86af5b
```
#86af5b rgb(134,175,91)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#845baf
```
#845baf rgb(132,91,175)
```
#af5b86
```
#af5b86 rgb(175,91,134)
```

Tetradic Color

#3e7f5e
```
#3e7f5e rgb(62,127,94)
```
#46916b
```
#46916b rgb(70,145,107)
```
#4fa277
```
#4fa277 rgb(79,162,119)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#6cb791
```
#6cb791 rgb(108,183,145)
```
#7dc09e
```
#7dc09e rgb(125,192,158)
```
#8ec8ab
```
#8ec8ab rgb(142,200,171)
```

Monochromatic Color

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

#5baf6f
```
#5baf6f rgb(91,175,111)
```
#5baf76
```
#5baf76 rgb(91,175,118)
```
#5baf7d
```
#5baf7d rgb(91,175,125)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#5baf8b
```
#5baf8b rgb(91,175,139)
```
#5baf92
```
#5baf92 rgb(91,175,146)
```
#5baf99
```
#5baf99 rgb(91,175,153)
```

Similar Colors

Text with hexadecimal color #5baf84

This text has a font color of #5baf84.

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

#5baf84 background color

This paragraph has a background color of #5baf84.

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

#5baf84 border color

This element has a border color of #5baf84.

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

CSS codes

.text {color:#5baf84;}

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

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

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

#040705
```
#040705 rgb(4,7,5)
```
#0a150f
```
#0a150f rgb(10,21,15)
```
#102219
```
#102219 rgb(16,34,25)
```
#172f23
```
#172f23 rgb(23,47,35)
```
#1d3c2c
```
#1d3c2c rgb(29,60,44)
```
#244936
```
#244936 rgb(36,73,54)
```
#2a5640
```
#2a5640 rgb(42,86,64)
```
#31644a
```
#31644a rgb(49,100,74)
```
#377153
```
#377153 rgb(55,113,83)
```
#3d7e5d
```
#3d7e5d rgb(61,126,93)
```
#448b67
```
#448b67 rgb(68,139,103)
```
#4a9870
```
#4a9870 rgb(74,152,112)
```
#51a67a
```
#51a67a rgb(81,166,122)
```

Shade Color Variation

#5baf84
```
#5baf84 rgb(91,175,132)
```
#68b58e
```
#68b58e rgb(104,181,142)
```
#75bc98
```
#75bc98 rgb(117,188,152)
```
#83c2a2
```
#83c2a2 rgb(131,194,162)
```
#90c9ac
```
#90c9ac rgb(144,201,172)
```
#9dcfb5
```
#9dcfb5 rgb(157,207,181)
```
#aad6bf
```
#aad6bf rgb(170,214,191)
```
#b7dcc9
```
#b7dcc9 rgb(183,220,201)
```
#c4e2d3
```
#c4e2d3 rgb(196,226,211)
```
#d2e9dd
```
#d2e9dd rgb(210,233,221)
```
#dfefe7
```
#dfefe7 rgb(223,239,231)
```
#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 #10fa82 is the most saturated one.

#818985
```
#818985 rgb(129,137,133)
```
#779385
```
#779385 rgb(119,147,133)
```
#6e9c84
```
#6e9c84 rgb(110,156,132)
```
#64a684
```
#64a684 rgb(100,166,132)
```
#5baf84
```
#5baf84 rgb(91,175,132)
```
#52b884
```
#52b884 rgb(82,184,132)
```
#48c284
```
#48c284 rgb(72,194,132)
```
#3fcb83
```
#3fcb83 rgb(63,203,131)
```
#35d583
```
#35d583 rgb(53,213,131)
```
#2cde83
```
#2cde83 rgb(44,222,131)
```
#23e783
```
#23e783 rgb(35,231,131)
```
#19f182
```
#19f182 rgb(25,241,130)
```
#10fa82
```
#10fa82 rgb(16,250,130)
```

Tone Color Variation

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

Dichromacy

#ada383 Protanopia 1% of men
#b99e91 Deuteranopia 1% of men
#72acb9 Tritanopia 0.001% of the population

Trichromacy

#8fa783 Protanomaly 1% of men, 0.01% of women
#97a48c Deuteranomaly 6% of men, 0.4% of women
#69ada5 Tritanomaly 0.01% of the population

#5baf84 hex color

#5baf84 Color Information

#5baf84 Color Conversion

Color Schemes with #5baf84

Alternatives to #5baf84

#5baf84 Preview

Shades and Tints of #5baf84

Tones of #5baf84

Color Blindness Simulator