colorhexa.com

#2fa278 hex color

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

- R 18
- G 64
- B 47
RGB color chart
- C 71
- M 0
- Y 26
- K 36
CMYK color chart

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

The hexadecimal color #2fa278 has RGB values of R:47, G:162, B:120 and CMYK values of C:0.71, M:0, Y:0.26, K:0.36. Its decimal value is 3121784.

Hex triplet	2fa278	`#2fa278`
RGB Decimal	47, 162, 120	`rgb(47,162,120)`
RGB Percent	18.4, 63.5, 47.1	`rgb(18.4%,63.5%,47.1%)`
CMYK	71, 0, 26, 36
HSL	158.1°, 55, 41	`hsl(158.1,55%,41%)`
HSV (or HSB)	158.1°, 71, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.707, -41.976, 12.793
XYZ	17.481, 27.799, 22.213
xyY	0.259, 0.412, 27.799
CIE-LCH	59.707, 43.882, 163.05
CIE-LUV	59.707, -45.251, 24.018
Hunter-Lab	52.725, -33.086, 11.929
Binary	00101111, 10100010, 01111000

#2fa278
```
#2fa278 rgb(47,162,120)
```
#a22f59
```
#a22f59 rgb(162,47,89)
```

Complementary Color

#2fa23f
```
#2fa23f rgb(47,162,63)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#2f93a2
```
#2f93a2 rgb(47,147,162)
```

Analogous Color

#a23f2f
```
#a23f2f rgb(162,63,47)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#a22f93
```
#a22f93 rgb(162,47,147)
```

Split Complementary Color

#a2782f
```
#a2782f rgb(162,120,47)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#782fa2
```
#782fa2 rgb(120,47,162)
```

Triadic Color

#59a22f
```
#59a22f rgb(89,162,47)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#782fa2
```
#782fa2 rgb(120,47,162)
```
#a22f59
```
#a22f59 rgb(162,47,89)
```

Tetradic Color

#1e674c
```
#1e674c rgb(30,103,76)
```
#247a5b
```
#247a5b rgb(36,122,91)
```
#298e69
```
#298e69 rgb(41,142,105)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#35b687
```
#35b687 rgb(53,182,135)
```
#3dc795
```
#3dc795 rgb(61,199,149)
```
#51cd9f
```
#51cd9f rgb(81,205,159)
```

Monochromatic Color

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

#2fa25b
```
#2fa25b rgb(47,162,91)
```
#2fa265
```
#2fa265 rgb(47,162,101)
```
#2fa26e
```
#2fa26e rgb(47,162,110)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#2fa282
```
#2fa282 rgb(47,162,130)
```
#2fa28b
```
#2fa28b rgb(47,162,139)
```
#2fa295
```
#2fa295 rgb(47,162,149)
```

Similar Colors

Text with hexadecimal color #2fa278

This text has a font color of #2fa278.

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

#2fa278 background color

This paragraph has a background color of #2fa278.

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

#2fa278 border color

This element has a border color of #2fa278.

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

CSS codes

.text {color:#2fa278;}

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

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

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

#030a07
```
#030a07 rgb(3,10,7)
```
#071913
```
#071913 rgb(7,25,19)
```
#0c281e
```
#0c281e rgb(12,40,30)
```
#103829
```
#103829 rgb(16,56,41)
```
#154734
```
#154734 rgb(21,71,52)
```
#195640
```
#195640 rgb(25,86,64)
```
#1d654b
```
#1d654b rgb(29,101,75)
```
#227456
```
#227456 rgb(34,116,86)
```
#268461
```
#268461 rgb(38,132,97)
```
#2b936d
```
#2b936d rgb(43,147,109)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#33b183
```
#33b183 rgb(51,177,131)
```
#38c08f
```
#38c08f rgb(56,192,143)
```

Shade Color Variation

#43c998
```
#43c998 rgb(67,201,152)
```
#53cda0
```
#53cda0 rgb(83,205,160)
```
#62d1a9
```
#62d1a9 rgb(98,209,169)
```
#71d6b1
```
#71d6b1 rgb(113,214,177)
```
#80dab9
```
#80dab9 rgb(128,218,185)
```
#8fdfc2
```
#8fdfc2 rgb(143,223,194)
```
#9fe3ca
```
#9fe3ca rgb(159,227,202)
```
#aee7d2
```
#aee7d2 rgb(174,231,210)
```
#bdecdb
```
#bdecdb rgb(189,236,219)
```
#ccf0e3
```
#ccf0e3 rgb(204,240,227)
```
#dbf5eb
```
#dbf5eb rgb(219,245,235)
```
#ebf9f4
```
#ebf9f4 rgb(235,249,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#676a69
```
#676a69 rgb(103,106,105)
```
#5f726b
```
#5f726b rgb(95,114,107)
```
#577a6d
```
#577a6d rgb(87,122,109)
```
#4f826f
```
#4f826f rgb(79,130,111)
```
#478a71
```
#478a71 rgb(71,138,113)
```
#3f9274
```
#3f9274 rgb(63,146,116)
```
#379a76
```
#379a76 rgb(55,154,118)
```
#2fa278
```
#2fa278 rgb(47,162,120)
```
#27aa7a
```
#27aa7a rgb(39,170,122)
```
#1fb27c
```
#1fb27c rgb(31,178,124)
```
#17ba7f
```
#17ba7f rgb(23,186,127)
```
#0fc281
```
#0fc281 rgb(15,194,129)
```
#07ca83
```
#07ca83 rgb(7,202,131)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c837a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9577 Protanopia 1% of men
#a99086 Deuteranopia 1% of men
#51a0ac Tritanopia 0.001% of the population

Trichromacy

#769977 Protanomaly 1% of men, 0.01% of women
#7c9681 Deuteranomaly 6% of men, 0.4% of women
#44a199 Tritanomaly 0.01% of the population