#2f675e hex color

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

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

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

The hexadecimal color #2f675e has RGB values of R:47, G:103, B:94 and CMYK values of C:0.54, M:0, Y:0.09, K:0.6. Its decimal value is 3106654.

Hex triplet	2f675e	`#2f675e`
RGB Decimal	47, 103, 94	`rgb(47,103,94)`
RGB Percent	18.4, 40.4, 36.9	`rgb(18.4%,40.4%,36.9%)`
CMYK	54, 0, 9, 60
HSL	170.4°, 37.3, 29.4	`hsl(170.4,37.3%,29.4%)`
HSV (or HSB)	170.4°, 54.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.769, -20.876, -0.555
XYZ	8.042, 11.112, 12.31
xyY	0.256, 0.353, 11.112
CIE-LCH	39.769, 20.884, 181.522
CIE-LUV	39.769, -23.706, 2.16
Hunter-Lab	33.335, -15.273, 1.44
Binary	00101111, 01100111, 01011110

#2f675e
```
#2f675e rgb(47,103,94)
```
#672f38
```
#672f38 rgb(103,47,56)
```

Complementary Color

#2f6742
```
#2f6742 rgb(47,103,66)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#2f5467
```
#2f5467 rgb(47,84,103)
```

Analogous Color

#67422f
```
#67422f rgb(103,66,47)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#672f54
```
#672f54 rgb(103,47,84)
```

Split Complementary Color

#675e2f
```
#675e2f rgb(103,94,47)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#5e2f67
```
#5e2f67 rgb(94,47,103)
```

Triadic Color

#38672f
```
#38672f rgb(56,103,47)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#5e2f67
```
#5e2f67 rgb(94,47,103)
```
#672f38
```
#672f38 rgb(103,47,56)
```

Tetradic Color

#17322e
```
#17322e rgb(23,50,46)
```
#1f443e
```
#1f443e rgb(31,68,62)
```
#27554e
```
#27554e rgb(39,85,78)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#37796e
```
#37796e rgb(55,121,110)
```
#3f8a7e
```
#3f8a7e rgb(63,138,126)
```
#479c8e
```
#479c8e rgb(71,156,142)
```

Monochromatic Color

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

#2f6750
```
#2f6750 rgb(47,103,80)
```
#2f6755
```
#2f6755 rgb(47,103,85)
```
#2f6759
```
#2f6759 rgb(47,103,89)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#2f6763
```
#2f6763 rgb(47,103,99)
```
#2f6767
```
#2f6767 rgb(47,103,103)
```
#2f6267
```
#2f6267 rgb(47,98,103)
```

Similar Colors

Text with hexadecimal color #2f675e

This text has a font color of #2f675e.

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

#2f675e background color

This paragraph has a background color of #2f675e.

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

#2f675e border color

This element has a border color of #2f675e.

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

CSS codes

.text {color:#2f675e;}

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

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

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 #fafdfc is the lightest one.

#040908
```
#040908 rgb(4,9,8)
```
#0a1614
```
#0a1614 rgb(10,22,20)
```
#102421
```
#102421 rgb(16,36,33)
```
#16312d
```
#16312d rgb(22,49,45)
```
#1d3f39
```
#1d3f39 rgb(29,63,57)
```
#234c45
```
#234c45 rgb(35,76,69)
```
#295a52
```
#295a52 rgb(41,90,82)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#35746a
```
#35746a rgb(53,116,106)
```
#3b8277
```
#3b8277 rgb(59,130,119)
```
#418f83
```
#418f83 rgb(65,143,131)
```
#489d8f
```
#489d8f rgb(72,157,143)
```
#4eaa9b
```
#4eaa9b rgb(78,170,155)
```

Shade Color Variation

#59b3a5
```
#59b3a5 rgb(89,179,165)
```
#66b9ac
```
#66b9ac rgb(102,185,172)
```
#74bfb3
```
#74bfb3 rgb(116,191,179)
```
#81c6bb
```
#81c6bb rgb(129,198,187)
```
#8eccc2
```
#8eccc2 rgb(142,204,194)
```
#9cd2c9
```
#9cd2c9 rgb(156,210,201)
```
#a9d8d0
```
#a9d8d0 rgb(169,216,208)
```
#b7ded8
```
#b7ded8 rgb(183,222,216)
```
#c4e4df
```
#c4e4df rgb(196,228,223)
```
#d2eae6
```
#d2eae6 rgb(210,234,230)
```
#dff1ee
```
#dff1ee rgb(223,241,238)
```
#edf7f5
```
#edf7f5 rgb(237,247,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#46504e
```
#46504e rgb(70,80,78)
```
#405652
```
#405652 rgb(64,86,82)
```
#3b5b56
```
#3b5b56 rgb(59,91,86)
```
#35615a
```
#35615a rgb(53,97,90)
```
#2f675e
```
#2f675e rgb(47,103,94)
```
#296d62
```
#296d62 rgb(41,109,98)
```
#237366
```
#237366 rgb(35,115,102)
```
#1e786a
```
#1e786a rgb(30,120,106)
```
#187e6e
```
#187e6e rgb(24,126,110)
```
#128472
```
#128472 rgb(18,132,114)
```
#0c8a75
```
#0c8a75 rgb(12,138,117)
```
#078f79
```
#078f79 rgb(7,143,121)
```
#01957d
```
#01957d rgb(1,149,125)
```

Tone Color Variation

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

#686561 Protanopia 1% of men
#6d636a Deuteranopia 1% of men
#3f6c74 Tritanopia 0.001% of the population

Trichromacy

#536660 Protanomaly 1% of men, 0.01% of women
#566465 Deuteranomaly 6% of men, 0.4% of women
#396a6c Tritanomaly 0.01% of the population

#2f675e hex color

#2f675e Color Information

#2f675e Color Conversion

Color Schemes with #2f675e

Alternatives to #2f675e

#2f675e Preview

Shades and Tints of #2f675e

Tones of #2f675e

Color Blindness Simulator