#2baf89 hex color

In a RGB color space, hex #2baf89 is composed of 16.9% red, 68.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 21.7% yellow and 31.4% black. It has a hue angle of 162.7 degrees, a saturation of 60.6% and a lightness of 42.7%. #2baf89 color hex could be obtained by blending #56ffff with #005f13. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 69
- B 54
RGB color chart
- C 75
- M 0
- Y 22
- K 31
CMYK color chart

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

The hexadecimal color #2baf89 has RGB values of R:43, G:175, B:137 and CMYK values of C:0.75, M:0, Y:0.22, K:0.31. Its decimal value is 2862985.

Hex triplet	2baf89	`#2baf89`
RGB Decimal	43, 175, 137	`rgb(43,175,137)`
RGB Percent	16.9, 68.6, 53.7	`rgb(16.9%,68.6%,53.7%)`
CMYK	75, 0, 22, 31
HSL	162.7°, 60.6, 42.7	`hsl(162.7,60.6%,42.7%)`
HSV (or HSB)	162.7°, 75.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.143, -43.942, 9.598
XYZ	20.84, 32.978, 28.933
xyY	0.252, 0.399, 32.978
CIE-LCH	64.143, 44.978, 167.679
CIE-LUV	64.143, -49.563, 20.378
Hunter-Lab	57.426, -35.718, 10.327
Binary	00101011, 10101111, 10001001

#2baf89
```
#2baf89 rgb(43,175,137)
```
#af2b51
```
#af2b51 rgb(175,43,81)
```

Complementary Color

#2baf47
```
#2baf47 rgb(43,175,71)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#2b93af
```
#2b93af rgb(43,147,175)
```

Analogous Color

#af472b
```
#af472b rgb(175,71,43)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#af2b93
```
#af2b93 rgb(175,43,147)
```

Split Complementary Color

#af892b
```
#af892b rgb(175,137,43)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#892baf
```
#892baf rgb(137,43,175)
```

Triadic Color

#51af2b
```
#51af2b rgb(81,175,43)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#892baf
```
#892baf rgb(137,43,175)
```
#af2b51
```
#af2b51 rgb(175,43,81)
```

Tetradic Color

#1c7259
```
#1c7259 rgb(28,114,89)
```
#218669
```
#218669 rgb(33,134,105)
```
#269b79
```
#269b79 rgb(38,155,121)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#30c399
```
#30c399 rgb(48,195,153)
```
#3ecfa5
```
#3ecfa5 rgb(62,207,165)
```
#52d4af
```
#52d4af rgb(82,212,175)
```

Monochromatic Color

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

#2baf68
```
#2baf68 rgb(43,175,104)
```
#2baf73
```
#2baf73 rgb(43,175,115)
```
#2baf7e
```
#2baf7e rgb(43,175,126)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#2baf94
```
#2baf94 rgb(43,175,148)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#2bafaa
```
#2bafaa rgb(43,175,170)
```

Similar Colors

Text with hexadecimal color #2baf89

This text has a font color of #2baf89.

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

#2baf89 background color

This paragraph has a background color of #2baf89.

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

#2baf89 border color

This element has a border color of #2baf89.

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

CSS codes

.text {color:#2baf89;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120e
```
#04120e rgb(4,18,14)
```
#08211a
```
#08211a rgb(8,33,26)
```
#0c3126
```
#0c3126 rgb(12,49,38)
```
#104133
```
#104133 rgb(16,65,51)
```
#14513f
```
#14513f rgb(20,81,63)
```
#18604b
```
#18604b rgb(24,96,75)
```
#1c7058
```
#1c7058 rgb(28,112,88)
```
#1f8064
```
#1f8064 rgb(31,128,100)
```
#239070
```
#239070 rgb(35,144,112)
```
#279f7d
```
#279f7d rgb(39,159,125)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#2fbf95
```
#2fbf95 rgb(47,191,149)
```

Shade Color Variation

#34cda1
```
#34cda1 rgb(52,205,161)
```
#44d1a8
```
#44d1a8 rgb(68,209,168)
```
#54d5b0
```
#54d5b0 rgb(84,213,176)
```
#63d9b7
```
#63d9b7 rgb(99,217,183)
```
#73ddbe
```
#73ddbe rgb(115,221,190)
```
#83e0c6
```
#83e0c6 rgb(131,224,198)
```
#93e4cd
```
#93e4cd rgb(147,228,205)
```
#a2e8d4
```
#a2e8d4 rgb(162,232,212)
```
#b2ecdb
```
#b2ecdb rgb(178,236,219)
```
#c2f0e3
```
#c2f0e3 rgb(194,240,227)
```
#d2f4ea
```
#d2f4ea rgb(210,244,234)
```
#e1f8f1
```
#e1f8f1 rgb(225,248,241)
```
#f1fcf9
```
#f1fcf9 rgb(241,252,249)
```

Tint Color Variation

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

#667470
```
#667470 rgb(102,116,112)
```
#5d7d74
```
#5d7d74 rgb(93,125,116)
```
#558577
```
#558577 rgb(85,133,119)
```
#4d8d7b
```
#4d8d7b rgb(77,141,123)
```
#44967e
```
#44967e rgb(68,150,126)
```
#3c9e82
```
#3c9e82 rgb(60,158,130)
```
#33a785
```
#33a785 rgb(51,167,133)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#23b78d
```
#23b78d rgb(35,183,141)
```
#1ac090
```
#1ac090 rgb(26,192,144)
```
#12c894
```
#12c894 rgb(18,200,148)
```
#09d197
```
#09d197 rgb(9,209,151)
```
#01d99b
```
#01d99b rgb(1,217,155)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#718c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a086 Protanopia 1% of men
#b39b97 Deuteranopia 1% of men
#50adb9 Tritanopia 0.001% of the population

Trichromacy

#7ba587 Protanomaly 1% of men, 0.01% of women
#81a292 Deuteranomaly 6% of men, 0.4% of women
#42ada8 Tritanomaly 0.01% of the population

#2baf89 hex color

#2baf89 Color Information

#2baf89 Color Conversion

Color Schemes with #2baf89

Alternatives to #2baf89

#2baf89 Preview

Shades and Tints of #2baf89

Tones of #2baf89

Color Blindness Simulator