#3f8470 hex color

In a RGB color space, hex #3f8470 is composed of 24.7% red, 51.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 15.2% yellow and 48.2% black. It has a hue angle of 162.6 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f8470 color hex could be obtained by blending #7effe0 with #000900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 25
- G 52
- B 44
RGB color chart
- C 52
- M 0
- Y 15
- K 48
CMYK color chart

● #3f8470 color description : Dark moderate cyan - lime green.

The hexadecimal color #3f8470 has RGB values of R:63, G:132, B:112 and CMYK values of C:0.52, M:0, Y:0.15, K:0.48. Its decimal value is 4162672.

Hex triplet	3f8470	`#3f8470`
RGB Decimal	63, 132, 112	`rgb(63,132,112)`
RGB Percent	24.7, 51.8, 43.9	`rgb(24.7%,51.8%,43.9%)`
CMYK	52, 0, 15, 48
HSL	162.6°, 35.4, 38.2	`hsl(162.6,35.4%,38.2%)`
HSV (or HSB)	162.6°, 52.3, 51.8
Web Safe	339966	`#339966`

CIE-LAB	50.368, -26.976, 4.163
XYZ	13.225, 18.728, 18.246
xyY	0.263, 0.373, 18.728
CIE-LCH	50.368, 27.295, 171.228
CIE-LUV	50.368, -30.262, 9.679
Hunter-Lab	43.276, -21.185, 5.295
Binary	00111111, 10000100, 01110000

#3f8470
```
#3f8470 rgb(63,132,112)
```
#843f53
```
#843f53 rgb(132,63,83)
```

Complementary Color

#3f844e
```
#3f844e rgb(63,132,78)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#3f7684
```
#3f7684 rgb(63,118,132)
```

Analogous Color

#844e3f
```
#844e3f rgb(132,78,63)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#843f76
```
#843f76 rgb(132,63,118)
```

Split Complementary Color

#84703f
```
#84703f rgb(132,112,63)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#703f84
```
#703f84 rgb(112,63,132)
```

Triadic Color

#53843f
```
#53843f rgb(83,132,63)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#703f84
```
#703f84 rgb(112,63,132)
```
#843f53
```
#843f53 rgb(132,63,83)
```

Tetradic Color

#265044
```
#265044 rgb(38,80,68)
```
#2f6153
```
#2f6153 rgb(47,97,83)
```
#377361
```
#377361 rgb(55,115,97)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#47957f
```
#47957f rgb(71,149,127)
```
#4fa78d
```
#4fa78d rgb(79,167,141)
```
#5eb299
```
#5eb299 rgb(94,178,153)
```

Monochromatic Color

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

#3f845f
```
#3f845f rgb(63,132,95)
```
#3f8465
```
#3f8465 rgb(63,132,101)
```
#3f846a
```
#3f846a rgb(63,132,106)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#3f8476
```
#3f8476 rgb(63,132,118)
```
#3f847c
```
#3f847c rgb(63,132,124)
```
#3f8481
```
#3f8481 rgb(63,132,129)
```

Similar Colors

Text with hexadecimal color #3f8470

This text has a font color of #3f8470.

<span style="color:#3f8470;">Text here</span>

#3f8470 background color

This paragraph has a background color of #3f8470.

<p style="background-color:#3f8470;">Content here</p>

#3f8470 border color

This element has a border color of #3f8470.

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

CSS codes

.text {color:#3f8470;}

.background {background-color:#3f8470;}

.border {border:1px solid #3f8470;}

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, #060c0b is the darkest color, while #feffff is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1a16
```
#0c1a16 rgb(12,26,22)
```
#132721
```
#132721 rgb(19,39,33)
```
#19342c
```
#19342c rgb(25,52,44)
```
#1f4238
```
#1f4238 rgb(31,66,56)
```
#264f43
```
#264f43 rgb(38,79,67)
```
#2c5c4e
```
#2c5c4e rgb(44,92,78)
```
#326959
```
#326959 rgb(50,105,89)
```
#397765
```
#397765 rgb(57,119,101)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#45917b
```
#45917b rgb(69,145,123)
```
#4c9f87
```
#4c9f87 rgb(76,159,135)
```
#52ac92
```
#52ac92 rgb(82,172,146)
```

Shade Color Variation

#5fb39a
```
#5fb39a rgb(95,179,154)
```
#6cb9a3
```
#6cb9a3 rgb(108,185,163)
```
#79bfab
```
#79bfab rgb(121,191,171)
```
#87c6b3
```
#87c6b3 rgb(135,198,179)
```
#94ccbc
```
#94ccbc rgb(148,204,188)
```
#a1d2c4
```
#a1d2c4 rgb(161,210,196)
```
#afd9cc
```
#afd9cc rgb(175,217,204)
```
#bcdfd5
```
#bcdfd5 rgb(188,223,213)
```
#c9e5dd
```
#c9e5dd rgb(201,229,221)
```
#d6ece5
```
#d6ece5 rgb(214,236,229)
```
#e4f2ee
```
#e4f2ee rgb(228,242,238)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5d6663
```
#5d6663 rgb(93,102,99)
```
#566e67
```
#566e67 rgb(86,110,103)
```
#4e756a
```
#4e756a rgb(78,117,106)
```
#477d6d
```
#477d6d rgb(71,125,109)
```
#3f8470
```
#3f8470 rgb(63,132,112)
```
#388c73
```
#388c73 rgb(56,140,115)
```
#309376
```
#309376 rgb(48,147,118)
```
#299b79
```
#299b79 rgb(41,155,121)
```
#21a27d
```
#21a27d rgb(33,162,125)
```
#1aaa80
```
#1aaa80 rgb(26,170,128)
```
#12b183
```
#12b183 rgb(18,177,131)
```
#0bb986
```
#0bb986 rgb(11,185,134)
```
#03c089
```
#03c089 rgb(3,192,137)
```

Tone Color Variation

Below, you can see how #3f8470 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

#6d6d6d Achromatopsia 0.005% of the population
#64726e Atypical Achromatopsia 0.001% of the population

Dichromacy

#847e71 Protanopia 1% of men
#8b7b7c Deuteranopia 1% of men
#528690 Tritanopia 0.001% of the population

Trichromacy

#6b8071 Protanomaly 1% of men, 0.01% of women
#6f7e78 Deuteranomaly 6% of men, 0.4% of women
#4b8584 Tritanomaly 0.01% of the population

#3f8470 hex color

#3f8470 Color Information

#3f8470 Color Conversion

Color Schemes with #3f8470

Alternatives to #3f8470

#3f8470 Preview

Shades and Tints of #3f8470

Tones of #3f8470

Color Blindness Simulator