#2ba575 hex color

In a RGB color space, hex #2ba575 is composed of 16.9% red, 64.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 29.1% yellow and 35.3% black. It has a hue angle of 156.4 degrees, a saturation of 58.7% and a lightness of 40.8%. #2ba575 color hex could be obtained by blending #56ffea with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #2ba575 has RGB values of R:43, G:165, B:117 and CMYK values of C:0.74, M:0, Y:0.29, K:0.35. Its decimal value is 2860405.

Hex triplet	2ba575	`#2ba575`
RGB Decimal	43, 165, 117	`rgb(43,165,117)`
RGB Percent	16.9, 64.7, 45.9	`rgb(16.9%,64.7%,45.9%)`
CMYK	74, 0, 29, 35
HSL	156.4°, 58.7, 40.8	`hsl(156.4,58.7%,40.8%)`
HSV (or HSB)	156.4°, 73.9, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.522, -44.518, 15.581
XYZ	17.661, 28.707, 21.439
xyY	0.26, 0.423, 28.707
CIE-LCH	60.522, 47.166, 160.71
CIE-LUV	60.522, -47.222, 28.092
Hunter-Lab	53.578, -34.924, 13.781
Binary	00101011, 10100101, 01110101

#2ba575
```
#2ba575 rgb(43,165,117)
```
#a52b5b
```
#a52b5b rgb(165,43,91)
```

Complementary Color

#2ba538
```
#2ba538 rgb(43,165,56)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#2b98a5
```
#2b98a5 rgb(43,152,165)
```

Analogous Color

#a5382b
```
#a5382b rgb(165,56,43)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#a52b98
```
#a52b98 rgb(165,43,152)
```

Split Complementary Color

#a5752b
```
#a5752b rgb(165,117,43)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#752ba5
```
#752ba5 rgb(117,43,165)
```

Triadic Color

#5ba52b
```
#5ba52b rgb(91,165,43)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#752ba5
```
#752ba5 rgb(117,43,165)
```
#a52b5b
```
#a52b5b rgb(165,43,91)
```

Tetradic Color

#1b684a
```
#1b684a rgb(27,104,74)
```
#207d58
```
#207d58 rgb(32,125,88)
```
#269167
```
#269167 rgb(38,145,103)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#30b983
```
#30b983 rgb(48,185,131)
```
#38cb91
```
#38cb91 rgb(56,203,145)
```
#4cd09c
```
#4cd09c rgb(76,208,156)
```

Monochromatic Color

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

#2ba556
```
#2ba556 rgb(43,165,86)
```
#2ba561
```
#2ba561 rgb(43,165,97)
```
#2ba56b
```
#2ba56b rgb(43,165,107)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#2ba57f
```
#2ba57f rgb(43,165,127)
```
#2ba589
```
#2ba589 rgb(43,165,137)
```
#2ba594
```
#2ba594 rgb(43,165,148)
```

Similar Colors

Text with hexadecimal color #2ba575

This text has a font color of #2ba575.

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

#2ba575 background color

This paragraph has a background color of #2ba575.

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

#2ba575 border color

This element has a border color of #2ba575.

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

CSS codes

.text {color:#2ba575;}

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

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

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, #020907 is the darkest color, while #f9fdfc is the lightest one.

#020907
```
#020907 rgb(2,9,7)
```
#071912
```
#071912 rgb(7,25,18)
```
#0b291d
```
#0b291d rgb(11,41,29)
```
#0f3828
```
#0f3828 rgb(15,56,40)
```
#134833
```
#134833 rgb(19,72,51)
```
#17573e
```
#17573e rgb(23,87,62)
```
#1b6749
```
#1b6749 rgb(27,103,73)
```
#1f7654
```
#1f7654 rgb(31,118,84)
```
#23865f
```
#23865f rgb(35,134,95)
```
#27956a
```
#27956a rgb(39,149,106)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#2fb580
```
#2fb580 rgb(47,181,128)
```
#33c48b
```
#33c48b rgb(51,196,139)
```

Shade Color Variation

#3ecd95
```
#3ecd95 rgb(62,205,149)
```
#4ed19d
```
#4ed19d rgb(78,209,157)
```
#5dd5a6
```
#5dd5a6 rgb(93,213,166)
```
#6dd9ae
```
#6dd9ae rgb(109,217,174)
```
#7cddb7
```
#7cddb7 rgb(124,221,183)
```
#8ce1c0
```
#8ce1c0 rgb(140,225,192)
```
#9be5c8
```
#9be5c8 rgb(155,229,200)
```
#abe9d1
```
#abe9d1 rgb(171,233,209)
```
#bbedd9
```
#bbedd9 rgb(187,237,217)
```
#caf1e2
```
#caf1e2 rgb(202,241,226)
```
#daf5ea
```
#daf5ea rgb(218,245,234)
```
#e9f9f3
```
#e9f9f3 rgb(233,249,243)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#636d69
```
#636d69 rgb(99,109,105)
```
#5b756b
```
#5b756b rgb(91,117,107)
```
#537d6c
```
#537d6c rgb(83,125,108)
```
#4b856e
```
#4b856e rgb(75,133,110)
```
#438d70
```
#438d70 rgb(67,141,112)
```
#3b9572
```
#3b9572 rgb(59,149,114)
```
#339d73
```
#339d73 rgb(51,157,115)
```
#2ba575
```
#2ba575 rgb(43,165,117)
```
#23ad77
```
#23ad77 rgb(35,173,119)
```
#1bb578
```
#1bb578 rgb(27,181,120)
```
#13bd7a
```
#13bd7a rgb(19,189,122)
```
#0bc57c
```
#0bc57c rgb(11,197,124)
```
#03cd7e
```
#03cd7e rgb(3,205,126)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b837a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19774 Protanopia 1% of men
#ac9284 Deuteranopia 1% of men
#51a2ae Tritanopia 0.001% of the population

Trichromacy

#769c74 Protanomaly 1% of men, 0.01% of women
#7d997e Deuteranomaly 6% of men, 0.4% of women
#43a399 Tritanomaly 0.01% of the population

#2ba575 hex color

#2ba575 Color Information

#2ba575 Color Conversion

Color Schemes with #2ba575

Alternatives to #2ba575

#2ba575 Preview

Shades and Tints of #2ba575

Tones of #2ba575

Color Blindness Simulator