#2f4442 hex color

In a RGB color space, hex #2f4442 is composed of 18.4% red, 26.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 2.9% yellow and 73.3% black. It has a hue angle of 174.3 degrees, a saturation of 18.3% and a lightness of 22.5%. #2f4442 color hex could be obtained by blending #5e8884 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 27
- B 26
RGB color chart
- C 31
- M 0
- Y 3
- K 73
CMYK color chart

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

The hexadecimal color #2f4442 has RGB values of R:47, G:68, B:66 and CMYK values of C:0.31, M:0, Y:0.03, K:0.73. Its decimal value is 3097666.

Hex triplet	2f4442	`#2f4442`
RGB Decimal	47, 68, 66	`rgb(47,68,66)`
RGB Percent	18.4, 26.7, 25.9	`rgb(18.4%,26.7%,25.9%)`
CMYK	31, 0, 3, 73
HSL	174.3°, 18.3, 22.5	`hsl(174.3,18.3%,22.5%)`
HSV (or HSB)	174.3°, 30.9, 26.7
Web Safe	333333	`#333333`

CIE-LAB	27.107, -8.721, -1.454
XYZ	4.223, 5.132, 5.922
xyY	0.276, 0.336, 5.132
CIE-LCH	27.107, 8.841, 189.465
CIE-LUV	27.107, -9.575, -0.58
Hunter-Lab	22.653, -6.372, 0.358
Binary	00101111, 01000100, 01000010

#2f4442
```
#2f4442 rgb(47,68,66)
```
#442f31
```
#442f31 rgb(68,47,49)
```

Complementary Color

#2f4438
```
#2f4438 rgb(47,68,56)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#2f3c44
```
#2f3c44 rgb(47,60,68)
```

Analogous Color

#44382f
```
#44382f rgb(68,56,47)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#442f3c
```
#442f3c rgb(68,47,60)
```

Split Complementary Color

#44422f
```
#44422f rgb(68,66,47)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#422f44
```
#422f44 rgb(66,47,68)
```

Triadic Color

#31442f
```
#31442f rgb(49,68,47)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#422f44
```
#422f44 rgb(66,47,68)
```
#442f31
```
#442f31 rgb(68,47,49)
```

Tetradic Color

#101716
```
#101716 rgb(16,23,22)
```
#1a2625
```
#1a2625 rgb(26,38,37)
```
#253533
```
#253533 rgb(37,53,51)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#395351
```
#395351 rgb(57,83,81)
```
#44625f
```
#44625f rgb(68,98,95)
```
#4e716e
```
#4e716e rgb(78,113,110)
```

Monochromatic Color

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

#2f443d
```
#2f443d rgb(47,68,61)
```
#2f443f
```
#2f443f rgb(47,68,63)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#2f4444
```
#2f4444 rgb(47,68,68)
```
#2f4344
```
#2f4344 rgb(47,67,68)
```
#2f4144
```
#2f4144 rgb(47,65,68)
```

Similar Colors

Text with hexadecimal color #2f4442

This text has a font color of #2f4442.

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

#2f4442 background color

This paragraph has a background color of #2f4442.

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

#2f4442 border color

This element has a border color of #2f4442.

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

CSS codes

.text {color:#2f4442;}

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

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

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, #070a0a is the darkest color, while #fdfefe is the lightest one.

#070a0a
```
#070a0a rgb(7,10,10)
```
#0f1615
```
#0f1615 rgb(15,22,21)
```
#172120
```
#172120 rgb(23,33,32)
```
#1f2d2b
```
#1f2d2b rgb(31,45,43)
```
#273837
```
#273837 rgb(39,56,55)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#37504d
```
#37504d rgb(55,80,77)
```
#3f5b59
```
#3f5b59 rgb(63,91,89)
```
#476764
```
#476764 rgb(71,103,100)
```
#4f726f
```
#4f726f rgb(79,114,111)
```
#577e7a
```
#577e7a rgb(87,126,122)
```
#5f8a86
```
#5f8a86 rgb(95,138,134)
```
#679591
```
#679591 rgb(103,149,145)
```

Shade Color Variation

#729e9a
```
#729e9a rgb(114,158,154)
```
#7ea6a2
```
#7ea6a2 rgb(126,166,162)
```
#89aeaa
```
#89aeaa rgb(137,174,170)
```
#95b6b3
```
#95b6b3 rgb(149,182,179)
```
#a1bebb
```
#a1bebb rgb(161,190,187)
```
#acc6c3
```
#acc6c3 rgb(172,198,195)
```
#b8cecc
```
#b8cecc rgb(184,206,204)
```
#c3d6d4
```
#c3d6d4 rgb(195,214,212)
```
#cfdedc
```
#cfdedc rgb(207,222,220)
```
#dbe6e5
```
#dbe6e5 rgb(219,230,229)
```
#e6eeed
```
#e6eeed rgb(230,238,237)
```
#f2f6f5
```
#f2f6f5 rgb(242,246,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#383b3b
```
#383b3b rgb(56,59,59)
```
#33403e
```
#33403e rgb(51,64,62)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#2b4846
```
#2b4846 rgb(43,72,70)
```
#264d49
```
#264d49 rgb(38,77,73)
```
#22514d
```
#22514d rgb(34,81,77)
```
#1d5650
```
#1d5650 rgb(29,86,80)
```
#195a54
```
#195a54 rgb(25,90,84)
```
#145f57
```
#145f57 rgb(20,95,87)
```
#10635b
```
#10635b rgb(16,99,91)
```
#0c675f
```
#0c675f rgb(12,103,95)
```
#076c62
```
#076c62 rgb(7,108,98)
```
#037066
```
#037066 rgb(3,112,102)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4949 Protanopia 1% of men
#4f474d Deuteranopia 1% of men
#3b4c52 Tritanopia 0.001% of the population

Trichromacy

#404746 Protanomaly 1% of men, 0.01% of women
#434649 Deuteranomaly 6% of men, 0.4% of women
#36494c Tritanomaly 0.01% of the population

#2f4442 hex color

#2f4442 Color Information

#2f4442 Color Conversion

Color Schemes with #2f4442

Alternatives to #2f4442

#2f4442 Preview

Shades and Tints of #2f4442

Tones of #2f4442

Color Blindness Simulator