#2f685f hex color

In a RGB color space, hex #2f685f is composed of 18.4% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 0% magenta, 8.7% yellow and 59.2% black. It has a hue angle of 170.5 degrees, a saturation of 37.7% and a lightness of 29.6%. #2f685f color hex could be obtained by blending #5ed0be with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 41
- B 37
RGB color chart
- C 55
- M 0
- Y 9
- K 59
CMYK color chart

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

The hexadecimal color #2f685f has RGB values of R:47, G:104, B:95 and CMYK values of C:0.55, M:0, Y:0.09, K:0.59. Its decimal value is 3106911.

Hex triplet	2f685f	`#2f685f`
RGB Decimal	47, 104, 95	`rgb(47,104,95)`
RGB Percent	18.4, 40.8, 37.3	`rgb(18.4%,40.8%,37.3%)`
CMYK	55, 0, 9, 59
HSL	170.5°, 37.7, 29.6	`hsl(170.5,37.7%,29.6%)`
HSV (or HSB)	170.5°, 54.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.132, -21.126, -0.635
XYZ	8.188, 11.331, 12.581
xyY	0.255, 0.353, 11.331
CIE-LCH	40.132, 21.135, 181.721
CIE-LUV	40.132, -24.073, 2.093
Hunter-Lab	33.661, -15.489, 1.402
Binary	00101111, 01101000, 01011111

#2f685f
```
#2f685f rgb(47,104,95)
```
#682f38
```
#682f38 rgb(104,47,56)
```

Complementary Color

#2f6843
```
#2f6843 rgb(47,104,67)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#2f5568
```
#2f5568 rgb(47,85,104)
```

Analogous Color

#68432f
```
#68432f rgb(104,67,47)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#682f55
```
#682f55 rgb(104,47,85)
```

Split Complementary Color

#685f2f
```
#685f2f rgb(104,95,47)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#5f2f68
```
#5f2f68 rgb(95,47,104)
```

Triadic Color

#38682f
```
#38682f rgb(56,104,47)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#5f2f68
```
#5f2f68 rgb(95,47,104)
```
#682f38
```
#682f38 rgb(104,47,56)
```

Tetradic Color

#17332f
```
#17332f rgb(23,51,47)
```
#1f453f
```
#1f453f rgb(31,69,63)
```
#27564f
```
#27564f rgb(39,86,79)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#377a6f
```
#377a6f rgb(55,122,111)
```
#3f8b7f
```
#3f8b7f rgb(63,139,127)
```
#479d8f
```
#479d8f rgb(71,157,143)
```

Monochromatic Color

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

#2f6851
```
#2f6851 rgb(47,104,81)
```
#2f6856
```
#2f6856 rgb(47,104,86)
```
#2f685a
```
#2f685a rgb(47,104,90)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#2f6864
```
#2f6864 rgb(47,104,100)
```
#2f6868
```
#2f6868 rgb(47,104,104)
```
#2f6368
```
#2f6368 rgb(47,99,104)
```

Similar Colors

Text with hexadecimal color #2f685f

This text has a font color of #2f685f.

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

#2f685f background color

This paragraph has a background color of #2f685f.

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

#2f685f border color

This element has a border color of #2f685f.

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

CSS codes

.text {color:#2f685f;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1715
```
#0a1715 rgb(10,23,21)
```
#102421
```
#102421 rgb(16,36,33)
```
#17322e
```
#17322e rgb(23,50,46)
```
#1d3f3a
```
#1d3f3a rgb(29,63,58)
```
#234d46
```
#234d46 rgb(35,77,70)
```
#295a53
```
#295a53 rgb(41,90,83)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#35766b
```
#35766b rgb(53,118,107)
```
#3b8378
```
#3b8378 rgb(59,131,120)
```
#419184
```
#419184 rgb(65,145,132)
```
#479e90
```
#479e90 rgb(71,158,144)
```
#4eac9d
```
#4eac9d rgb(78,172,157)
```

Shade Color Variation

#59b4a6
```
#59b4a6 rgb(89,180,166)
```
#66baad
```
#66baad rgb(102,186,173)
```
#74c0b4
```
#74c0b4 rgb(116,192,180)
```
#81c6bb
```
#81c6bb rgb(129,198,187)
```
#8fccc3
```
#8fccc3 rgb(143,204,195)
```
#9cd2ca
```
#9cd2ca rgb(156,210,202)
```
#aad9d1
```
#aad9d1 rgb(170,217,209)
```
#b7dfd8
```
#b7dfd8 rgb(183,223,216)
```
#c5e5e0
```
#c5e5e0 rgb(197,229,224)
```
#d2ebe7
```
#d2ebe7 rgb(210,235,231)
```
#e0f1ee
```
#e0f1ee rgb(224,241,238)
```
#edf7f6
```
#edf7f6 rgb(237,247,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#46514f
```
#46514f rgb(70,81,79)
```
#405753
```
#405753 rgb(64,87,83)
```
#3b5c57
```
#3b5c57 rgb(59,92,87)
```
#35625b
```
#35625b rgb(53,98,91)
```
#2f685f
```
#2f685f rgb(47,104,95)
```
#296e63
```
#296e63 rgb(41,110,99)
```
#237467
```
#237467 rgb(35,116,103)
```
#1e796b
```
#1e796b rgb(30,121,107)
```
#187f6f
```
#187f6f rgb(24,127,111)
```
#128573
```
#128573 rgb(18,133,115)
```
#0c8b77
```
#0c8b77 rgb(12,139,119)
```
#06917b
```
#06917b rgb(6,145,123)
```
#01967f
```
#01967f rgb(1,150,127)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696662 Protanopia 1% of men
#6e646b Deuteranopia 1% of men
#3f6d75 Tritanopia 0.001% of the population

Trichromacy

#546761 Protanomaly 1% of men, 0.01% of women
#576566 Deuteranomaly 6% of men, 0.4% of women
#396b6d Tritanomaly 0.01% of the population

#2f685f hex color

#2f685f Color Information

#2f685f Color Conversion

Color Schemes with #2f685f

Alternatives to #2f685f

#2f685f Preview

Shades and Tints of #2f685f

Tones of #2f685f

Color Blindness Simulator