#5ba885 hex color

In a RGB color space, hex #5ba885 is composed of 35.7% red, 65.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 20.8% yellow and 34.1% black. It has a hue angle of 152.7 degrees, a saturation of 30.7% and a lightness of 50.8%. #5ba885 color hex could be obtained by blending #b6ffff with #00510b. Closest websafe color is: #669999.

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

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

The hexadecimal color #5ba885 has RGB values of R:91, G:168, B:133 and CMYK values of C:0.46, M:0, Y:0.21, K:0.34. Its decimal value is 6006917.

Hex triplet	5ba885	`#5ba885`
RGB Decimal	91, 168, 133	`rgb(91,168,133)`
RGB Percent	35.7, 65.9, 52.2	`rgb(35.7%,65.9%,52.2%)`
CMYK	46, 0, 21, 34
HSL	152.7°, 30.7, 50.8	`hsl(152.7,30.7%,50.8%)`
HSV (or HSB)	152.7°, 45.8, 65.9
Web Safe	669999	`#669999`

CIE-LAB	63.278, -32.186, 10.784
XYZ	22.549, 31.921, 27.162
xyY	0.276, 0.391, 31.921
CIE-LCH	63.278, 33.945, 161.476
CIE-LUV	63.278, -35.447, 20.21
Hunter-Lab	56.499, -27.633, 11.045
Binary	01011011, 10101000, 10000101

#5ba885
```
#5ba885 rgb(91,168,133)
```
#a85b7e
```
#a85b7e rgb(168,91,126)
```

Complementary Color

#5ba85f
```
#5ba85f rgb(91,168,95)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#5ba5a8
```
#5ba5a8 rgb(91,165,168)
```

Analogous Color

#a85f5b
```
#a85f5b rgb(168,95,91)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#a85ba5
```
#a85ba5 rgb(168,91,165)
```

Split Complementary Color

#a8855b
```
#a8855b rgb(168,133,91)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#855ba8
```
#855ba8 rgb(133,91,168)
```

Triadic Color

#7ea85b
```
#7ea85b rgb(126,168,91)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#855ba8
```
#855ba8 rgb(133,91,168)
```
#a85b7e
```
#a85b7e rgb(168,91,126)
```

Tetradic Color

#3f775e
```
#3f775e rgb(63,119,94)
```
#48886b
```
#48886b rgb(72,136,107)
```
#519978
```
#519978 rgb(81,153,120)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#6cb191
```
#6cb191 rgb(108,177,145)
```
#7cba9e
```
#7cba9e rgb(124,186,158)
```
#8dc3aa
```
#8dc3aa rgb(141,195,170)
```

Monochromatic Color

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

#5ba872
```
#5ba872 rgb(91,168,114)
```
#5ba878
```
#5ba878 rgb(91,168,120)
```
#5ba87f
```
#5ba87f rgb(91,168,127)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#5ba88b
```
#5ba88b rgb(91,168,139)
```
#5ba892
```
#5ba892 rgb(91,168,146)
```
#5ba898
```
#5ba898 rgb(91,168,152)
```

Similar Colors

Text with hexadecimal color #5ba885

This text has a font color of #5ba885.

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

#5ba885 background color

This paragraph has a background color of #5ba885.

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

#5ba885 border color

This element has a border color of #5ba885.

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

CSS codes

.text {color:#5ba885;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#080f0c
```
#080f0c rgb(8,15,12)
```
#0f1c16
```
#0f1c16 rgb(15,28,22)
```
#162920
```
#162920 rgb(22,41,32)
```
#1d362a
```
#1d362a rgb(29,54,42)
```
#234334
```
#234334 rgb(35,67,52)
```
#2a503f
```
#2a503f rgb(42,80,63)
```
#315c49
```
#315c49 rgb(49,92,73)
```
#386953
```
#386953 rgb(56,105,83)
```
#3f765d
```
#3f765d rgb(63,118,93)
```
#458367
```
#458367 rgb(69,131,103)
```
#4c9071
```
#4c9071 rgb(76,144,113)
```
#539c7b
```
#539c7b rgb(83,156,123)
```

Shade Color Variation

#5ba885
```
#5ba885 rgb(91,168,133)
```
#68af8f
```
#68af8f rgb(104,175,143)
```
#75b698
```
#75b698 rgb(117,182,152)
```
#81bca2
```
#81bca2 rgb(129,188,162)
```
#8ec3ab
```
#8ec3ab rgb(142,195,171)
```
#9bcab5
```
#9bcab5 rgb(155,202,181)
```
#a8d1be
```
#a8d1be rgb(168,209,190)
```
#b5d8c8
```
#b5d8c8 rgb(181,216,200)
```
#c2ded1
```
#c2ded1 rgb(194,222,209)
```
#cee5db
```
#cee5db rgb(206,229,219)
```
#dbece4
```
#dbece4 rgb(219,236,228)
```
#e8f3ee
```
#e8f3ee rgb(232,243,238)
```
#f5faf7
```
#f5faf7 rgb(245,250,247)
```

Tint Color Variation

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

#788b82
```
#788b82 rgb(120,139,130)
```
#6e9583
```
#6e9583 rgb(110,149,131)
```
#659e84
```
#659e84 rgb(101,158,132)
```
#5ba885
```
#5ba885 rgb(91,168,133)
```
#51b286
```
#51b286 rgb(81,178,134)
```
#48bb87
```
#48bb87 rgb(72,187,135)
```
#3ec588
```
#3ec588 rgb(62,197,136)
```
#34cf89
```
#34cf89 rgb(52,207,137)
```
#2bd889
```
#2bd889 rgb(43,216,137)
```
#21e28a
```
#21e28a rgb(33,226,138)
```
#17ec8b
```
#17ec8b rgb(23,236,139)
```
#0ef58c
```
#0ef58c rgb(14,245,140)
```
#04ff8d
```
#04ff8d rgb(4,255,141)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#83928b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79e84 Protanopia 1% of men
#b19991 Deuteranopia 1% of men
#6fa6b3 Tritanopia 0.001% of the population

Trichromacy

#8ba184 Protanomaly 1% of men, 0.01% of women
#929e8d Deuteranomaly 6% of men, 0.4% of women
#68a7a2 Tritanomaly 0.01% of the population

#5ba885 hex color

#5ba885 Color Information

#5ba885 Color Conversion

Color Schemes with #5ba885

Alternatives to #5ba885

#5ba885 Preview

Shades and Tints of #5ba885

Tones of #5ba885

Color Blindness Simulator