#2ba778 hex color

In a RGB color space, hex #2ba778 is composed of 16.9% red, 65.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 28.1% yellow and 34.5% black. It has a hue angle of 157.3 degrees, a saturation of 59% and a lightness of 41.2%. #2ba778 color hex could be obtained by blending #56fff0 with #004f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 65
- B 47
RGB color chart
- C 74
- M 0
- Y 28
- K 35
CMYK color chart

● #2ba778 color description : Dark cyan - lime green.

The hexadecimal color #2ba778 has RGB values of R:43, G:167, B:120 and CMYK values of C:0.74, M:0, Y:0.28, K:0.35. Its decimal value is 2860920.

Hex triplet	2ba778	`#2ba778`
RGB Decimal	43, 167, 120	`rgb(43,167,120)`
RGB Percent	16.9, 65.5, 47.1	`rgb(16.9%,65.5%,47.1%)`
CMYK	74, 0, 28, 35
HSL	157.3°, 59, 41.2	`hsl(157.3,59%,41.2%)`
HSV (or HSB)	157.3°, 74.3, 65.5
Web Safe	339966	`#339966`

CIE-LAB	61.225, -44.656, 14.898
XYZ	18.204, 29.505, 22.504
xyY	0.259, 0.42, 29.505
CIE-LCH	61.225, 47.075, 161.55
CIE-LUV	61.225, -47.764, 27.311
Hunter-Lab	54.319, -35.238, 13.46
Binary	00101011, 10100111, 01111000

#2ba778
```
#2ba778 rgb(43,167,120)
```
#a72b5a
```
#a72b5a rgb(167,43,90)
```

Complementary Color

#2ba73a
```
#2ba73a rgb(43,167,58)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#2b98a7
```
#2b98a7 rgb(43,152,167)
```

Analogous Color

#a73a2b
```
#a73a2b rgb(167,58,43)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#a72b98
```
#a72b98 rgb(167,43,152)
```

Split Complementary Color

#a7782b
```
#a7782b rgb(167,120,43)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#782ba7
```
#782ba7 rgb(120,43,167)
```

Triadic Color

#5aa72b
```
#5aa72b rgb(90,167,43)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#782ba7
```
#782ba7 rgb(120,43,167)
```
#a72b5a
```
#a72b5a rgb(167,43,90)
```

Tetradic Color

#1b6a4c
```
#1b6a4c rgb(27,106,76)
```
#217e5b
```
#217e5b rgb(33,126,91)
```
#269369
```
#269369 rgb(38,147,105)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#30bb87
```
#30bb87 rgb(48,187,135)
```
#39cc94
```
#39cc94 rgb(57,204,148)
```
#4dd19f
```
#4dd19f rgb(77,209,159)
```

Monochromatic Color

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

#2ba759
```
#2ba759 rgb(43,167,89)
```
#2ba763
```
#2ba763 rgb(43,167,99)
```
#2ba76e
```
#2ba76e rgb(43,167,110)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#2ba782
```
#2ba782 rgb(43,167,130)
```
#2ba78d
```
#2ba78d rgb(43,167,141)
```
#2ba797
```
#2ba797 rgb(43,167,151)
```

Similar Colors

Text with hexadecimal color #2ba778

This text has a font color of #2ba778.

<span style="color:#2ba778;">Text here</span>

#2ba778 background color

This paragraph has a background color of #2ba778.

<p style="background-color:#2ba778;">Content here</p>

#2ba778 border color

This element has a border color of #2ba778.

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

CSS codes

.text {color:#2ba778;}

.background {background-color:#2ba778;}

.border {border:1px solid #2ba778;}

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, #030b08 is the darkest color, while #fafefd is the lightest one.

#030b08
```
#030b08 rgb(3,11,8)
```
#071b13
```
#071b13 rgb(7,27,19)
```
#0b2a1e
```
#0b2a1e rgb(11,42,30)
```
#0f3a2a
```
#0f3a2a rgb(15,58,42)
```
#134935
```
#134935 rgb(19,73,53)
```
#175940
```
#175940 rgb(23,89,64)
```
#1b694b
```
#1b694b rgb(27,105,75)
```
#1f7856
```
#1f7856 rgb(31,120,86)
```
#238862
```
#238862 rgb(35,136,98)
```
#27976d
```
#27976d rgb(39,151,109)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#2fb783
```
#2fb783 rgb(47,183,131)
```
#33c68e
```
#33c68e rgb(51,198,142)
```

Shade Color Variation

#3fce98
```
#3fce98 rgb(63,206,152)
```
#4fd2a0
```
#4fd2a0 rgb(79,210,160)
```
#5ed6a8
```
#5ed6a8 rgb(94,214,168)
```
#6edab1
```
#6edab1 rgb(110,218,177)
```
#7edeb9
```
#7edeb9 rgb(126,222,185)
```
#8de2c2
```
#8de2c2 rgb(141,226,194)
```
#9de6ca
```
#9de6ca rgb(157,230,202)
```
#acead2
```
#acead2 rgb(172,234,210)
```
#bceedb
```
#bceedb rgb(188,238,219)
```
#ccf2e3
```
#ccf2e3 rgb(204,242,227)
```
#dbf6ec
```
#dbf6ec rgb(219,246,236)
```
#ebfaf4
```
#ebfaf4 rgb(235,250,244)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#646e6a
```
#646e6a rgb(100,110,106)
```
#5b776c
```
#5b776c rgb(91,119,108)
```
#537f6e
```
#537f6e rgb(83,127,110)
```
#4b8770
```
#4b8770 rgb(75,135,112)
```
#438f72
```
#438f72 rgb(67,143,114)
```
#3b9774
```
#3b9774 rgb(59,151,116)
```
#339f76
```
#339f76 rgb(51,159,118)
```
#2ba778
```
#2ba778 rgb(43,167,120)
```
#23af7a
```
#23af7a rgb(35,175,122)
```
#1bb77c
```
#1bb77c rgb(27,183,124)
```
#13bf7e
```
#13bf7e rgb(19,191,126)
```
#0bc780
```
#0bc780 rgb(11,199,128)
```
#03cf82
```
#03cf82 rgb(3,207,130)
```

Tone Color Variation

Below, you can see how #2ba778 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

#7d7d7d Achromatopsia 0.005% of the population
#6d857c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39976 Protanopia 1% of men
#ae9487 Deuteranopia 1% of men
#51a4b0 Tritanopia 0.001% of the population

Trichromacy

#779e77 Protanomaly 1% of men, 0.01% of women
#7e9a81 Deuteranomaly 6% of men, 0.4% of women
#43a59c Tritanomaly 0.01% of the population

#2ba778 hex color

#2ba778 Color Information

#2ba778 Color Conversion

Color Schemes with #2ba778

Alternatives to #2ba778

#2ba778 Preview

Shades and Tints of #2ba778

Tones of #2ba778

Color Blindness Simulator