#2fb561 hex color

In a RGB color space, hex #2fb561 is composed of 18.4% red, 71% green and 38% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 0% magenta, 46.4% yellow and 29% black. It has a hue angle of 142.4 degrees, a saturation of 58.8% and a lightness of 44.7%. #2fb561 color hex could be obtained by blending #5effc2 with #006b00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 18
- G 71
- B 38
RGB color chart
- C 74
- M 0
- Y 46
- K 29
CMYK color chart

● #2fb561 color description : Moderate cyan - lime green.

The hexadecimal color #2fb561 has RGB values of R:47, G:181, B:97 and CMYK values of C:0.74, M:0, Y:0.46, K:0.29. Its decimal value is 3126625.

Hex triplet	2fb561	`#2fb561`
RGB Decimal	47, 181, 97	`rgb(47,181,97)`
RGB Percent	18.4, 71, 38	`rgb(18.4%,71%,38%)`
CMYK	74, 0, 46, 29
HSL	142.4°, 58.8, 44.7	`hsl(142.4,58.8%,44.7%)`
HSV (or HSB)	142.4°, 74, 71
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.368, -54.061, 32.756
XYZ	19.852, 34.513, 16.924
xyY	0.278, 0.484, 34.513
CIE-LCH	65.368, 63.211, 148.788
CIE-LUV	65.368, -53.42, 50.679
Hunter-Lab	58.748, -42.489, 24.043
Binary	00101111, 10110101, 01100001

#2fb561
```
#2fb561 rgb(47,181,97)
```
#b52f83
```
#b52f83 rgb(181,47,131)
```

Complementary Color

#40b52f
```
#40b52f rgb(64,181,47)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#2fb5a4
```
#2fb5a4 rgb(47,181,164)
```

Analogous Color

#b52f40
```
#b52f40 rgb(181,47,64)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#a42fb5
```
#a42fb5 rgb(164,47,181)
```

Split Complementary Color

#b5612f
```
#b5612f rgb(181,97,47)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#612fb5
```
#612fb5 rgb(97,47,181)
```

Triadic Color

#83b52f
```
#83b52f rgb(131,181,47)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#612fb5
```
#612fb5 rgb(97,47,181)
```
#b52f83
```
#b52f83 rgb(181,47,131)
```

Tetradic Color

#1f7840
```
#1f7840 rgb(31,120,64)
```
#248d4b
```
#248d4b rgb(36,141,75)
```
#2aa156
```
#2aa156 rgb(42,161,86)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#34c96c
```
#34c96c rgb(52,201,108)
```
#48cf7a
```
#48cf7a rgb(72,207,122)
```
#5cd589
```
#5cd589 rgb(92,213,137)
```

Monochromatic Color

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

#2fb540
```
#2fb540 rgb(47,181,64)
```
#2fb54b
```
#2fb54b rgb(47,181,75)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#2fb56c
```
#2fb56c rgb(47,181,108)
```
#2fb577
```
#2fb577 rgb(47,181,119)
```
#2fb583
```
#2fb583 rgb(47,181,131)
```

Similar Colors

Text with hexadecimal color #2fb561

This text has a font color of #2fb561.

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

#2fb561 background color

This paragraph has a background color of #2fb561.

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

#2fb561 border color

This element has a border color of #2fb561.

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

CSS codes

.text {color:#2fb561;}

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

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

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, #030a05 is the darkest color, while #f9fdfb is the lightest one.

#030a05
```
#030a05 rgb(3,10,5)
```
#07190e
```
#07190e rgb(7,25,14)
```
#0b2916
```
#0b2916 rgb(11,41,22)
```
#0f381e
```
#0f381e rgb(15,56,30)
```
#134827
```
#134827 rgb(19,72,39)
```
#17582f
```
#17582f rgb(23,88,47)
```
#1b6737
```
#1b6737 rgb(27,103,55)
```
#1f7740
```
#1f7740 rgb(31,119,64)
```
#238648
```
#238648 rgb(35,134,72)
```
#279650
```
#279650 rgb(39,150,80)
```
#2ba559
```
#2ba559 rgb(43,165,89)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#33c569
```
#33c569 rgb(51,197,105)
```

Shade Color Variation

#3ecd74
```
#3ecd74 rgb(62,205,116)
```
#4ed17f
```
#4ed17f rgb(78,209,127)
```
#5dd58a
```
#5dd58a rgb(93,213,138)
```
#6dd995
```
#6dd995 rgb(109,217,149)
```
#7ddda1
```
#7ddda1 rgb(125,221,161)
```
#8ce1ac
```
#8ce1ac rgb(140,225,172)
```
#9ce5b7
```
#9ce5b7 rgb(156,229,183)
```
#abe9c2
```
#abe9c2 rgb(171,233,194)
```
#bbedce
```
#bbedce rgb(187,237,206)
```
#caf1d9
```
#caf1d9 rgb(202,241,217)
```
#daf5e4
```
#daf5e4 rgb(218,245,228)
```
#eaf9ef
```
#eaf9ef rgb(234,249,239)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#6c7871
```
#6c7871 rgb(108,120,113)
```
#64806e
```
#64806e rgb(100,128,110)
```
#5b896c
```
#5b896c rgb(91,137,108)
```
#52926a
```
#52926a rgb(82,146,106)
```
#499b68
```
#499b68 rgb(73,155,104)
```
#41a365
```
#41a365 rgb(65,163,101)
```
#38ac63
```
#38ac63 rgb(56,172,99)
```
#2fb561
```
#2fb561 rgb(47,181,97)
```
#26be5f
```
#26be5f rgb(38,190,95)
```
#1dc75d
```
#1dc75d rgb(29,199,93)
```
#15cf5a
```
#15cf5a rgb(21,207,90)
```
#0cd858
```
#0cd858 rgb(12,216,88)
```
#03e156
```
#03e156 rgb(3,225,86)
```

Tone Color Variation

Below, you can see how #2fb561 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
#728d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a361 Protanopia 1% of men
#c29d72 Deuteranopia 1% of men
#5eafbc Tritanopia 0.001% of the population

Trichromacy

#82aa61 Protanomaly 1% of men, 0.01% of women
#8ca56c Deuteranomaly 6% of men, 0.4% of women
#4db19a Tritanomaly 0.01% of the population

#2fb561 hex color

#2fb561 Color Information

#2fb561 Color Conversion

Color Schemes with #2fb561

Alternatives to #2fb561

#2fb561 Preview

Shades and Tints of #2fb561

Tones of #2fb561

Color Blindness Simulator