#2f8471 hex color

In a RGB color space, hex #2f8471 is composed of 18.4% red, 51.8% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 14.4% yellow and 48.2% black. It has a hue angle of 166.6 degrees, a saturation of 47.5% and a lightness of 35.1%. #2f8471 color hex could be obtained by blending #5effe2 with #000900. Closest websafe color is: #339966.

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

● #2f8471 color description : Dark moderate cyan.

The hexadecimal color #2f8471 has RGB values of R:47, G:132, B:113 and CMYK values of C:0.64, M:0, Y:0.14, K:0.48. Its decimal value is 3114097.

Hex triplet	2f8471	`#2f8471`
RGB Decimal	47, 132, 113	`rgb(47,132,113)`
RGB Percent	18.4, 51.8, 44.3	`rgb(18.4%,51.8%,44.3%)`
CMYK	64, 0, 14, 48
HSL	166.6°, 47.5, 35.1	`hsl(166.6,47.5%,35.1%)`
HSV (or HSB)	166.6°, 64.4, 51.8
Web Safe	339966	`#339966`

CIE-LAB	49.856, -30.25, 2.771
XYZ	12.403, 18.298, 18.5
xyY	0.252, 0.372, 18.298
CIE-LCH	49.856, 30.376, 174.766
CIE-LUV	49.856, -34.307, 8.209
Hunter-Lab	42.776, -23.101, 4.301
Binary	00101111, 10000100, 01110001

#2f8471
```
#2f8471 rgb(47,132,113)
```
#842f42
```
#842f42 rgb(132,47,66)
```

Complementary Color

#2f8447
```
#2f8447 rgb(47,132,71)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#2f6d84
```
#2f6d84 rgb(47,109,132)
```

Analogous Color

#84472f
```
#84472f rgb(132,71,47)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#842f6d
```
#842f6d rgb(132,47,109)
```

Split Complementary Color

#84712f
```
#84712f rgb(132,113,47)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#712f84
```
#712f84 rgb(113,47,132)
```

Triadic Color

#42842f
```
#42842f rgb(66,132,47)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#712f84
```
#712f84 rgb(113,47,132)
```
#842f42
```
#842f42 rgb(132,47,66)
```

Tetradic Color

#1b4c41
```
#1b4c41 rgb(27,76,65)
```
#225e51
```
#225e51 rgb(34,94,81)
```
#287161
```
#287161 rgb(40,113,97)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#369781
```
#369781 rgb(54,151,129)
```
#3caa91
```
#3caa91 rgb(60,170,145)
```
#43bca1
```
#43bca1 rgb(67,188,161)
```

Monochromatic Color

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

#2f845c
```
#2f845c rgb(47,132,92)
```
#2f8463
```
#2f8463 rgb(47,132,99)
```
#2f846a
```
#2f846a rgb(47,132,106)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#2f8478
```
#2f8478 rgb(47,132,120)
```
#2f847f
```
#2f847f rgb(47,132,127)
```
#2f8284
```
#2f8284 rgb(47,130,132)
```

Similar Colors

Text with hexadecimal color #2f8471

This text has a font color of #2f8471.

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

#2f8471 background color

This paragraph has a background color of #2f8471.

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

#2f8471 border color

This element has a border color of #2f8471.

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

CSS codes

.text {color:#2f8471;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0b1f1a
```
#0b1f1a rgb(11,31,26)
```
#102d27
```
#102d27 rgb(16,45,39)
```
#153c33
```
#153c33 rgb(21,60,51)
```
#1a4a3f
```
#1a4a3f rgb(26,74,63)
```
#20594c
```
#20594c rgb(32,89,76)
```
#256758
```
#256758 rgb(37,103,88)
```
#2a7665
```
#2a7665 rgb(42,118,101)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#34927d
```
#34927d rgb(52,146,125)
```
#39a18a
```
#39a18a rgb(57,161,138)
```
#3eaf96
```
#3eaf96 rgb(62,175,150)
```

Shade Color Variation

#45bda2
```
#45bda2 rgb(69,189,162)
```
#53c2a9
```
#53c2a9 rgb(83,194,169)
```
#62c7b0
```
#62c7b0 rgb(98,199,176)
```
#70ccb8
```
#70ccb8 rgb(112,204,184)
```
#7fd1bf
```
#7fd1bf rgb(127,209,191)
```
#8dd6c6
```
#8dd6c6 rgb(141,214,198)
```
#9cdccd
```
#9cdccd rgb(156,220,205)
```
#aae1d5
```
#aae1d5 rgb(170,225,213)
```
#b8e6dc
```
#b8e6dc rgb(184,230,220)
```
#c7ebe3
```
#c7ebe3 rgb(199,235,227)
```
#d5f0ea
```
#d5f0ea rgb(213,240,234)
```
#e4f5f1
```
#e4f5f1 rgb(228,245,241)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b5a is the less saturated color, while #06ad88 is the most saturated one.

#585b5a
```
#585b5a rgb(88,91,90)
```
#51625e
```
#51625e rgb(81,98,94)
```
#4b6862
```
#4b6862 rgb(75,104,98)
```
#446f66
```
#446f66 rgb(68,111,102)
```
#3d7669
```
#3d7669 rgb(61,118,105)
```
#367d6d
```
#367d6d rgb(54,125,109)
```
#2f8471
```
#2f8471 rgb(47,132,113)
```
#288b75
```
#288b75 rgb(40,139,117)
```
#219279
```
#219279 rgb(33,146,121)
```
#1a997c
```
#1a997c rgb(26,153,124)
```
#13a080
```
#13a080 rgb(19,160,128)
```
#0da684
```
#0da684 rgb(13,166,132)
```
#06ad88
```
#06ad88 rgb(6,173,136)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#827d71 Protanopia 1% of men
#88797e Deuteranopia 1% of men
#458690 Tritanopia 0.001% of the population

Trichromacy

#647f71 Protanomaly 1% of men, 0.01% of women
#687d79 Deuteranomaly 6% of men, 0.4% of women
#3d8585 Tritanomaly 0.01% of the population

#2f8471 hex color

#2f8471 Color Information

#2f8471 Color Conversion

Color Schemes with #2f8471

Alternatives to #2f8471

#2f8471 Preview

Shades and Tints of #2f8471

Tones of #2f8471

Color Blindness Simulator