#2f4746 hex color

In a RGB color space, hex #2f4746 is composed of 18.4% red, 27.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 1.4% yellow and 72.2% black. It has a hue angle of 177.5 degrees, a saturation of 20.3% and a lightness of 23.1%. #2f4746 color hex could be obtained by blending #5e8e8c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 28
- B 27
RGB color chart
- C 34
- M 0
- Y 1
- K 72
CMYK color chart

● #2f4746 color description : Very dark grayish cyan.

The hexadecimal color #2f4746 has RGB values of R:47, G:71, B:70 and CMYK values of C:0.34, M:0, Y:0.01, K:0.72. Its decimal value is 3098438.

Hex triplet	2f4746	`#2f4746`
RGB Decimal	47, 71, 70	`rgb(47,71,70)`
RGB Percent	18.4, 27.8, 27.5	`rgb(18.4%,27.8%,27.5%)`
CMYK	34, 0, 1, 72
HSL	177.5°, 20.3, 23.1	`hsl(177.5,20.3%,23.1%)`
HSV (or HSB)	177.5°, 33.8, 27.8
Web Safe	333333	`#333333`

CIE-LAB	28.255, -9.462, -2.37
XYZ	4.531, 5.553, 6.627
xyY	0.271, 0.332, 5.553
CIE-LCH	28.255, 9.754, 194.061
CIE-LUV	28.255, -10.863, -1.591
Hunter-Lab	23.564, -6.917, -0.179
Binary	00101111, 01000111, 01000110

#2f4746
```
#2f4746 rgb(47,71,70)
```
#472f30
```
#472f30 rgb(71,47,48)
```

Complementary Color

#2f473a
```
#2f473a rgb(47,71,58)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#2f3c47
```
#2f3c47 rgb(47,60,71)
```

Analogous Color

#473a2f
```
#473a2f rgb(71,58,47)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#472f3c
```
#472f3c rgb(71,47,60)
```

Split Complementary Color

#47462f
```
#47462f rgb(71,70,47)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#462f47
```
#462f47 rgb(70,47,71)
```

Triadic Color

#30472f
```
#30472f rgb(48,71,47)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#462f47
```
#462f47 rgb(70,47,71)
```
#472f30
```
#472f30 rgb(71,47,48)
```

Tetradic Color

#111919
```
#111919 rgb(17,25,25)
```
#1b2828
```
#1b2828 rgb(27,40,40)
```
#253837
```
#253837 rgb(37,56,55)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#395655
```
#395655 rgb(57,86,85)
```
#436664
```
#436664 rgb(67,102,100)
```
#4d7573
```
#4d7573 rgb(77,117,115)
```

Monochromatic Color

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

#2f4740
```
#2f4740 rgb(47,71,64)
```
#2f4742
```
#2f4742 rgb(47,71,66)
```
#2f4744
```
#2f4744 rgb(47,71,68)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#2f4647
```
#2f4647 rgb(47,70,71)
```
#2f4447
```
#2f4447 rgb(47,68,71)
```
#2f4247
```
#2f4247 rgb(47,66,71)
```

Similar Colors

Text with hexadecimal color #2f4746

This text has a font color of #2f4746.

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

#2f4746 background color

This paragraph has a background color of #2f4746.

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

#2f4746 border color

This element has a border color of #2f4746.

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

CSS codes

.text {color:#2f4746;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0c
```
#080c0c rgb(8,12,12)
```
#101817
```
#101817 rgb(16,24,23)
```
#182423
```
#182423 rgb(24,36,35)
```
#1f2f2f
```
#1f2f2f rgb(31,47,47)
```
#273b3a
```
#273b3a rgb(39,59,58)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#375352
```
#375352 rgb(55,83,82)
```
#3f5f5d
```
#3f5f5d rgb(63,95,93)
```
#466a69
```
#466a69 rgb(70,106,105)
```
#4e7675
```
#4e7675 rgb(78,118,117)
```
#568280
```
#568280 rgb(86,130,128)
```
#5e8e8c
```
#5e8e8c rgb(94,142,140)
```

Shade Color Variation

#669a97
```
#669a97 rgb(102,154,151)
```
#72a19f
```
#72a19f rgb(114,161,159)
```
#7da9a7
```
#7da9a7 rgb(125,169,167)
```
#89b1af
```
#89b1af rgb(137,177,175)
```
#95b9b7
```
#95b9b7 rgb(149,185,183)
```
#a1c1bf
```
#a1c1bf rgb(161,193,191)
```
#adc8c7
```
#adc8c7 rgb(173,200,199)
```
#b8d0cf
```
#b8d0cf rgb(184,208,207)
```
#c4d8d7
```
#c4d8d7 rgb(196,216,215)
```
#d0e0df
```
#d0e0df rgb(208,224,223)
```
#dce8e7
```
#dce8e7 rgb(220,232,231)
```
#e8efef
```
#e8efef rgb(232,239,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```

Tint Color Variation

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

#383e3e
```
#383e3e rgb(56,62,62)
```
#344242
```
#344242 rgb(52,66,66)
```
#2f4746
```
#2f4746 rgb(47,71,70)
```
#2a4c4a
```
#2a4c4a rgb(42,76,74)
```
#26504e
```
#26504e rgb(38,80,78)
```
#215552
```
#215552 rgb(33,85,82)
```
#1d5957
```
#1d5957 rgb(29,89,87)
```
#185e5b
```
#185e5b rgb(24,94,91)
```
#14625f
```
#14625f rgb(20,98,95)
```
#0f6763
```
#0f6763 rgb(15,103,99)
```
#0b6b67
```
#0b6b67 rgb(11,107,103)
```
#06706b
```
#06706b rgb(6,112,107)
```
#027470
```
#027470 rgb(2,116,112)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4141 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4c4d Protanopia 1% of men
#514a51 Deuteranopia 1% of men
#3b4f55 Tritanopia 0.001% of the population

Trichromacy

#424a4a Protanomaly 1% of men, 0.01% of women
#44494d Deuteranomaly 6% of men, 0.4% of women
#364c4f Tritanomaly 0.01% of the population

#2f4746 hex color

#2f4746 Color Information

#2f4746 Color Conversion

Color Schemes with #2f4746

Alternatives to #2f4746

#2f4746 Preview

Shades and Tints of #2f4746

Tones of #2f4746

Color Blindness Simulator