#2fa975 hex color

In a RGB color space, hex #2fa975 is composed of 18.4% red, 66.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 0% magenta, 30.8% yellow and 33.7% black. It has a hue angle of 154.4 degrees, a saturation of 56.5% and a lightness of 42.4%. #2fa975 color hex could be obtained by blending #5effea with #005300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 66
- B 46
RGB color chart
- C 72
- M 0
- Y 31
- K 34
CMYK color chart

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

The hexadecimal color #2fa975 has RGB values of R:47, G:169, B:117 and CMYK values of C:0.72, M:0, Y:0.31, K:0.34. Its decimal value is 3123573.

Hex triplet	2fa975	`#2fa975`
RGB Decimal	47, 169, 117	`rgb(47,169,117)`
RGB Percent	18.4, 66.3, 45.9	`rgb(18.4%,66.3%,45.9%)`
CMYK	72, 0, 31, 34
HSL	154.4°, 56.5, 42.4	`hsl(154.4,56.5%,42.4%)`
HSV (or HSB)	154.4°, 72.2, 66.3
Web Safe	339966	`#339966`

CIE-LAB	61.88, -45.561, 17.469
XYZ	18.57, 30.263, 21.691
xyY	0.263, 0.429, 30.263
CIE-LCH	61.88, 48.795, 159.023
CIE-LUV	61.88, -48, 30.818
Hunter-Lab	55.012, -36.016, 15.13
Binary	00101111, 10101001, 01110101

#2fa975
```
#2fa975 rgb(47,169,117)
```
#a92f63
```
#a92f63 rgb(169,47,99)
```

Complementary Color

#2fa938
```
#2fa938 rgb(47,169,56)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#2fa0a9
```
#2fa0a9 rgb(47,160,169)
```

Analogous Color

#a9382f
```
#a9382f rgb(169,56,47)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#a92fa0
```
#a92fa0 rgb(169,47,160)
```

Split Complementary Color

#a9752f
```
#a9752f rgb(169,117,47)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#752fa9
```
#752fa9 rgb(117,47,169)
```

Triadic Color

#63a92f
```
#63a92f rgb(99,169,47)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#752fa9
```
#752fa9 rgb(117,47,169)
```
#a92f63
```
#a92f63 rgb(169,47,99)
```

Tetradic Color

#1e6d4c
```
#1e6d4c rgb(30,109,76)
```
#248159
```
#248159 rgb(36,129,89)
```
#299567
```
#299567 rgb(41,149,103)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#35bd83
```
#35bd83 rgb(53,189,131)
```
#41ca90
```
#41ca90 rgb(65,202,144)
```
#55d09b
```
#55d09b rgb(85,208,155)
```

Monochromatic Color

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

#2fa957
```
#2fa957 rgb(47,169,87)
```
#2fa961
```
#2fa961 rgb(47,169,97)
```
#2fa96b
```
#2fa96b rgb(47,169,107)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#2fa97f
```
#2fa97f rgb(47,169,127)
```
#2fa989
```
#2fa989 rgb(47,169,137)
```
#2fa994
```
#2fa994 rgb(47,169,148)
```

Similar Colors

Text with hexadecimal color #2fa975

This text has a font color of #2fa975.

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

#2fa975 background color

This paragraph has a background color of #2fa975.

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

#2fa975 border color

This element has a border color of #2fa975.

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

CSS codes

.text {color:#2fa975;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100b
```
#04100b rgb(4,16,11)
```
#091f15
```
#091f15 rgb(9,31,21)
```
#0d2e20
```
#0d2e20 rgb(13,46,32)
```
#113e2b
```
#113e2b rgb(17,62,43)
```
#154d35
```
#154d35 rgb(21,77,53)
```
#1a5c40
```
#1a5c40 rgb(26,92,64)
```
#1e6c4b
```
#1e6c4b rgb(30,108,75)
```
#227b55
```
#227b55 rgb(34,123,85)
```
#268a60
```
#268a60 rgb(38,138,96)
```
#2b9a6a
```
#2b9a6a rgb(43,154,106)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#33b880
```
#33b880 rgb(51,184,128)
```

Shade Color Variation

#38c88a
```
#38c88a rgb(56,200,138)
```
#47cc93
```
#47cc93 rgb(71,204,147)
```
#56d09c
```
#56d09c rgb(86,208,156)
```
#66d4a5
```
#66d4a5 rgb(102,212,165)
```
#75d9ae
```
#75d9ae rgb(117,217,174)
```
#84ddb7
```
#84ddb7 rgb(132,221,183)
```
#94e1c0
```
#94e1c0 rgb(148,225,192)
```
#a3e5c9
```
#a3e5c9 rgb(163,229,201)
```
#b2ead2
```
#b2ead2 rgb(178,234,210)
```
#c2eedb
```
#c2eedb rgb(194,238,219)
```
#d1f2e4
```
#d1f2e4 rgb(209,242,228)
```
#e0f7ed
```
#e0f7ed rgb(224,247,237)
```
#f0fbf6
```
#f0fbf6 rgb(240,251,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696f6c is the less saturated color, while #05d37b is the most saturated one.

#696f6c
```
#696f6c rgb(105,111,108)
```
#61776e
```
#61776e rgb(97,119,110)
```
#597f6f
```
#597f6f rgb(89,127,111)
```
#508870
```
#508870 rgb(80,136,112)
```
#489071
```
#489071 rgb(72,144,113)
```
#409873
```
#409873 rgb(64,152,115)
```
#37a174
```
#37a174 rgb(55,161,116)
```
#2fa975
```
#2fa975 rgb(47,169,117)
```
#27b176
```
#27b176 rgb(39,177,118)
```
#1eba77
```
#1eba77 rgb(30,186,119)
```
#16c279
```
#16c279 rgb(22,194,121)
```
#0eca7a
```
#0eca7a rgb(14,202,122)
```
#05d37b
```
#05d37b rgb(5,211,123)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f877d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59a74 Protanopia 1% of men
#b19584 Deuteranopia 1% of men
#55a6b2 Tritanopia 0.001% of the population

Trichromacy

#7a9f74 Protanomaly 1% of men, 0.01% of women
#829c7e Deuteranomaly 6% of men, 0.4% of women
#47a79c Tritanomaly 0.01% of the population

#2fa975 hex color

#2fa975 Color Information

#2fa975 Color Conversion

Color Schemes with #2fa975

Alternatives to #2fa975

#2fa975 Preview

Shades and Tints of #2fa975

Tones of #2fa975

Color Blindness Simulator