#5dba96 hex color

In a RGB color space, hex #5dba96 is composed of 36.5% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 156.8 degrees, a saturation of 40.3% and a lightness of 54.7%. #5dba96 color hex could be obtained by blending #baffff with #00752d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 73
- B 59
RGB color chart
- C 50
- M 0
- Y 19
- K 27
CMYK color chart

● #5dba96 color description : Moderate cyan - lime green.

The hexadecimal color #5dba96 has RGB values of R:93, G:186, B:150 and CMYK values of C:0.5, M:0, Y:0.19, K:0.27. Its decimal value is 6142614.

Hex triplet	5dba96	`#5dba96`
RGB Decimal	93, 186, 150	`rgb(93,186,150)`
RGB Percent	36.5, 72.9, 58.8	`rgb(36.5%,72.9%,58.8%)`
CMYK	50, 0, 19, 27
HSL	156.8°, 40.3, 54.7	`hsl(156.8,40.3%,54.7%)`
HSV (or HSB)	156.8°, 50, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.216, -36.304, 9.853
XYZ	27.576, 39.645, 35.052
xyY	0.27, 0.388, 39.645
CIE-LCH	69.216, 37.618, 164.816
CIE-LUV	69.216, -41.57, 19.959
Hunter-Lab	62.964, -32.011, 11.069
Binary	01011101, 10111010, 10010110

#5dba96
```
#5dba96 rgb(93,186,150)
```
#ba5d81
```
#ba5d81 rgb(186,93,129)
```

Complementary Color

#5dba68
```
#5dba68 rgb(93,186,104)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#5db0ba
```
#5db0ba rgb(93,176,186)
```

Analogous Color

#ba685d
```
#ba685d rgb(186,104,93)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#ba5db0
```
#ba5db0 rgb(186,93,176)
```

Split Complementary Color

#ba965d
```
#ba965d rgb(186,150,93)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#965dba
```
#965dba rgb(150,93,186)
```

Triadic Color

#81ba5d
```
#81ba5d rgb(129,186,93)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#965dba
```
#965dba rgb(150,93,186)
```
#ba5d81
```
#ba5d81 rgb(186,93,129)
```

Tetradic Color

#3c8e6e
```
#3c8e6e rgb(60,142,110)
```
#44a07c
```
#44a07c rgb(68,160,124)
```
#4cb28a
```
#4cb28a rgb(76,178,138)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#6fc2a2
```
#6fc2a2 rgb(111,194,162)
```
#81c9ad
```
#81c9ad rgb(129,201,173)
```
#93d1b9
```
#93d1b9 rgb(147,209,185)
```

Monochromatic Color

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

#5dba7f
```
#5dba7f rgb(93,186,127)
```
#5dba87
```
#5dba87 rgb(93,186,135)
```
#5dba8e
```
#5dba8e rgb(93,186,142)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#5dba9e
```
#5dba9e rgb(93,186,158)
```
#5dbaa6
```
#5dbaa6 rgb(93,186,166)
```
#5dbaad
```
#5dbaad rgb(93,186,173)
```

Similar Colors

Text with hexadecimal color #5dba96

This text has a font color of #5dba96.

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

#5dba96 background color

This paragraph has a background color of #5dba96.

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

#5dba96 border color

This element has a border color of #5dba96.

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

CSS codes

.text {color:#5dba96;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07110d
```
#07110d rgb(7,17,13)
```
#0d1f18
```
#0d1f18 rgb(13,31,24)
```
#132c22
```
#132c22 rgb(19,44,34)
```
#193a2d
```
#193a2d rgb(25,58,45)
```
#1f4838
```
#1f4838 rgb(31,72,56)
```
#245643
```
#245643 rgb(36,86,67)
```
#2a634d
```
#2a634d rgb(42,99,77)
```
#307158
```
#307158 rgb(48,113,88)
```
#367f63
```
#367f63 rgb(54,127,99)
```
#3c8d6d
```
#3c8d6d rgb(60,141,109)
```
#429a78
```
#429a78 rgb(66,154,120)
```
#48a883
```
#48a883 rgb(72,168,131)
```

Shade Color Variation

#4fb48d
```
#4fb48d rgb(79,180,141)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#6bc09f
```
#6bc09f rgb(107,192,159)
```
#79c6a8
```
#79c6a8 rgb(121,198,168)
```
#86ccb1
```
#86ccb1 rgb(134,204,177)
```
#94d1ba
```
#94d1ba rgb(148,209,186)
```
#a2d7c3
```
#a2d7c3 rgb(162,215,195)
```
#b0ddcb
```
#b0ddcb rgb(176,221,203)
```
#bde3d4
```
#bde3d4 rgb(189,227,212)
```
#cbe9dd
```
#cbe9dd rgb(203,233,221)
```
#d9efe6
```
#d9efe6 rgb(217,239,230)
```
#e7f5ef
```
#e7f5ef rgb(231,245,239)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e8c is the less saturated color, while #1ff8a4 is the most saturated one.

#898e8c
```
#898e8c rgb(137,142,140)
```
#81968e
```
#81968e rgb(129,150,142)
```
#789f90
```
#789f90 rgb(120,159,144)
```
#6fa892
```
#6fa892 rgb(111,168,146)
```
#66b194
```
#66b194 rgb(102,177,148)
```
#5dba96
```
#5dba96 rgb(93,186,150)
```
#54c398
```
#54c398 rgb(84,195,152)
```
#4bcc9a
```
#4bcc9a rgb(75,204,154)
```
#42d59c
```
#42d59c rgb(66,213,156)
```
#39de9e
```
#39de9e rgb(57,222,158)
```
#31e6a0
```
#31e6a0 rgb(49,230,160)
```
#28efa2
```
#28efa2 rgb(40,239,162)
```
#1ff8a4
```
#1ff8a4 rgb(31,248,164)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8ea099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ac93 Protanopia 1% of men
#c1a7a2 Deuteranopia 1% of men
#73b7c5 Tritanopia 0.001% of the population

Trichromacy

#95b194 Protanomaly 1% of men, 0.01% of women
#9cae9e Deuteranomaly 6% of men, 0.4% of women
#6bb8b3 Tritanomaly 0.01% of the population

#5dba96 hex color

#5dba96 Color Information

#5dba96 Color Conversion

Color Schemes with #5dba96

Alternatives to #5dba96

#5dba96 Preview

Shades and Tints of #5dba96

Tones of #5dba96

Color Blindness Simulator