#2fb48f hex color

In a RGB color space, hex #2fb48f is composed of 18.4% red, 70.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 20.6% yellow and 29.4% black. It has a hue angle of 163.3 degrees, a saturation of 58.6% and a lightness of 44.5%. #2fb48f color hex could be obtained by blending #5effff with #00691f. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2fb48f has RGB values of R:47, G:180, B:143 and CMYK values of C:0.74, M:0, Y:0.21, K:0.29. Its decimal value is 3126415.

Hex triplet	2fb48f	`#2fb48f`
RGB Decimal	47, 180, 143	`rgb(47,180,143)`
RGB Percent	18.4, 70.6, 56.1	`rgb(18.4%,70.6%,56.1%)`
CMYK	74, 0, 21, 29
HSL	163.3°, 58.6, 44.5	`hsl(163.3,58.6%,44.5%)`
HSV (or HSB)	163.3°, 73.9, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.926, -44.056, 8.833
XYZ	22.45, 35.228, 31.602
xyY	0.251, 0.395, 35.228
CIE-LCH	65.926, 44.933, 168.662
CIE-LUV	65.926, -50.361, 19.458
Hunter-Lab	59.353, -36.352, 9.979
Binary	00101111, 10110100, 10001111

#2fb48f
```
#2fb48f rgb(47,180,143)
```
#b42f54
```
#b42f54 rgb(180,47,84)
```

Complementary Color

#2fb44c
```
#2fb44c rgb(47,180,76)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#2f97b4
```
#2f97b4 rgb(47,151,180)
```

Analogous Color

#b44d2f
```
#b44d2f rgb(180,77,47)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#b42f97
```
#b42f97 rgb(180,47,151)
```

Split Complementary Color

#b48f2f
```
#b48f2f rgb(180,143,47)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#8f2fb4
```
#8f2fb4 rgb(143,47,180)
```

Triadic Color

#54b42f
```
#54b42f rgb(84,180,47)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#8f2fb4
```
#8f2fb4 rgb(143,47,180)
```
#b42f54
```
#b42f54 rgb(180,47,84)
```

Tetradic Color

#1f775f
```
#1f775f rgb(31,119,95)
```
#248c6f
```
#248c6f rgb(36,140,111)
```
#2aa07f
```
#2aa07f rgb(42,160,127)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#34c89f
```
#34c89f rgb(52,200,159)
```
#47cfa9
```
#47cfa9 rgb(71,207,169)
```
#5bd4b3
```
#5bd4b3 rgb(91,212,179)
```

Monochromatic Color

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

#2fb46e
```
#2fb46e rgb(47,180,110)
```
#2fb479
```
#2fb479 rgb(47,180,121)
```
#2fb484
```
#2fb484 rgb(47,180,132)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#2fb49a
```
#2fb49a rgb(47,180,154)
```
#2fb4a5
```
#2fb4a5 rgb(47,180,165)
```
#2fb4b0
```
#2fb4b0 rgb(47,180,176)
```

Similar Colors

Text with hexadecimal color #2fb48f

This text has a font color of #2fb48f.

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

#2fb48f background color

This paragraph has a background color of #2fb48f.

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

#2fb48f border color

This element has a border color of #2fb48f.

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

CSS codes

.text {color:#2fb48f;}

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

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

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, #020907 is the darkest color, while #f8fdfc is the lightest one.

#020907
```
#020907 rgb(2,9,7)
```
#061813
```
#061813 rgb(6,24,19)
```
#0a2820
```
#0a2820 rgb(10,40,32)
```
#0f382c
```
#0f382c rgb(15,56,44)
```
#134739
```
#134739 rgb(19,71,57)
```
#175745
```
#175745 rgb(23,87,69)
```
#1b6651
```
#1b6651 rgb(27,102,81)
```
#1f765e
```
#1f765e rgb(31,118,94)
```
#23856a
```
#23856a rgb(35,133,106)
```
#279576
```
#279576 rgb(39,149,118)
```
#2ba483
```
#2ba483 rgb(43,164,131)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#33c49b
```
#33c49b rgb(51,196,155)
```

Shade Color Variation

#3ecda5
```
#3ecda5 rgb(62,205,165)
```
#4dd1ac
```
#4dd1ac rgb(77,209,172)
```
#5dd5b3
```
#5dd5b3 rgb(93,213,179)
```
#6cd9bb
```
#6cd9bb rgb(108,217,187)
```
#7cddc2
```
#7cddc2 rgb(124,221,194)
```
#8be1c9
```
#8be1c9 rgb(139,225,201)
```
#9be5d0
```
#9be5d0 rgb(155,229,208)
```
#abe9d8
```
#abe9d8 rgb(171,233,216)
```
#baeddf
```
#baeddf rgb(186,237,223)
```
#caf1e6
```
#caf1e6 rgb(202,241,230)
```
#d9f5ed
```
#d9f5ed rgb(217,245,237)
```
#e9f9f5
```
#e9f9f5 rgb(233,249,245)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#6c7774
```
#6c7774 rgb(108,119,116)
```
#638078
```
#638078 rgb(99,128,120)
```
#5b887c
```
#5b887c rgb(91,136,124)
```
#529180
```
#529180 rgb(82,145,128)
```
#499a83
```
#499a83 rgb(73,154,131)
```
#40a387
```
#40a387 rgb(64,163,135)
```
#38ab8b
```
#38ab8b rgb(56,171,139)
```
#2fb48f
```
#2fb48f rgb(47,180,143)
```
#26bd93
```
#26bd93 rgb(38,189,147)
```
#1ec597
```
#1ec597 rgb(30,197,151)
```
#15ce9b
```
#15ce9b rgb(21,206,155)
```
#0cd79e
```
#0cd79e rgb(12,215,158)
```
#03e0a2
```
#03e0a2 rgb(3,224,162)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#769189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada48b Protanopia 1% of men
#b79f9d Deuteranopia 1% of men
#53b1be Tritanopia 0.001% of the population

Trichromacy

#7faa8c Protanomaly 1% of men, 0.01% of women
#85a798 Deuteranomaly 6% of men, 0.4% of women
#46b2ad Tritanomaly 0.01% of the population

#2fb48f hex color

#2fb48f Color Information

#2fb48f Color Conversion

Color Schemes with #2fb48f

Alternatives to #2fb48f

#2fb48f Preview

Shades and Tints of #2fb48f

Tones of #2fb48f

Color Blindness Simulator