#2fb556 hex color

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

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

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

The hexadecimal color #2fb556 has RGB values of R:47, G:181, B:86 and CMYK values of C:0.74, M:0, Y:0.52, K:0.29. Its decimal value is 3126614.

Hex triplet	2fb556	`#2fb556`
RGB Decimal	47, 181, 86	`rgb(47,181,86)`
RGB Percent	18.4, 71, 33.7	`rgb(18.4%,71%,33.7%)`
CMYK	74, 0, 52, 29
HSL	137.5°, 58.8, 44.7	`hsl(137.5,58.8%,44.7%)`
HSV (or HSB)	137.5°, 74, 71
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.217, -55.812, 38.115
XYZ	19.375, 34.322, 14.407
xyY	0.284, 0.504, 34.322
CIE-LCH	65.217, 67.585, 145.67
CIE-LUV	65.217, -53.944, 56.482
Hunter-Lab	58.585, -43.492, 26.429
Binary	00101111, 10110101, 01010110

#2fb556
```
#2fb556 rgb(47,181,86)
```
#b52f8e
```
#b52f8e rgb(181,47,142)
```

Complementary Color

#4bb52f
```
#4bb52f rgb(75,181,47)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#2fb599
```
#2fb599 rgb(47,181,153)
```

Analogous Color

#b52f4b
```
#b52f4b rgb(181,47,75)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#992fb5
```
#992fb5 rgb(153,47,181)
```

Split Complementary Color

#b5562f
```
#b5562f rgb(181,86,47)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#562fb5
```
#562fb5 rgb(86,47,181)
```

Triadic Color

#8eb52f
```
#8eb52f rgb(142,181,47)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#562fb5
```
#562fb5 rgb(86,47,181)
```
#b52f8e
```
#b52f8e rgb(181,47,142)
```

Tetradic Color

#1f7839
```
#1f7839 rgb(31,120,57)
```
#248d43
```
#248d43 rgb(36,141,67)
```
#2aa14c
```
#2aa14c rgb(42,161,76)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#34c960
```
#34c960 rgb(52,201,96)
```
#48cf6f
```
#48cf6f rgb(72,207,111)
```
#5cd57f
```
#5cd57f rgb(92,213,127)
```

Monochromatic Color

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

#2fb535
```
#2fb535 rgb(47,181,53)
```
#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)
```
#2fb578
```
#2fb578 rgb(47,181,120)
```

Similar Colors

Text with hexadecimal color #2fb556

This text has a font color of #2fb556.

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

#2fb556 background color

This paragraph has a background color of #2fb556.

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

#2fb556 border color

This element has a border color of #2fb556.

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

CSS codes

.text {color:#2fb556;}

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

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

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

#030a05
```
#030a05 rgb(3,10,5)
```
#07190c
```
#07190c rgb(7,25,12)
```
#0b2913
```
#0b2913 rgb(11,41,19)
```
#0f381b
```
#0f381b rgb(15,56,27)
```
#134822
```
#134822 rgb(19,72,34)
```
#17582a
```
#17582a rgb(23,88,42)
```
#1b6731
```
#1b6731 rgb(27,103,49)
```
#1f7738
```
#1f7738 rgb(31,119,56)
```
#238640
```
#238640 rgb(35,134,64)
```
#279647
```
#279647 rgb(39,150,71)
```
#2ba54f
```
#2ba54f rgb(43,165,79)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#33c55d
```
#33c55d rgb(51,197,93)
```

Shade Color Variation

#3ecd68
```
#3ecd68 rgb(62,205,104)
```
#4ed174
```
#4ed174 rgb(78,209,116)
```
#5dd580
```
#5dd580 rgb(93,213,128)
```
#6dd98c
```
#6dd98c rgb(109,217,140)
```
#7ddd99
```
#7ddd99 rgb(125,221,153)
```
#8ce1a5
```
#8ce1a5 rgb(140,225,165)
```
#9ce5b1
```
#9ce5b1 rgb(156,229,177)
```
#abe9bd
```
#abe9bd rgb(171,233,189)
```
#bbedca
```
#bbedca rgb(187,237,202)
```
#caf1d6
```
#caf1d6 rgb(202,241,214)
```
#daf5e2
```
#daf5e2 rgb(218,245,226)
```
#eaf9ee
```
#eaf9ee rgb(234,249,238)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#6c7870
```
#6c7870 rgb(108,120,112)
```
#64806c
```
#64806c rgb(100,128,108)
```
#5b8968
```
#5b8968 rgb(91,137,104)
```
#529265
```
#529265 rgb(82,146,101)
```
#499b61
```
#499b61 rgb(73,155,97)
```
#41a35d
```
#41a35d rgb(65,163,93)
```
#38ac5a
```
#38ac5a rgb(56,172,90)
```
#2fb556
```
#2fb556 rgb(47,181,86)
```
#26be52
```
#26be52 rgb(38,190,82)
```
#1dc74f
```
#1dc74f rgb(29,199,79)
```
#15cf4b
```
#15cf4b rgb(21,207,75)
```
#0cd847
```
#0cd847 rgb(12,216,71)
```
#03e144
```
#03e144 rgb(3,225,68)
```

Tone Color Variation

Below, you can see how #2fb556 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
#718c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a357 Protanopia 1% of men
#c39c69 Deuteranopia 1% of men
#60aebb Tritanopia 0.001% of the population

Trichromacy

#83a957 Protanomaly 1% of men, 0.01% of women
#8da562 Deuteranomaly 6% of men, 0.4% of women
#4eb096 Tritanomaly 0.01% of the population

#2fb556 hex color

#2fb556 Color Information

#2fb556 Color Conversion

Color Schemes with #2fb556

Alternatives to #2fb556

#2fb556 Preview

Shades and Tints of #2fb556

Tones of #2fb556

Color Blindness Simulator