#2f6760 hex color

In a RGB color space, hex #2f6760 is composed of 18.4% red, 40.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 0% magenta, 6.8% yellow and 59.6% black. It has a hue angle of 172.5 degrees, a saturation of 37.3% and a lightness of 29.4%. #2f6760 color hex could be obtained by blending #5ecec0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 40
- B 38
RGB color chart
- C 54
- M 0
- Y 7
- K 60
CMYK color chart

● #2f6760 color description : Very dark desaturated cyan.

The hexadecimal color #2f6760 has RGB values of R:47, G:103, B:96 and CMYK values of C:0.54, M:0, Y:0.07, K:0.6. Its decimal value is 3106656.

Hex triplet	2f6760	`#2f6760`
RGB Decimal	47, 103, 96	`rgb(47,103,96)`
RGB Percent	18.4, 40.4, 37.6	`rgb(18.4%,40.4%,37.6%)`
CMYK	54, 0, 7, 60
HSL	172.5°, 37.3, 29.4	`hsl(172.5,37.3%,29.4%)`
HSV (or HSB)	172.5°, 54.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.83, -20.314, -1.688
XYZ	8.133, 11.149, 12.789
xyY	0.254, 0.348, 11.149
CIE-LCH	39.83, 20.384, 184.75
CIE-LUV	39.83, -23.625, 0.583
Hunter-Lab	33.39, -14.952, 0.663
Binary	00101111, 01100111, 01100000

#2f6760
```
#2f6760 rgb(47,103,96)
```
#672f36
```
#672f36 rgb(103,47,54)
```

Complementary Color

#2f6744
```
#2f6744 rgb(47,103,68)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#2f5267
```
#2f5267 rgb(47,82,103)
```

Analogous Color

#67442f
```
#67442f rgb(103,68,47)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#672f52
```
#672f52 rgb(103,47,82)
```

Split Complementary Color

#67602f
```
#67602f rgb(103,96,47)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#602f67
```
#602f67 rgb(96,47,103)
```

Triadic Color

#36672f
```
#36672f rgb(54,103,47)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#602f67
```
#602f67 rgb(96,47,103)
```
#672f36
```
#672f36 rgb(103,47,54)
```

Tetradic Color

#17322f
```
#17322f rgb(23,50,47)
```
#1f443f
```
#1f443f rgb(31,68,63)
```
#275550
```
#275550 rgb(39,85,80)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#377970
```
#377970 rgb(55,121,112)
```
#3f8a81
```
#3f8a81 rgb(63,138,129)
```
#479c91
```
#479c91 rgb(71,156,145)
```

Monochromatic Color

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

#2f6752
```
#2f6752 rgb(47,103,82)
```
#2f6757
```
#2f6757 rgb(47,103,87)
```
#2f675b
```
#2f675b rgb(47,103,91)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#2f6765
```
#2f6765 rgb(47,103,101)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#2f6067
```
#2f6067 rgb(47,96,103)
```

Similar Colors

Text with hexadecimal color #2f6760

This text has a font color of #2f6760.

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

#2f6760 background color

This paragraph has a background color of #2f6760.

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

#2f6760 border color

This element has a border color of #2f6760.

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

CSS codes

.text {color:#2f6760;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#0a1615
```
#0a1615 rgb(10,22,21)
```
#102421
```
#102421 rgb(16,36,33)
```
#16312e
```
#16312e rgb(22,49,46)
```
#1d3f3a
```
#1d3f3a rgb(29,63,58)
```
#234c47
```
#234c47 rgb(35,76,71)
```
#295a53
```
#295a53 rgb(41,90,83)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#35746d
```
#35746d rgb(53,116,109)
```
#3b8279
```
#3b8279 rgb(59,130,121)
```
#418f86
```
#418f86 rgb(65,143,134)
```
#489d92
```
#489d92 rgb(72,157,146)
```
#4eaa9f
```
#4eaa9f rgb(78,170,159)
```

Shade Color Variation

#59b3a8
```
#59b3a8 rgb(89,179,168)
```
#66b9af
```
#66b9af rgb(102,185,175)
```
#74bfb6
```
#74bfb6 rgb(116,191,182)
```
#81c6bd
```
#81c6bd rgb(129,198,189)
```
#8eccc4
```
#8eccc4 rgb(142,204,196)
```
#9cd2cb
```
#9cd2cb rgb(156,210,203)
```
#a9d8d2
```
#a9d8d2 rgb(169,216,210)
```
#b7ded9
```
#b7ded9 rgb(183,222,217)
```
#c4e4e0
```
#c4e4e0 rgb(196,228,224)
```
#d2eae7
```
#d2eae7 rgb(210,234,231)
```
#dff1ee
```
#dff1ee rgb(223,241,238)
```
#edf7f5
```
#edf7f5 rgb(237,247,245)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46504f is the less saturated color, while #019583 is the most saturated one.

#46504f
```
#46504f rgb(70,80,79)
```
#405653
```
#405653 rgb(64,86,83)
```
#3b5b57
```
#3b5b57 rgb(59,91,87)
```
#35615c
```
#35615c rgb(53,97,92)
```
#2f6760
```
#2f6760 rgb(47,103,96)
```
#296d64
```
#296d64 rgb(41,109,100)
```
#237369
```
#237369 rgb(35,115,105)
```
#1e786d
```
#1e786d rgb(30,120,109)
```
#187e71
```
#187e71 rgb(24,126,113)
```
#128476
```
#128476 rgb(18,132,118)
```
#0c8a7a
```
#0c8a7a rgb(12,138,122)
```
#078f7e
```
#078f7e rgb(7,143,126)
```
#019583
```
#019583 rgb(1,149,131)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686563 Protanopia 1% of men
#6c636c Deuteranopia 1% of men
#3f6c74 Tritanopia 0.001% of the population

Trichromacy

#536662 Protanomaly 1% of men, 0.01% of women
#566467 Deuteranomaly 6% of men, 0.4% of women
#396a6d Tritanomaly 0.01% of the population

#2f6760 hex color

#2f6760 Color Information

#2f6760 Color Conversion

Color Schemes with #2f6760

Alternatives to #2f6760

#2f6760 Preview

Shades and Tints of #2f6760

Tones of #2f6760

Color Blindness Simulator