#5ba388 hex color

In a RGB color space, hex #5ba388 is composed of 35.7% red, 63.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 0% magenta, 16.6% yellow and 36.1% black. It has a hue angle of 157.5 degrees, a saturation of 28.3% and a lightness of 49.8%. #5ba388 color hex could be obtained by blending #b6ffff with #004711. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 64
- B 53
RGB color chart
- C 44
- M 0
- Y 17
- K 36
CMYK color chart

● #5ba388 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5ba388 has RGB values of R:91, G:163, B:136 and CMYK values of C:0.44, M:0, Y:0.17, K:0.36. Its decimal value is 6005640.

Hex triplet	5ba388	`#5ba388`
RGB Decimal	91, 163, 136	`rgb(91,163,136)`
RGB Percent	35.7, 63.9, 53.3	`rgb(35.7%,63.9%,53.3%)`
CMYK	44, 0, 17, 36
HSL	157.5°, 28.3, 49.8	`hsl(157.5,28.3%,49.8%)`
HSV (or HSB)	157.5°, 44.2, 63.9
Web Safe	669999	`#669999`

CIE-LAB	61.822, -29.124, 7.041
XYZ	21.854, 30.195, 27.968
xyY	0.273, 0.377, 30.195
CIE-LCH	61.822, 29.964, 166.408
CIE-LUV	61.822, -33.249, 14.534
Hunter-Lab	54.95, -25.171, 8.288
Binary	01011011, 10100011, 10001000

#5ba388
```
#5ba388 rgb(91,163,136)
```
#a35b76
```
#a35b76 rgb(163,91,118)
```

Complementary Color

#5ba364
```
#5ba364 rgb(91,163,100)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#5b9aa3
```
#5b9aa3 rgb(91,154,163)
```

Analogous Color

#a3645b
```
#a3645b rgb(163,100,91)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#a35b9a
```
#a35b9a rgb(163,91,154)
```

Split Complementary Color

#a3885b
```
#a3885b rgb(163,136,91)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#885ba3
```
#885ba3 rgb(136,91,163)
```

Triadic Color

#76a35b
```
#76a35b rgb(118,163,91)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#885ba3
```
#885ba3 rgb(136,91,163)
```
#a35b76
```
#a35b76 rgb(163,91,118)
```

Tetradic Color

#40725f
```
#40725f rgb(64,114,95)
```
#49826d
```
#49826d rgb(73,130,109)
```
#52937a
```
#52937a rgb(82,147,122)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#6bac94
```
#6bac94 rgb(107,172,148)
```
#7bb6a0
```
#7bb6a0 rgb(123,182,160)
```
#8cbfac
```
#8cbfac rgb(140,191,172)
```

Monochromatic Color

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

#5ba376
```
#5ba376 rgb(91,163,118)
```
#5ba37c
```
#5ba37c rgb(91,163,124)
```
#5ba382
```
#5ba382 rgb(91,163,130)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#5ba38e
```
#5ba38e rgb(91,163,142)
```
#5ba394
```
#5ba394 rgb(91,163,148)
```
#5ba39a
```
#5ba39a rgb(91,163,154)
```

Similar Colors

Text with hexadecimal color #5ba388

This text has a font color of #5ba388.

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

#5ba388 background color

This paragraph has a background color of #5ba388.

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

#5ba388 border color

This element has a border color of #5ba388.

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

CSS codes

.text {color:#5ba388;}

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

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

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, #070c0a is the darkest color, while #feffff is the lightest one.

#070c0a
```
#070c0a rgb(7,12,10)
```
#0e1914
```
#0e1914 rgb(14,25,20)
```
#15251f
```
#15251f rgb(21,37,31)
```
#1c3229
```
#1c3229 rgb(28,50,41)
```
#233e34
```
#233e34 rgb(35,62,52)
```
#2a4b3e
```
#2a4b3e rgb(42,75,62)
```
#315749
```
#315749 rgb(49,87,73)
```
#386453
```
#386453 rgb(56,100,83)
```
#3f715e
```
#3f715e rgb(63,113,94)
```
#467d68
```
#467d68 rgb(70,125,104)
```
#4d8a73
```
#4d8a73 rgb(77,138,115)
```
#54967d
```
#54967d rgb(84,150,125)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```

Shade Color Variation

#67aa91
```
#67aa91 rgb(103,170,145)
```
#74b19a
```
#74b19a rgb(116,177,154)
```
#80b8a3
```
#80b8a3 rgb(128,184,163)
```
#8dbfad
```
#8dbfad rgb(141,191,173)
```
#9ac6b6
```
#9ac6b6 rgb(154,198,182)
```
#a6cdbf
```
#a6cdbf rgb(166,205,191)
```
#b3d4c8
```
#b3d4c8 rgb(179,212,200)
```
#bfdcd1
```
#bfdcd1 rgb(191,220,209)
```
#cce3da
```
#cce3da rgb(204,227,218)
```
#d9eae3
```
#d9eae3 rgb(217,234,227)
```
#e5f1ec
```
#e5f1ec rgb(229,241,236)
```
#f2f8f5
```
#f2f8f5 rgb(242,248,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#788681
```
#788681 rgb(120,134,129)
```
#6f8f83
```
#6f8f83 rgb(111,143,131)
```
#659986
```
#659986 rgb(101,153,134)
```
#5ba388
```
#5ba388 rgb(91,163,136)
```
#51ad8a
```
#51ad8a rgb(81,173,138)
```
#47b78d
```
#47b78d rgb(71,183,141)
```
#3ec08f
```
#3ec08f rgb(62,192,143)
```
#34ca92
```
#34ca92 rgb(52,202,146)
```
#2ad494
```
#2ad494 rgb(42,212,148)
```
#20de97
```
#20de97 rgb(32,222,151)
```
#17e799
```
#17e799 rgb(23,231,153)
```
#0df19c
```
#0df19c rgb(13,241,156)
```
#03fb9e
```
#03fb9e rgb(3,251,158)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19a87 Protanopia 1% of men
#ab9594 Deuteranopia 1% of men
#6da3ae Tritanopia 0.001% of the population

Trichromacy

#889d87 Protanomaly 1% of men, 0.01% of women
#8e9a8f Deuteranomaly 6% of men, 0.4% of women
#66a3a0 Tritanomaly 0.01% of the population

#5ba388 hex color

#5ba388 Color Information

#5ba388 Color Conversion

Color Schemes with #5ba388

Alternatives to #5ba388

#5ba388 Preview

Shades and Tints of #5ba388

Tones of #5ba388

Color Blindness Simulator