#5ba874 hex color

In a RGB color space, hex #5ba874 is composed of 35.7% red, 65.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 31% yellow and 34.1% black. It has a hue angle of 139.5 degrees, a saturation of 30.7% and a lightness of 50.8%. #5ba874 color hex could be obtained by blending #b6ffe8 with #005100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 36
- G 66
- B 45
RGB color chart
- C 46
- M 0
- Y 31
- K 34
CMYK color chart

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

The hexadecimal color #5ba874 has RGB values of R:91, G:168, B:116 and CMYK values of C:0.46, M:0, Y:0.31, K:0.34. Its decimal value is 6006900.

Hex triplet	5ba874	`#5ba874`
RGB Decimal	91, 168, 116	`rgb(91,168,116)`
RGB Percent	35.7, 65.9, 45.5	`rgb(35.7%,65.9%,45.5%)`
CMYK	46, 0, 31, 34
HSL	139.5°, 30.7, 50.8	`hsl(139.5,30.7%,50.8%)`
HSV (or HSB)	139.5°, 45.8, 65.9
Web Safe	669966	`#669966`

CIE-LAB	62.918, -35.664, 19.659
XYZ	21.468, 31.489, 21.469
xyY	0.288, 0.423, 31.489
CIE-LCH	62.918, 40.723, 151.135
CIE-LUV	62.918, -35.992, 32.194
Hunter-Lab	56.115, -29.912, 16.597
Binary	01011011, 10101000, 01110100

#5ba874
```
#5ba874 rgb(91,168,116)
```
#a85b8f
```
#a85b8f rgb(168,91,143)
```

Complementary Color

#69a85b
```
#69a85b rgb(105,168,91)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#5ba89b
```
#5ba89b rgb(91,168,155)
```

Analogous Color

#a85b69
```
#a85b69 rgb(168,91,105)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#9b5ba8
```
#9b5ba8 rgb(155,91,168)
```

Split Complementary Color

#a8745b
```
#a8745b rgb(168,116,91)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#745ba8
```
#745ba8 rgb(116,91,168)
```

Triadic Color

#8fa85b
```
#8fa85b rgb(143,168,91)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#745ba8
```
#745ba8 rgb(116,91,168)
```
#a85b8f
```
#a85b8f rgb(168,91,143)
```

Tetradic Color

#3f7751
```
#3f7751 rgb(63,119,81)
```
#48885d
```
#48885d rgb(72,136,93)
```
#519968
```
#519968 rgb(81,153,104)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#6cb182
```
#6cb182 rgb(108,177,130)
```
#7cba90
```
#7cba90 rgb(124,186,144)
```
#8dc39e
```
#8dc39e rgb(141,195,158)
```

Monochromatic Color

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

#5ba861
```
#5ba861 rgb(91,168,97)
```
#5ba867
```
#5ba867 rgb(91,168,103)
```
#5ba86e
```
#5ba86e rgb(91,168,110)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#5ba87a
```
#5ba87a rgb(91,168,122)
```
#5ba881
```
#5ba881 rgb(91,168,129)
```
#5ba887
```
#5ba887 rgb(91,168,135)
```

Similar Colors

Text with hexadecimal color #5ba874

This text has a font color of #5ba874.

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

#5ba874 background color

This paragraph has a background color of #5ba874.

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

#5ba874 border color

This element has a border color of #5ba874.

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

CSS codes

.text {color:#5ba874;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#080f0b
```
#080f0b rgb(8,15,11)
```
#0f1c13
```
#0f1c13 rgb(15,28,19)
```
#16291c
```
#16291c rgb(22,41,28)
```
#1d3625
```
#1d3625 rgb(29,54,37)
```
#23432e
```
#23432e rgb(35,67,46)
```
#2a5036
```
#2a5036 rgb(42,80,54)
```
#315c3f
```
#315c3f rgb(49,92,63)
```
#386948
```
#386948 rgb(56,105,72)
```
#3f7651
```
#3f7651 rgb(63,118,81)
```
#458359
```
#458359 rgb(69,131,89)
```
#4c9062
```
#4c9062 rgb(76,144,98)
```
#539c6b
```
#539c6b rgb(83,156,107)
```

Shade Color Variation

#5ba874
```
#5ba874 rgb(91,168,116)
```
#68af7f
```
#68af7f rgb(104,175,127)
```
#75b68a
```
#75b68a rgb(117,182,138)
```
#81bc95
```
#81bc95 rgb(129,188,149)
```
#8ec39f
```
#8ec39f rgb(142,195,159)
```
#9bcaaa
```
#9bcaaa rgb(155,202,170)
```
#a8d1b5
```
#a8d1b5 rgb(168,209,181)
```
#b5d8c0
```
#b5d8c0 rgb(181,216,192)
```
#c2decb
```
#c2decb rgb(194,222,203)
```
#cee5d6
```
#cee5d6 rgb(206,229,214)
```
#dbece1
```
#dbece1 rgb(219,236,225)
```
#e8f3eb
```
#e8f3eb rgb(232,243,235)
```
#f5faf6
```
#f5faf6 rgb(245,250,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788b7e is the less saturated color, while #04ff56 is the most saturated one.

#788b7e
```
#788b7e rgb(120,139,126)
```
#6e957b
```
#6e957b rgb(110,149,123)
```
#659e77
```
#659e77 rgb(101,158,119)
```
#5ba874
```
#5ba874 rgb(91,168,116)
```
#51b271
```
#51b271 rgb(81,178,113)
```
#48bb6d
```
#48bb6d rgb(72,187,109)
```
#3ec56a
```
#3ec56a rgb(62,197,106)
```
#34cf66
```
#34cf66 rgb(52,207,102)
```
#2bd863
```
#2bd863 rgb(43,216,99)
```
#21e260
```
#21e260 rgb(33,226,96)
```
#17ec5c
```
#17ec5c rgb(23,236,92)
```
#0ef559
```
#0ef559 rgb(14,245,89)
```
#04ff56
```
#04ff56 rgb(4,255,86)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#819186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d74 Protanopia 1% of men
#b59782 Deuteranopia 1% of men
#72a5b1 Tritanopia 0.001% of the population

Trichromacy

#8ca174 Protanomaly 1% of men, 0.01% of women
#949d7d Deuteranomaly 6% of men, 0.4% of women
#6aa69b Tritanomaly 0.01% of the population

#5ba874 hex color

#5ba874 Color Information

#5ba874 Color Conversion

Color Schemes with #5ba874

Alternatives to #5ba874

#5ba874 Preview

Shades and Tints of #5ba874

Tones of #5ba874

Color Blindness Simulator