#5baf70 hex color

In a RGB color space, hex #5baf70 is composed of 35.7% red, 68.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 36% yellow and 31.4% black. It has a hue angle of 135 degrees, a saturation of 34.4% and a lightness of 52.2%. #5baf70 color hex could be obtained by blending #b6ffe0 with #005f00. Closest websafe color is: #669966.

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

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

The hexadecimal color #5baf70 has RGB values of R:91, G:175, B:112 and CMYK values of C:0.48, M:0, Y:0.36, K:0.31. Its decimal value is 6008688.

Hex triplet	5baf70	`#5baf70`
RGB Decimal	91, 175, 112	`rgb(91,175,112)`
RGB Percent	35.7, 68.6, 43.9	`rgb(35.7%,68.6%,43.9%)`
CMYK	48, 0, 36, 31
HSL	135°, 34.4, 52.2	`hsl(135,34.4%,52.2%)`
HSV (or HSB)	135°, 48, 68.6
Web Safe	669966	`#669966`

CIE-LAB	65.004, -39.543, 24.64
XYZ	22.568, 34.052, 20.712
xyY	0.292, 0.44, 34.052
CIE-LCH	65.004, 46.591, 148.072
CIE-LUV	65.004, -39.083, 39.142
Hunter-Lab	58.355, -33.088, 19.804
Binary	01011011, 10101111, 01110000

#5baf70
```
#5baf70 rgb(91,175,112)
```
#af5b9a
```
#af5b9a rgb(175,91,154)
```

Complementary Color

#70af5b
```
#70af5b rgb(112,175,91)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#5baf9a
```
#5baf9a rgb(91,175,154)
```

Analogous Color

#af5b70
```
#af5b70 rgb(175,91,112)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#9a5baf
```
#9a5baf rgb(154,91,175)
```

Split Complementary Color

#af705b
```
#af705b rgb(175,112,91)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#705baf
```
#705baf rgb(112,91,175)
```

Triadic Color

#9aaf5b
```
#9aaf5b rgb(154,175,91)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#705baf
```
#705baf rgb(112,91,175)
```
#af5b9a
```
#af5b9a rgb(175,91,154)
```

Tetradic Color

#3e7f4e
```
#3e7f4e rgb(62,127,78)
```
#469159
```
#469159 rgb(70,145,89)
```
#4fa264
```
#4fa264 rgb(79,162,100)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#6cb77f
```
#6cb77f rgb(108,183,127)
```
#7dc08e
```
#7dc08e rgb(125,192,142)
```
#8ec89d
```
#8ec89d rgb(142,200,157)
```

Monochromatic Color

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

#5baf5b
```
#5baf5b rgb(91,175,91)
```
#5baf62
```
#5baf62 rgb(91,175,98)
```
#5baf69
```
#5baf69 rgb(91,175,105)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#5baf77
```
#5baf77 rgb(91,175,119)
```
#5baf7e
```
#5baf7e rgb(91,175,126)
```
#5baf85
```
#5baf85 rgb(91,175,133)
```

Similar Colors

Text with hexadecimal color #5baf70

This text has a font color of #5baf70.

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

#5baf70 background color

This paragraph has a background color of #5baf70.

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

#5baf70 border color

This element has a border color of #5baf70.

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

CSS codes

.text {color:#5baf70;}

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

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

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 #f9fcfa is the lightest one.

#040705
```
#040705 rgb(4,7,5)
```
#0a150d
```
#0a150d rgb(10,21,13)
```
#102215
```
#102215 rgb(16,34,21)
```
#172f1d
```
#172f1d rgb(23,47,29)
```
#1d3c25
```
#1d3c25 rgb(29,60,37)
```
#24492d
```
#24492d rgb(36,73,45)
```
#2a5635
```
#2a5635 rgb(42,86,53)
```
#31643d
```
#31643d rgb(49,100,61)
```
#377146
```
#377146 rgb(55,113,70)
```
#3d7e4e
```
#3d7e4e rgb(61,126,78)
```
#448b56
```
#448b56 rgb(68,139,86)
```
#4a985e
```
#4a985e rgb(74,152,94)
```
#51a666
```
#51a666 rgb(81,166,102)
```

Shade Color Variation

#5baf70
```
#5baf70 rgb(91,175,112)
```
#68b57b
```
#68b57b rgb(104,181,123)
```
#75bc87
```
#75bc87 rgb(117,188,135)
```
#83c292
```
#83c292 rgb(131,194,146)
```
#90c99e
```
#90c99e rgb(144,201,158)
```
#9dcfa9
```
#9dcfa9 rgb(157,207,169)
```
#aad6b5
```
#aad6b5 rgb(170,214,181)
```
#b7dcc0
```
#b7dcc0 rgb(183,220,192)
```
#c4e2cc
```
#c4e2cc rgb(196,226,204)
```
#d2e9d7
```
#d2e9d7 rgb(210,233,215)
```
#dfefe3
```
#dfefe3 rgb(223,239,227)
```
#ecf6ee
```
#ecf6ee rgb(236,246,238)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

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

#818983
```
#818983 rgb(129,137,131)
```
#77937e
```
#77937e rgb(119,147,126)
```
#6e9c79
```
#6e9c79 rgb(110,156,121)
```
#64a675
```
#64a675 rgb(100,166,117)
```
#5baf70
```
#5baf70 rgb(91,175,112)
```
#52b86b
```
#52b86b rgb(82,184,107)
```
#48c267
```
#48c267 rgb(72,194,103)
```
#3fcb62
```
#3fcb62 rgb(63,203,98)
```
#35d55d
```
#35d55d rgb(53,213,93)
```
#2cde59
```
#2cde59 rgb(44,222,89)
```
#23e754
```
#23e754 rgb(35,231,84)
```
#19f14f
```
#19f14f rgb(25,241,79)
```
#10fa4a
```
#10fa4a rgb(16,250,74)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#859589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa270 Protanopia 1% of men
#be9c7f Deuteranopia 1% of men
#75abb7 Tritanopia 0.001% of the population

Trichromacy

#90a770 Protanomaly 1% of men, 0.01% of women
#9aa379 Deuteranomaly 6% of men, 0.4% of women
#6bac9d Tritanomaly 0.01% of the population

#5baf70 hex color

#5baf70 Color Information

#5baf70 Color Conversion

Color Schemes with #5baf70

Alternatives to #5baf70

#5baf70 Preview

Shades and Tints of #5baf70

Tones of #5baf70

Color Blindness Simulator