#2fa257 hex color

In a RGB color space, hex #2fa257 is composed of 18.4% red, 63.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 46.3% yellow and 36.5% black. It has a hue angle of 140.9 degrees, a saturation of 55% and a lightness of 41%. #2fa257 color hex could be obtained by blending #5effae with #004500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 64
- B 34
RGB color chart
- C 71
- M 0
- Y 46
- K 36
CMYK color chart

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

The hexadecimal color #2fa257 has RGB values of R:47, G:162, B:87 and CMYK values of C:0.71, M:0, Y:0.46, K:0.36. Its decimal value is 3121751.

Hex triplet	2fa257	`#2fa257`
RGB Decimal	47, 162, 87	`rgb(47,162,87)`
RGB Percent	18.4, 63.5, 34.1	`rgb(18.4%,63.5%,34.1%)`
CMYK	71, 0, 46, 36
HSL	140.9°, 55, 41	`hsl(140.9,55%,41%)`
HSV (or HSB)	140.9°, 71, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.096, -48.699, 29.944
XYZ	15.812, 27.132, 13.42
xyY	0.281, 0.481, 27.132
CIE-LCH	59.096, 57.168, 148.413
CIE-LUV	59.096, -47.055, 45.333
Hunter-Lab	52.088, -36.968, 21.186
Binary	00101111, 10100010, 01010111

#2fa257
```
#2fa257 rgb(47,162,87)
```
#a22f7a
```
#a22f7a rgb(162,47,122)
```

Complementary Color

#41a22f
```
#41a22f rgb(65,162,47)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#2fa291
```
#2fa291 rgb(47,162,145)
```

Analogous Color

#a22f41
```
#a22f41 rgb(162,47,65)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#912fa2
```
#912fa2 rgb(145,47,162)
```

Split Complementary Color

#a2572f
```
#a2572f rgb(162,87,47)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#572fa2
```
#572fa2 rgb(87,47,162)
```

Triadic Color

#7aa22f
```
#7aa22f rgb(122,162,47)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#572fa2
```
#572fa2 rgb(87,47,162)
```
#a22f7a
```
#a22f7a rgb(162,47,122)
```

Tetradic Color

#1e6737
```
#1e6737 rgb(30,103,55)
```
#247a42
```
#247a42 rgb(36,122,66)
```
#298e4c
```
#298e4c rgb(41,142,76)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#35b662
```
#35b662 rgb(53,182,98)
```
#3dc76d
```
#3dc76d rgb(61,199,109)
```
#51cd7c
```
#51cd7c rgb(81,205,124)
```

Monochromatic Color

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

#2fa23a
```
#2fa23a rgb(47,162,58)
```
#2fa244
```
#2fa244 rgb(47,162,68)
```
#2fa24d
```
#2fa24d rgb(47,162,77)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#2fa261
```
#2fa261 rgb(47,162,97)
```
#2fa26a
```
#2fa26a rgb(47,162,106)
```
#2fa274
```
#2fa274 rgb(47,162,116)
```

Similar Colors

Text with hexadecimal color #2fa257

This text has a font color of #2fa257.

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

#2fa257 background color

This paragraph has a background color of #2fa257.

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

#2fa257 border color

This element has a border color of #2fa257.

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

CSS codes

.text {color:#2fa257;}

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

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

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

#030a05
```
#030a05 rgb(3,10,5)
```
#07190e
```
#07190e rgb(7,25,14)
```
#0c2816
```
#0c2816 rgb(12,40,22)
```
#10381e
```
#10381e rgb(16,56,30)
```
#154726
```
#154726 rgb(21,71,38)
```
#19562e
```
#19562e rgb(25,86,46)
```
#1d6536
```
#1d6536 rgb(29,101,54)
```
#22743f
```
#22743f rgb(34,116,63)
```
#268447
```
#268447 rgb(38,132,71)
```
#2b934f
```
#2b934f rgb(43,147,79)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#33b15f
```
#33b15f rgb(51,177,95)
```
#38c067
```
#38c067 rgb(56,192,103)
```

Shade Color Variation

#43c972
```
#43c972 rgb(67,201,114)
```
#53cd7d
```
#53cd7d rgb(83,205,125)
```
#62d189
```
#62d189 rgb(98,209,137)
```
#71d694
```
#71d694 rgb(113,214,148)
```
#80da9f
```
#80da9f rgb(128,218,159)
```
#8fdfab
```
#8fdfab rgb(143,223,171)
```
#9fe3b6
```
#9fe3b6 rgb(159,227,182)
```
#aee7c2
```
#aee7c2 rgb(174,231,194)
```
#bdeccd
```
#bdeccd rgb(189,236,205)
```
#ccf0d9
```
#ccf0d9 rgb(204,240,217)
```
#dbf5e4
```
#dbf5e4 rgb(219,245,228)
```
#ebf9f0
```
#ebf9f0 rgb(235,249,240)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a68 is the less saturated color, while #07ca4b is the most saturated one.

#676a68
```
#676a68 rgb(103,106,104)
```
#5f7266
```
#5f7266 rgb(95,114,102)
```
#577a63
```
#577a63 rgb(87,122,99)
```
#4f8261
```
#4f8261 rgb(79,130,97)
```
#478a5e
```
#478a5e rgb(71,138,94)
```
#3f925c
```
#3f925c rgb(63,146,92)
```
#379a59
```
#379a59 rgb(55,154,89)
```
#2fa257
```
#2fa257 rgb(47,162,87)
```
#27aa55
```
#27aa55 rgb(39,170,85)
```
#1fb252
```
#1fb252 rgb(31,178,82)
```
#17ba50
```
#17ba50 rgb(23,186,80)
```
#0fc24d
```
#0fc24d rgb(15,194,77)
```
#07ca4b
```
#07ca4b rgb(7,202,75)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#698071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19459 Protanopia 1% of men
#af8e68 Deuteranopia 1% of men
#589ea9 Tritanopia 0.001% of the population

Trichromacy

#789958 Protanomaly 1% of men, 0.01% of women
#809562 Deuteranomaly 6% of men, 0.4% of women
#499f8b Tritanomaly 0.01% of the population

#2fa257 hex color

#2fa257 Color Information

#2fa257 Color Conversion

Color Schemes with #2fa257

Alternatives to #2fa257

#2fa257 Preview

Shades and Tints of #2fa257

Tones of #2fa257

Color Blindness Simulator