#2baf7c hex color

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

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

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

The hexadecimal color #2baf7c has RGB values of R:43, G:175, B:124 and CMYK values of C:0.75, M:0, Y:0.29, K:0.31. Its decimal value is 2862972.

Hex triplet	2baf7c	`#2baf7c`
RGB Decimal	43, 175, 124	`rgb(43,175,124)`
RGB Percent	16.9, 68.6, 48.6	`rgb(16.9%,68.6%,48.6%)`
CMYK	75, 0, 29, 31
HSL	156.8°, 60.6, 42.7	`hsl(156.8,60.6%,42.7%)`
HSV (or HSB)	156.8°, 75.4, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.858, -47.003, 16.349
XYZ	19.963, 32.627, 24.313
xyY	0.26, 0.424, 32.627
CIE-LCH	63.858, 49.766, 160.821
CIE-LUV	63.858, -50.399, 29.834
Hunter-Lab	57.12, -37.576, 14.747
Binary	00101011, 10101111, 01111100

#2baf7c
```
#2baf7c rgb(43,175,124)
```
#af2b5e
```
#af2b5e rgb(175,43,94)
```

Complementary Color

#2baf3a
```
#2baf3a rgb(43,175,58)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#2ba0af
```
#2ba0af rgb(43,160,175)
```

Analogous Color

#af3a2b
```
#af3a2b rgb(175,58,43)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#af2ba0
```
#af2ba0 rgb(175,43,160)
```

Split Complementary Color

#af7c2b
```
#af7c2b rgb(175,124,43)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#7c2baf
```
#7c2baf rgb(124,43,175)
```

Triadic Color

#5eaf2b
```
#5eaf2b rgb(94,175,43)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#7c2baf
```
#7c2baf rgb(124,43,175)
```
#af2b5e
```
#af2b5e rgb(175,43,94)
```

Tetradic Color

#1c7250
```
#1c7250 rgb(28,114,80)
```
#21865f
```
#21865f rgb(33,134,95)
```
#269b6d
```
#269b6d rgb(38,155,109)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#30c38b
```
#30c38b rgb(48,195,139)
```
#3ecf97
```
#3ecf97 rgb(62,207,151)
```
#52d4a2
```
#52d4a2 rgb(82,212,162)
```

Monochromatic Color

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

#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)
```
#2baf92
```
#2baf92 rgb(43,175,146)
```
#2baf9d
```
#2baf9d rgb(43,175,157)
```

Similar Colors

Text with hexadecimal color #2baf7c

This text has a font color of #2baf7c.

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

#2baf7c background color

This paragraph has a background color of #2baf7c.

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

#2baf7c border color

This element has a border color of #2baf7c.

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

CSS codes

.text {color:#2baf7c;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120c
```
#04120c rgb(4,18,12)
```
#082118
```
#082118 rgb(8,33,24)
```
#0c3123
```
#0c3123 rgb(12,49,35)
```
#10412e
```
#10412e rgb(16,65,46)
```
#145139
```
#145139 rgb(20,81,57)
```
#186044
```
#186044 rgb(24,96,68)
```
#1c704f
```
#1c704f rgb(28,112,79)
```
#1f805b
```
#1f805b rgb(31,128,91)
```
#239066
```
#239066 rgb(35,144,102)
```
#279f71
```
#279f71 rgb(39,159,113)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#2fbf87
```
#2fbf87 rgb(47,191,135)
```

Shade Color Variation

#34cd92
```
#34cd92 rgb(52,205,146)
```
#44d19a
```
#44d19a rgb(68,209,154)
```
#54d5a3
```
#54d5a3 rgb(84,213,163)
```
#63d9ab
```
#63d9ab rgb(99,217,171)
```
#73ddb4
```
#73ddb4 rgb(115,221,180)
```
#83e0bc
```
#83e0bc rgb(131,224,188)
```
#93e4c5
```
#93e4c5 rgb(147,228,197)
```
#a2e8cd
```
#a2e8cd rgb(162,232,205)
```
#b2ecd6
```
#b2ecd6 rgb(178,236,214)
```
#c2f0de
```
#c2f0de rgb(194,240,222)
```
#d2f4e7
```
#d2f4e7 rgb(210,244,231)
```
#e1f8ef
```
#e1f8ef rgb(225,248,239)
```
#f1fcf8
```
#f1fcf8 rgb(241,252,248)
```

Tint Color Variation

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

#66746f
```
#66746f rgb(102,116,111)
```
#5d7d71
```
#5d7d71 rgb(93,125,113)
```
#558572
```
#558572 rgb(85,133,114)
```
#4d8d74
```
#4d8d74 rgb(77,141,116)
```
#449676
```
#449676 rgb(68,150,118)
```
#3c9e78
```
#3c9e78 rgb(60,158,120)
```
#33a77a
```
#33a77a rgb(51,167,122)
```
#2baf7c
```
#2baf7c rgb(43,175,124)
```
#23b77e
```
#23b77e rgb(35,183,126)
```
#1ac080
```
#1ac080 rgb(26,192,128)
```
#12c882
```
#12c882 rgb(18,200,130)
```
#09d184
```
#09d184 rgb(9,209,132)
```
#01d986
```
#01d986 rgb(1,217,134)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#718b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9f7a Protanopia 1% of men
#b69a8b Deuteranopia 1% of men
#54acb8 Tritanopia 0.001% of the population

Trichromacy

#7ca57a Protanomaly 1% of men, 0.01% of women
#83a185 Deuteranomaly 6% of men, 0.4% of women
#45ada2 Tritanomaly 0.01% of the population

#2baf7c hex color

#2baf7c Color Information

#2baf7c Color Conversion

Color Schemes with #2baf7c

Alternatives to #2baf7c

#2baf7c Preview

Shades and Tints of #2baf7c

Tones of #2baf7c

Color Blindness Simulator