#2f786c hex color

In a RGB color space, hex #2f786c is composed of 18.4% red, 47.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 10% yellow and 52.9% black. It has a hue angle of 170.1 degrees, a saturation of 43.7% and a lightness of 32.7%. #2f786c color hex could be obtained by blending #5ef0d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 47
- B 42
RGB color chart
- C 61
- M 0
- Y 10
- K 53
CMYK color chart

● #2f786c color description : Dark moderate cyan.

The hexadecimal color #2f786c has RGB values of R:47, G:120, B:108 and CMYK values of C:0.61, M:0, Y:0.1, K:0.53. Its decimal value is 3111020.

Hex triplet	2f786c	`#2f786c`
RGB Decimal	47, 120, 108	`rgb(47,120,108)`
RGB Percent	18.4, 47.1, 42.4	`rgb(18.4%,47.1%,42.4%)`
CMYK	61, 0, 10, 53
HSL	170.1°, 43.7, 32.7	`hsl(170.1,43.7%,32.7%)`
HSV (or HSB)	170.1°, 60.8, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.797, -25.734, -0.182
XYZ	10.595, 15.119, 16.546
xyY	0.251, 0.358, 15.119
CIE-LCH	45.797, 25.735, 180.404
CIE-LUV	45.797, -29.881, 3.422
Hunter-Lab	38.883, -19.409, 1.988
Binary	00101111, 01111000, 01101100

#2f786c
```
#2f786c rgb(47,120,108)
```
#782f3b
```
#782f3b rgb(120,47,59)
```

Complementary Color

#2f7848
```
#2f7848 rgb(47,120,72)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#2f6078
```
#2f6078 rgb(47,96,120)
```

Analogous Color

#78482f
```
#78482f rgb(120,72,47)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#782f60
```
#782f60 rgb(120,47,96)
```

Split Complementary Color

#786c2f
```
#786c2f rgb(120,108,47)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#6c2f78
```
#6c2f78 rgb(108,47,120)
```

Triadic Color

#3b782f
```
#3b782f rgb(59,120,47)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#6c2f78
```
#6c2f78 rgb(108,47,120)
```
#782f3b
```
#782f3b rgb(120,47,59)
```

Tetradic Color

#19413b
```
#19413b rgb(25,65,59)
```
#21534b
```
#21534b rgb(33,83,75)
```
#28665c
```
#28665c rgb(40,102,92)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#368a7c
```
#368a7c rgb(54,138,124)
```
#3d9d8d
```
#3d9d8d rgb(61,157,141)
```
#45af9d
```
#45af9d rgb(69,175,157)
```

Monochromatic Color

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

#2f785a
```
#2f785a rgb(47,120,90)
```
#2f7860
```
#2f7860 rgb(47,120,96)
```
#2f7866
```
#2f7866 rgb(47,120,102)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#2f7872
```
#2f7872 rgb(47,120,114)
```
#2f7878
```
#2f7878 rgb(47,120,120)
```
#2f7278
```
#2f7278 rgb(47,114,120)
```

Similar Colors

Text with hexadecimal color #2f786c

This text has a font color of #2f786c.

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

#2f786c background color

This paragraph has a background color of #2f786c.

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

#2f786c border color

This element has a border color of #2f786c.

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

CSS codes

.text {color:#2f786c;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#081513
```
#081513 rgb(8,21,19)
```
#0e2320
```
#0e2320 rgb(14,35,32)
```
#13322d
```
#13322d rgb(19,50,45)
```
#194039
```
#194039 rgb(25,64,57)
```
#1e4e46
```
#1e4e46 rgb(30,78,70)
```
#245c53
```
#245c53 rgb(36,92,83)
```
#296a5f
```
#296a5f rgb(41,106,95)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#358679
```
#358679 rgb(53,134,121)
```
#3a9485
```
#3a9485 rgb(58,148,133)
```
#40a292
```
#40a292 rgb(64,162,146)
```
#45b09f
```
#45b09f rgb(69,176,159)
```

Shade Color Variation

#4fbaa8
```
#4fbaa8 rgb(79,186,168)
```
#5dc0af
```
#5dc0af rgb(93,192,175)
```
#6bc5b6
```
#6bc5b6 rgb(107,197,182)
```
#79cbbd
```
#79cbbd rgb(121,203,189)
```
#87d0c4
```
#87d0c4 rgb(135,208,196)
```
#95d6cb
```
#95d6cb rgb(149,214,203)
```
#a4dbd2
```
#a4dbd2 rgb(164,219,210)
```
#b2e1d9
```
#b2e1d9 rgb(178,225,217)
```
#c0e6e0
```
#c0e6e0 rgb(192,230,224)
```
#ceece7
```
#ceece7 rgb(206,236,231)
```
#dcf1ee
```
#dcf1ee rgb(220,241,238)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5856 is the less saturated color, while #02a58a is the most saturated one.

#4f5856
```
#4f5856 rgb(79,88,86)
```
#495e5b
```
#495e5b rgb(73,94,91)
```
#42655f
```
#42655f rgb(66,101,95)
```
#3c6b63
```
#3c6b63 rgb(60,107,99)
```
#357268
```
#357268 rgb(53,114,104)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#297e70
```
#297e70 rgb(41,126,112)
```
#228575
```
#228575 rgb(34,133,117)
```
#1c8b79
```
#1c8b79 rgb(28,139,121)
```
#15927d
```
#15927d rgb(21,146,125)
```
#0f9882
```
#0f9882 rgb(15,152,130)
```
#089f86
```
#089f86 rgb(8,159,134)
```
#02a58a
```
#02a58a rgb(2,165,138)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77736d Protanopia 1% of men
#7c7078 Deuteranopia 1% of men
#427c85 Tritanopia 0.001% of the population

Trichromacy

#5d756d Protanomaly 1% of men, 0.01% of women
#607374 Deuteranomaly 6% of men, 0.4% of women
#3b7a7c Tritanomaly 0.01% of the population

#2f786c hex color

#2f786c Color Information

#2f786c Color Conversion

Color Schemes with #2f786c

Alternatives to #2f786c

#2f786c Preview

Shades and Tints of #2f786c

Tones of #2f786c

Color Blindness Simulator