colorhexa.com

#5baa76 hex color

In a RGB color space, hex #5baa76 is composed of 35.7% red, 66.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 0% magenta, 30.6% yellow and 33.3% black. It has a hue angle of 140.5 degrees, a saturation of 31.7% and a lightness of 51.2%. #5baa76 color hex could be obtained by blending #b6ffec with #005500. Closest websafe color is: #669966.

- R 36
- G 67
- B 46
RGB color chart
- C 46
- M 0
- Y 31
- K 33
CMYK color chart

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

The hexadecimal color #5baa76 has RGB values of R:91, G:170, B:118 and CMYK values of C:0.46, M:0, Y:0.31, K:0.33. Its decimal value is 6007414.

Hex triplet	5baa76	`#5baa76`
RGB Decimal	91, 170, 118	`rgb(91,170,118)`
RGB Percent	35.7, 66.7, 46.3	`rgb(35.7%,66.7%,46.3%)`
CMYK	46, 0, 31, 33
HSL	140.5°, 31.7, 51.2	`hsl(140.5,31.7%,51.2%)`
HSV (or HSB)	140.5°, 46.5, 66.7
Web Safe	669966	`#669966`

CIE-LAB	63.574, -36.192, 19.461
XYZ	21.958, 32.28, 22.212
xyY	0.287, 0.422, 32.28
CIE-LCH	63.574, 41.092, 151.732
CIE-LUV	63.574, -36.779, 32.118
Hunter-Lab	56.816, -30.442, 16.591
Binary	01011011, 10101010, 01110110

#5baa76
```
#5baa76 rgb(91,170,118)
```
#aa5b8f
```
#aa5b8f rgb(170,91,143)
```

Complementary Color

#68aa5b
```
#68aa5b rgb(104,170,91)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#5baa9e
```
#5baa9e rgb(91,170,158)
```

Analogous Color

#aa5b68
```
#aa5b68 rgb(170,91,104)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#9e5baa
```
#9e5baa rgb(158,91,170)
```

Split Complementary Color

#aa765b
```
#aa765b rgb(170,118,91)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#765baa
```
#765baa rgb(118,91,170)
```

Triadic Color

#8faa5b
```
#8faa5b rgb(143,170,91)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#765baa
```
#765baa rgb(118,91,170)
```
#aa5b8f
```
#aa5b8f rgb(170,91,143)
```

Tetradic Color

#3f7a53
```
#3f7a53 rgb(63,122,83)
```
#488a5e
```
#488a5e rgb(72,138,94)
```
#509b6a
```
#509b6a rgb(80,155,106)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#6cb384
```
#6cb384 rgb(108,179,132)
```
#7dbb92
```
#7dbb92 rgb(125,187,146)
```
#8dc4a0
```
#8dc4a0 rgb(141,196,160)
```

Monochromatic Color

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

#5baa62
```
#5baa62 rgb(91,170,98)
```
#5baa69
```
#5baa69 rgb(91,170,105)
```
#5baa6f
```
#5baa6f rgb(91,170,111)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#5baa7d
```
#5baa7d rgb(91,170,125)
```
#5baa83
```
#5baa83 rgb(91,170,131)
```
#5baa8a
```
#5baa8a rgb(91,170,138)
```

Similar Colors

Text with hexadecimal color #5baa76

This text has a font color of #5baa76.

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

#5baa76 background color

This paragraph has a background color of #5baa76.

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

#5baa76 border color

This element has a border color of #5baa76.

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

CSS codes

.text {color:#5baa76;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09110c
```
#09110c rgb(9,17,12)
```
#0f1e14
```
#0f1e14 rgb(15,30,20)
```
#162b1d
```
#162b1d rgb(22,43,29)
```
#1d3826
```
#1d3826 rgb(29,56,38)
```
#24452f
```
#24452f rgb(36,69,47)
```
#2a5138
```
#2a5138 rgb(42,81,56)
```
#315e40
```
#315e40 rgb(49,94,64)
```
#386b49
```
#386b49 rgb(56,107,73)
```
#3e7852
```
#3e7852 rgb(62,120,82)
```
#45855b
```
#45855b rgb(69,133,91)
```
#4c9264
```
#4c9264 rgb(76,146,100)
```
#529f6d
```
#529f6d rgb(82,159,109)
```

Shade Color Variation

#5baa76
```
#5baa76 rgb(91,170,118)
```
#68b181
```
#68b181 rgb(104,177,129)
```
#75b78c
```
#75b78c rgb(117,183,140)
```
#82be96
```
#82be96 rgb(130,190,150)
```
#8fc5a1
```
#8fc5a1 rgb(143,197,161)
```
#9ccbac
```
#9ccbac rgb(156,203,172)
```
#a9d2b7
```
#a9d2b7 rgb(169,210,183)
```
#b5d9c2
```
#b5d9c2 rgb(181,217,194)
```
#c2e0cc
```
#c2e0cc rgb(194,224,204)
```
#cfe6d7
```
#cfe6d7 rgb(207,230,215)
```
#dcede2
```
#dcede2 rgb(220,237,226)
```
#e9f4ed
```
#e9f4ed rgb(233,244,237)
```
#f6faf8
```
#f6faf8 rgb(246,250,248)
```

Tint Color Variation

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

#818482
```
#818482 rgb(129,132,130)
```
#788d7f
```
#788d7f rgb(120,141,127)
```
#6e977c
```
#6e977c rgb(110,151,124)
```
#65a079
```
#65a079 rgb(101,160,121)
```
#5baa76
```
#5baa76 rgb(91,170,118)
```
#51b473
```
#51b473 rgb(81,180,115)
```
#48bd70
```
#48bd70 rgb(72,189,112)
```
#3ec76d
```
#3ec76d rgb(62,199,109)
```
#35d06a
```
#35d06a rgb(53,208,106)
```
#2bda67
```
#2bda67 rgb(43,218,103)
```
#22e364
```
#22e364 rgb(34,227,100)
```
#18ed61
```
#18ed61 rgb(24,237,97)
```
#0ef75e
```
#0ef75e rgb(14,247,94)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#829288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9f76 Protanopia 1% of men
#b79984 Deuteranopia 1% of men
#73a7b3 Tritanopia 0.001% of the population

Trichromacy

#8da376 Protanomaly 1% of men, 0.01% of women
#959f7f Deuteranomaly 6% of men, 0.4% of women
#6aa89d Tritanomaly 0.01% of the population