#2fb558 hex color

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

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

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

The hexadecimal color #2fb558 has RGB values of R:47, G:181, B:88 and CMYK values of C:0.74, M:0, Y:0.51, K:0.29. Its decimal value is 3126616.

Hex triplet	2fb558	`#2fb558`
RGB Decimal	47, 181, 88	`rgb(47,181,88)`
RGB Percent	18.4, 71, 34.5	`rgb(18.4%,71%,34.5%)`
CMYK	74, 0, 51, 29
HSL	138.4°, 58.8, 44.7	`hsl(138.4,58.8%,44.7%)`
HSV (or HSB)	138.4°, 74, 71
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.243, -55.51, 37.155
XYZ	19.456, 34.355, 14.838
xyY	0.283, 0.5, 34.355
CIE-LCH	65.243, 66.797, 146.205
CIE-LUV	65.243, -53.853, 55.476
Hunter-Lab	58.613, -43.32, 26.02
Binary	00101111, 10110101, 01011000

#2fb558
```
#2fb558 rgb(47,181,88)
```
#b52f8c
```
#b52f8c rgb(181,47,140)
```

Complementary Color

#49b52f
```
#49b52f rgb(73,181,47)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#2fb59b
```
#2fb59b rgb(47,181,155)
```

Analogous Color

#b52f49
```
#b52f49 rgb(181,47,73)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#9b2fb5
```
#9b2fb5 rgb(155,47,181)
```

Split Complementary Color

#b5582f
```
#b5582f rgb(181,88,47)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#582fb5
```
#582fb5 rgb(88,47,181)
```

Triadic Color

#8cb52f
```
#8cb52f rgb(140,181,47)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#582fb5
```
#582fb5 rgb(88,47,181)
```
#b52f8c
```
#b52f8c rgb(181,47,140)
```

Tetradic Color

#1f783a
```
#1f783a rgb(31,120,58)
```
#248d44
```
#248d44 rgb(36,141,68)
```
#2aa14e
```
#2aa14e rgb(42,161,78)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#34c962
```
#34c962 rgb(52,201,98)
```
#48cf71
```
#48cf71 rgb(72,207,113)
```
#5cd581
```
#5cd581 rgb(92,213,129)
```

Monochromatic Color

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

#2fb537
```
#2fb537 rgb(47,181,55)
```
#2fb542
```
#2fb542 rgb(47,181,66)
```
#2fb54d
```
#2fb54d rgb(47,181,77)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#2fb563
```
#2fb563 rgb(47,181,99)
```
#2fb56e
```
#2fb56e rgb(47,181,110)
```
#2fb57a
```
#2fb57a rgb(47,181,122)
```

Similar Colors

Text with hexadecimal color #2fb558

This text has a font color of #2fb558.

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

#2fb558 background color

This paragraph has a background color of #2fb558.

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

#2fb558 border color

This element has a border color of #2fb558.

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

CSS codes

.text {color:#2fb558;}

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

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

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)
```
#0b2914
```
#0b2914 rgb(11,41,20)
```
#0f381b
```
#0f381b rgb(15,56,27)
```
#134823
```
#134823 rgb(19,72,35)
```
#17582b
```
#17582b rgb(23,88,43)
```
#1b6732
```
#1b6732 rgb(27,103,50)
```
#1f773a
```
#1f773a rgb(31,119,58)
```
#238641
```
#238641 rgb(35,134,65)
```
#279649
```
#279649 rgb(39,150,73)
```
#2ba550
```
#2ba550 rgb(43,165,80)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#33c560
```
#33c560 rgb(51,197,96)
```

Shade Color Variation

#3ecd6a
```
#3ecd6a rgb(62,205,106)
```
#4ed176
```
#4ed176 rgb(78,209,118)
```
#5dd582
```
#5dd582 rgb(93,213,130)
```
#6dd98e
```
#6dd98e rgb(109,217,142)
```
#7ddd9a
```
#7ddd9a rgb(125,221,154)
```
#8ce1a6
```
#8ce1a6 rgb(140,225,166)
```
#9ce5b2
```
#9ce5b2 rgb(156,229,178)
```
#abe9be
```
#abe9be rgb(171,233,190)
```
#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 #03e147 is the most saturated one.

#6c7870
```
#6c7870 rgb(108,120,112)
```
#64806c
```
#64806c rgb(100,128,108)
```
#5b8969
```
#5b8969 rgb(91,137,105)
```
#529266
```
#529266 rgb(82,146,102)
```
#499b62
```
#499b62 rgb(73,155,98)
```
#41a35f
```
#41a35f rgb(65,163,95)
```
#38ac5b
```
#38ac5b rgb(56,172,91)
```
#2fb558
```
#2fb558 rgb(47,181,88)
```
#26be55
```
#26be55 rgb(38,190,85)
```
#1dc751
```
#1dc751 rgb(29,199,81)
```
#15cf4e
```
#15cf4e rgb(21,207,78)
```
#0cd84a
```
#0cd84a rgb(12,216,74)
```
#03e147
```
#03e147 rgb(3,225,71)
```

Tone Color Variation

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

Dichromacy

#b3a359 Protanopia 1% of men
#c39c6a Deuteranopia 1% of men
#5faebb Tritanopia 0.001% of the population

Trichromacy

#83a958 Protanomaly 1% of men, 0.01% of women
#8da563 Deuteranomaly 6% of men, 0.4% of women
#4eb197 Tritanomaly 0.01% of the population

#2fb558 hex color

#2fb558 Color Information

#2fb558 Color Conversion

Color Schemes with #2fb558

Alternatives to #2fb558

#2fb558 Preview

Shades and Tints of #2fb558

Tones of #2fb558

Color Blindness Simulator