#2baf66 hex color

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

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

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

The hexadecimal color #2baf66 has RGB values of R:43, G:175, B:102 and CMYK values of C:0.75, M:0, Y:0.42, K:0.31. Its decimal value is 2862950.

Hex triplet	2baf66	`#2baf66`
RGB Decimal	43, 175, 102	`rgb(43,175,102)`
RGB Percent	16.9, 68.6, 40	`rgb(16.9%,68.6%,40%)`
CMYK	75, 0, 42, 31
HSL	146.8°, 60.6, 42.7	`hsl(146.8,60.6%,42.7%)`
HSV (or HSB)	146.8°, 75.4, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.451, -51.534, 27.658
XYZ	18.723, 32.131, 17.785
xyY	0.273, 0.468, 32.131
CIE-LCH	63.451, 58.487, 151.778
CIE-LUV	63.451, -51.69, 44.219
Hunter-Lab	56.684, -40.238, 21.077
Binary	00101011, 10101111, 01100110

#2baf66
```
#2baf66 rgb(43,175,102)
```
#af2b74
```
#af2b74 rgb(175,43,116)
```

Complementary Color

#32af2b
```
#32af2b rgb(50,175,43)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#2bafa8
```
#2bafa8 rgb(43,175,168)
```

Analogous Color

#af2b32
```
#af2b32 rgb(175,43,50)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#a82baf
```
#a82baf rgb(168,43,175)
```

Split Complementary Color

#af662b
```
#af662b rgb(175,102,43)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#662baf
```
#662baf rgb(102,43,175)
```

Triadic Color

#74af2b
```
#74af2b rgb(116,175,43)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#662baf
```
#662baf rgb(102,43,175)
```
#af2b74
```
#af2b74 rgb(175,43,116)
```

Tetradic Color

#1c7242
```
#1c7242 rgb(28,114,66)
```
#21864e
```
#21864e rgb(33,134,78)
```
#269b5a
```
#269b5a rgb(38,155,90)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#30c372
```
#30c372 rgb(48,195,114)
```
#3ecf7f
```
#3ecf7f rgb(62,207,127)
```
#52d48c
```
#52d48c rgb(82,212,140)
```

Monochromatic Color

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

#2baf45
```
#2baf45 rgb(43,175,69)
```
#2baf50
```
#2baf50 rgb(43,175,80)
```
#2baf5b
```
#2baf5b rgb(43,175,91)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#2baf71
```
#2baf71 rgb(43,175,113)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#2baf87
```
#2baf87 rgb(43,175,135)
```

Similar Colors

Text with hexadecimal color #2baf66

This text has a font color of #2baf66.

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

#2baf66 background color

This paragraph has a background color of #2baf66.

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

#2baf66 border color

This element has a border color of #2baf66.

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

CSS codes

.text {color:#2baf66;}

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

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

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)
```
#082113
```
#082113 rgb(8,33,19)
```
#0c311d
```
#0c311d rgb(12,49,29)
```
#104126
```
#104126 rgb(16,65,38)
```
#14512f
```
#14512f rgb(20,81,47)
```
#186038
```
#186038 rgb(24,96,56)
```
#1c7041
```
#1c7041 rgb(28,112,65)
```
#1f804a
```
#1f804a rgb(31,128,74)
```
#239054
```
#239054 rgb(35,144,84)
```
#279f5d
```
#279f5d rgb(39,159,93)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#2fbf6f
```
#2fbf6f rgb(47,191,111)
```

Shade Color Variation

#34cd78
```
#34cd78 rgb(52,205,120)
```
#44d183
```
#44d183 rgb(68,209,131)
```
#54d58d
```
#54d58d rgb(84,213,141)
```
#63d998
```
#63d998 rgb(99,217,152)
```
#73dda2
```
#73dda2 rgb(115,221,162)
```
#83e0ad
```
#83e0ad rgb(131,224,173)
```
#93e4b7
```
#93e4b7 rgb(147,228,183)
```
#a2e8c2
```
#a2e8c2 rgb(162,232,194)
```
#b2eccc
```
#b2eccc rgb(178,236,204)
```
#c2f0d6
```
#c2f0d6 rgb(194,240,214)
```
#d2f4e1
```
#d2f4e1 rgb(210,244,225)
```
#e1f8eb
```
#e1f8eb rgb(225,248,235)
```
#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 #01d962 is the most saturated one.

#66746c
```
#66746c rgb(102,116,108)
```
#5d7d6b
```
#5d7d6b rgb(93,125,107)
```
#55856a
```
#55856a rgb(85,133,106)
```
#4d8d6a
```
#4d8d6a rgb(77,141,106)
```
#449669
```
#449669 rgb(68,150,105)
```
#3c9e68
```
#3c9e68 rgb(60,158,104)
```
#33a767
```
#33a767 rgb(51,167,103)
```
#2baf66
```
#2baf66 rgb(43,175,102)
```
#23b765
```
#23b765 rgb(35,183,101)
```
#1ac064
```
#1ac064 rgb(26,192,100)
```
#12c863
```
#12c863 rgb(18,200,99)
```
#09d162
```
#09d162 rgb(9,209,98)
```
#01d962
```
#01d962 rgb(1,217,98)
```

Tone Color Variation

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

#ac9e66 Protanopia 1% of men
#ba9877 Deuteranopia 1% of men
#58aab6 Tritanopia 0.001% of the population

Trichromacy

#7da466 Protanomaly 1% of men, 0.01% of women
#86a070 Deuteranomaly 6% of men, 0.4% of women
#48ac99 Tritanomaly 0.01% of the population

#2baf66 hex color

#2baf66 Color Information

#2baf66 Color Conversion

Color Schemes with #2baf66

Alternatives to #2baf66

#2baf66 Preview

Shades and Tints of #2baf66

Tones of #2baf66

Color Blindness Simulator