#2baf68 hex color

In a RGB color space, hex #2baf68 is composed of 16.9% red, 68.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 40.6% yellow and 31.4% black. It has a hue angle of 147.7 degrees, a saturation of 60.6% and a lightness of 42.7%. #2baf68 color hex could be obtained by blending #56ffd0 with #005f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #2baf68 has RGB values of R:43, G:175, B:104 and CMYK values of C:0.75, M:0, Y:0.41, K:0.31. Its decimal value is 2862952.

Hex triplet	2baf68	`#2baf68`
RGB Decimal	43, 175, 104	`rgb(43,175,104)`
RGB Percent	16.9, 68.6, 40.8	`rgb(16.9%,68.6%,40.8%)`
CMYK	75, 0, 41, 31
HSL	147.7°, 60.6, 42.7	`hsl(147.7,60.6%,42.7%)`
HSV (or HSB)	147.7°, 75.4, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.484, -51.158, 26.642
XYZ	18.824, 32.171, 18.314
xyY	0.272, 0.464, 32.171
CIE-LCH	63.484, 57.679, 152.49
CIE-LUV	63.484, -51.58, 43.006
Hunter-Lab	56.72, -40.02, 20.56
Binary	00101011, 10101111, 01101000

#2baf68
```
#2baf68 rgb(43,175,104)
```
#af2b72
```
#af2b72 rgb(175,43,114)
```

Complementary Color

#30af2b
```
#30af2b rgb(48,175,43)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#2bafaa
```
#2bafaa rgb(43,175,170)
```

Analogous Color

#af2b30
```
#af2b30 rgb(175,43,48)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#aa2baf
```
#aa2baf rgb(170,43,175)
```

Split Complementary Color

#af682b
```
#af682b rgb(175,104,43)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#682baf
```
#682baf rgb(104,43,175)
```

Triadic Color

#72af2b
```
#72af2b rgb(114,175,43)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#682baf
```
#682baf rgb(104,43,175)
```
#af2b72
```
#af2b72 rgb(175,43,114)
```

Tetradic Color

#1c7244
```
#1c7244 rgb(28,114,68)
```
#218650
```
#218650 rgb(33,134,80)
```
#269b5c
```
#269b5c rgb(38,155,92)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#30c374
```
#30c374 rgb(48,195,116)
```
#3ecf81
```
#3ecf81 rgb(62,207,129)
```
#52d48e
```
#52d48e rgb(82,212,142)
```

Monochromatic Color

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

#2baf47
```
#2baf47 rgb(43,175,71)
```
#2baf52
```
#2baf52 rgb(43,175,82)
```
#2baf5d
```
#2baf5d rgb(43,175,93)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#2baf73
```
#2baf73 rgb(43,175,115)
```
#2baf7e
```
#2baf7e rgb(43,175,126)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```

Similar Colors

Text with hexadecimal color #2baf68

This text has a font color of #2baf68.

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

#2baf68 background color

This paragraph has a background color of #2baf68.

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

#2baf68 border color

This element has a border color of #2baf68.

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

CSS codes

.text {color:#2baf68;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120a
```
#04120a rgb(4,18,10)
```
#082114
```
#082114 rgb(8,33,20)
```
#0c311d
```
#0c311d rgb(12,49,29)
```
#104126
```
#104126 rgb(16,65,38)
```
#145130
```
#145130 rgb(20,81,48)
```
#186039
```
#186039 rgb(24,96,57)
```
#1c7043
```
#1c7043 rgb(28,112,67)
```
#1f804c
```
#1f804c rgb(31,128,76)
```
#239055
```
#239055 rgb(35,144,85)
```
#279f5f
```
#279f5f rgb(39,159,95)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#2fbf71
```
#2fbf71 rgb(47,191,113)
```

Shade Color Variation

#34cd7b
```
#34cd7b rgb(52,205,123)
```
#44d185
```
#44d185 rgb(68,209,133)
```
#54d58f
```
#54d58f rgb(84,213,143)
```
#63d99a
```
#63d99a rgb(99,217,154)
```
#73dda4
```
#73dda4 rgb(115,221,164)
```
#83e0ae
```
#83e0ae rgb(131,224,174)
```
#93e4b8
```
#93e4b8 rgb(147,228,184)
```
#a2e8c3
```
#a2e8c3 rgb(162,232,195)
```
#b2eccd
```
#b2eccd rgb(178,236,205)
```
#c2f0d7
```
#c2f0d7 rgb(194,240,215)
```
#d2f4e1
```
#d2f4e1 rgb(210,244,225)
```
#e1f8ec
```
#e1f8ec rgb(225,248,236)
```
#f1fcf6
```
#f1fcf6 rgb(241,252,246)
```

Tint Color Variation

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

#66746c
```
#66746c rgb(102,116,108)
```
#5d7d6c
```
#5d7d6c rgb(93,125,108)
```
#55856b
```
#55856b rgb(85,133,107)
```
#4d8d6b
```
#4d8d6b rgb(77,141,107)
```
#44966a
```
#44966a rgb(68,150,106)
```
#3c9e69
```
#3c9e69 rgb(60,158,105)
```
#33a769
```
#33a769 rgb(51,167,105)
```
#2baf68
```
#2baf68 rgb(43,175,104)
```
#23b767
```
#23b767 rgb(35,183,103)
```
#1ac067
```
#1ac067 rgb(26,192,103)
```
#12c866
```
#12c866 rgb(18,200,102)
```
#09d165
```
#09d165 rgb(9,209,101)
```
#01d965
```
#01d965 rgb(1,217,101)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6e897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9e68 Protanopia 1% of men
#ba9878 Deuteranopia 1% of men
#58aab6 Tritanopia 0.001% of the population

Trichromacy

#7da468 Protanomaly 1% of men, 0.01% of women
#86a072 Deuteranomaly 6% of men, 0.4% of women
#48ac9a Tritanomaly 0.01% of the population

#2baf68 hex color

#2baf68 Color Information

#2baf68 Color Conversion

Color Schemes with #2baf68

Alternatives to #2baf68

#2baf68 Preview

Shades and Tints of #2baf68

Tones of #2baf68

Color Blindness Simulator