#56ba96 hex color

In a RGB color space, hex #56ba96 is composed of 33.7% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 158.4 degrees, a saturation of 42% and a lightness of 53.3%. #56ba96 color hex could be obtained by blending #acffff with #00752d. Closest websafe color is: #66cc99.

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

● #56ba96 color description : Moderate cyan - lime green.

The hexadecimal color #56ba96 has RGB values of R:86, G:186, B:150 and CMYK values of C:0.54, M:0, Y:0.19, K:0.27. Its decimal value is 5683862.

Hex triplet	56ba96	`#56ba96`
RGB Decimal	86, 186, 150	`rgb(86,186,150)`
RGB Percent	33.7, 72.9, 58.8	`rgb(33.7%,72.9%,58.8%)`
CMYK	54, 0, 19, 27
HSL	158.4°, 42, 53.3	`hsl(158.4,42%,53.3%)`
HSV (or HSB)	158.4°, 53.8, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.965, -37.953, 9.462
XYZ	26.9, 39.296, 35.02
xyY	0.266, 0.388, 39.296
CIE-LCH	68.965, 39.115, 166.001
CIE-LUV	68.965, -43.651, 19.645
Hunter-Lab	62.687, -33.105, 10.758
Binary	01010110, 10111010, 10010110

#56ba96
```
#56ba96 rgb(86,186,150)
```
#ba567a
```
#ba567a rgb(186,86,122)
```

Complementary Color

#56ba64
```
#56ba64 rgb(86,186,100)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#56acba
```
#56acba rgb(86,172,186)
```

Analogous Color

#ba6456
```
#ba6456 rgb(186,100,86)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#ba56ac
```
#ba56ac rgb(186,86,172)
```

Split Complementary Color

#ba9656
```
#ba9656 rgb(186,150,86)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#9656ba
```
#9656ba rgb(150,86,186)
```

Triadic Color

#7aba56
```
#7aba56 rgb(122,186,86)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#9656ba
```
#9656ba rgb(150,86,186)
```
#ba567a
```
#ba567a rgb(186,86,122)
```

Tetradic Color

#398b6d
```
#398b6d rgb(57,139,109)
```
#409d7c
```
#409d7c rgb(64,157,124)
```
#47af8a
```
#47af8a rgb(71,175,138)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#68c1a1
```
#68c1a1 rgb(104,193,161)
```
#7ac9ad
```
#7ac9ad rgb(122,201,173)
```
#8cd0b8
```
#8cd0b8 rgb(140,208,184)
```

Monochromatic Color

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

#56ba7d
```
#56ba7d rgb(86,186,125)
```
#56ba85
```
#56ba85 rgb(86,186,133)
```
#56ba8e
```
#56ba8e rgb(86,186,142)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#56ba9e
```
#56ba9e rgb(86,186,158)
```
#56baa7
```
#56baa7 rgb(86,186,167)
```
#56baaf
```
#56baaf rgb(86,186,175)
```

Similar Colors

Text with hexadecimal color #56ba96

This text has a font color of #56ba96.

<span style="color:#56ba96;">Text here</span>

#56ba96 background color

This paragraph has a background color of #56ba96.

<p style="background-color:#56ba96;">Content here</p>

#56ba96 border color

This element has a border color of #56ba96.

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

CSS codes

.text {color:#56ba96;}

.background {background-color:#56ba96;}

.border {border:1px solid #56ba96;}

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, #050c09 is the darkest color, while #fdfefe is the lightest one.

#050c09
```
#050c09 rgb(5,12,9)
```
#0b1a14
```
#0b1a14 rgb(11,26,20)
```
#10281f
```
#10281f rgb(16,40,31)
```
#16362a
```
#16362a rgb(22,54,42)
```
#1c4435
```
#1c4435 rgb(28,68,53)
```
#215240
```
#215240 rgb(33,82,64)
```
#27604b
```
#27604b rgb(39,96,75)
```
#2d6e56
```
#2d6e56 rgb(45,110,86)
```
#327c61
```
#327c61 rgb(50,124,97)
```
#38896c
```
#38896c rgb(56,137,108)
```
#3e9777
```
#3e9777 rgb(62,151,119)
```
#43a582
```
#43a582 rgb(67,165,130)
```
#49b38d
```
#49b38d rgb(73,179,141)
```

Shade Color Variation

#56ba96
```
#56ba96 rgb(86,186,150)
```
#64c09f
```
#64c09f rgb(100,192,159)
```
#72c5a7
```
#72c5a7 rgb(114,197,167)
```
#80cbb0
```
#80cbb0 rgb(128,203,176)
```
#8ed1b9
```
#8ed1b9 rgb(142,209,185)
```
#9cd6c1
```
#9cd6c1 rgb(156,214,193)
```
#aadcca
```
#aadcca rgb(170,220,202)
```
#b8e2d3
```
#b8e2d3 rgb(184,226,211)
```
#c5e7db
```
#c5e7db rgb(197,231,219)
```
#d3ede4
```
#d3ede4 rgb(211,237,228)
```
#e1f3ed
```
#e1f3ed rgb(225,243,237)
```
#eff9f5
```
#eff9f5 rgb(239,249,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848c89 is the less saturated color, while #16faa8 is the most saturated one.

#848c89
```
#848c89 rgb(132,140,137)
```
#7b958c
```
#7b958c rgb(123,149,140)
```
#719f8e
```
#719f8e rgb(113,159,142)
```
#68a891
```
#68a891 rgb(104,168,145)
```
#5fb193
```
#5fb193 rgb(95,177,147)
```
#56ba96
```
#56ba96 rgb(86,186,150)
```
#4dc399
```
#4dc399 rgb(77,195,153)
```
#44cc9b
```
#44cc9b rgb(68,204,155)
```
#3bd59e
```
#3bd59e rgb(59,213,158)
```
#31dfa0
```
#31dfa0 rgb(49,223,160)
```
#28e8a3
```
#28e8a3 rgb(40,232,163)
```
#1ff1a5
```
#1ff1a5 rgb(31,241,165)
```
#16faa8
```
#16faa8 rgb(22,250,168)
```

Tone Color Variation

Below, you can see how #56ba96 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

#989898 Achromatopsia 0.005% of the population
#8b9f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ac93 Protanopia 1% of men
#c0a7a3 Deuteranopia 1% of men
#6eb7c5 Tritanopia 0.001% of the population

Trichromacy

#92b194 Protanomaly 1% of men, 0.01% of women
#99ae9e Deuteranomaly 6% of men, 0.4% of women
#65b8b3 Tritanomaly 0.01% of the population

#56ba96 hex color

#56ba96 Color Information

#56ba96 Color Conversion

Color Schemes with #56ba96

Alternatives to #56ba96

#56ba96 Preview

Shades and Tints of #56ba96

Tones of #56ba96

Color Blindness Simulator