#2f3836 hex color

In a RGB color space, hex #2f3836 is composed of 18.4% red, 22% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 0% magenta, 3.6% yellow and 78% black. It has a hue angle of 166.7 degrees, a saturation of 8.7% and a lightness of 20.2%. #2f3836 color hex could be obtained by blending #5e706c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 22
- B 21
RGB color chart
- C 16
- M 0
- Y 4
- K 78
CMYK color chart

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

The hexadecimal color #2f3836 has RGB values of R:47, G:56, B:54 and CMYK values of C:0.16, M:0, Y:0.04, K:0.78. Its decimal value is 3094582.

Hex triplet	2f3836	`#2f3836`
RGB Decimal	47, 56, 54	`rgb(47,56,54)`
RGB Percent	18.4, 22, 21.2	`rgb(18.4%,22%,21.2%)`
CMYK	16, 0, 4, 78
HSL	166.7°, 8.7, 20.2	`hsl(166.7,8.7%,20.2%)`
HSV (or HSB)	166.7°, 16.1, 22
Web Safe	333333	`#333333`

CIE-LAB	22.65, -4.272, -0.027
XYZ	3.252, 3.699, 4.032
xyY	0.296, 0.337, 3.699
CIE-LCH	22.65, 4.272, 180.363
CIE-LUV	22.65, -4.178, 0.484
Hunter-Lab	19.233, -3.474, 1.032
Binary	00101111, 00111000, 00110110

#2f3836
```
#2f3836 rgb(47,56,54)
```
#382f31
```
#382f31 rgb(56,47,49)
```

Complementary Color

#2f3832
```
#2f3832 rgb(47,56,50)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#2f3638
```
#2f3638 rgb(47,54,56)
```

Analogous Color

#38322f
```
#38322f rgb(56,50,47)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#382f36
```
#382f36 rgb(56,47,54)
```

Split Complementary Color

#38362f
```
#38362f rgb(56,54,47)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#362f38
```
#362f38 rgb(54,47,56)
```

Triadic Color

#31382f
```
#31382f rgb(49,56,47)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#362f38
```
#362f38 rgb(54,47,56)
```
#382f31
```
#382f31 rgb(56,47,49)
```

Tetradic Color

#0c0e0e
```
#0c0e0e rgb(12,14,14)
```
#181c1b
```
#181c1b rgb(24,28,27)
```
#232a29
```
#232a29 rgb(35,42,41)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#3b4643
```
#3b4643 rgb(59,70,67)
```
#465451
```
#465451 rgb(70,84,81)
```
#52625e
```
#52625e rgb(82,98,94)
```

Monochromatic Color

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

#2f3834
```
#2f3834 rgb(47,56,52)
```
#2f3835
```
#2f3835 rgb(47,56,53)
```
#2f3835
```
#2f3835 rgb(47,56,53)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#2f3837
```
#2f3837 rgb(47,56,55)
```
#2f3838
```
#2f3838 rgb(47,56,56)
```
#2f3838
```
#2f3838 rgb(47,56,56)
```

Similar Colors

Text with hexadecimal color #2f3836

This text has a font color of #2f3836.

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

#2f3836 background color

This paragraph has a background color of #2f3836.

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

#2f3836 border color

This element has a border color of #2f3836.

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

CSS codes

.text {color:#2f3836;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0d0d
```
#0b0d0d rgb(11,13,13)
```
#141817
```
#141817 rgb(20,24,23)
```
#1d2321
```
#1d2321 rgb(29,35,33)
```
#262d2c
```
#262d2c rgb(38,45,44)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#384340
```
#384340 rgb(56,67,64)
```
#414d4b
```
#414d4b rgb(65,77,75)
```
#4a5855
```
#4a5855 rgb(74,88,85)
```
#53635f
```
#53635f rgb(83,99,95)
```
#5c6d69
```
#5c6d69 rgb(92,109,105)
```
#657874
```
#657874 rgb(101,120,116)
```
#6e837e
```
#6e837e rgb(110,131,126)
```

Shade Color Variation

#778d88
```
#778d88 rgb(119,141,136)
```
#829691
```
#829691 rgb(130,150,145)
```
#8c9f9b
```
#8c9f9b rgb(140,159,155)
```
#97a8a4
```
#97a8a4 rgb(151,168,164)
```
#a2b1ad
```
#a2b1ad rgb(162,177,173)
```
#acbab7
```
#acbab7 rgb(172,186,183)
```
#b7c3c0
```
#b7c3c0 rgb(183,195,192)
```
#c2ccc9
```
#c2ccc9 rgb(194,204,201)
```
#ccd4d3
```
#ccd4d3 rgb(204,212,211)
```
#d7dddc
```
#d7dddc rgb(215,221,220)
```
#e2e6e5
```
#e2e6e5 rgb(226,230,229)
```
#ecefef
```
#ecefef rgb(236,239,239)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#333434
```
#333434 rgb(51,52,52)
```
#2f3836
```
#2f3836 rgb(47,56,54)
```
#2b3c38
```
#2b3c38 rgb(43,60,56)
```
#27403a
```
#27403a rgb(39,64,58)
```
#23443d
```
#23443d rgb(35,68,61)
```
#1f483f
```
#1f483f rgb(31,72,63)
```
#1b4c41
```
#1b4c41 rgb(27,76,65)
```
#175043
```
#175043 rgb(23,80,67)
```
#135445
```
#135445 rgb(19,84,69)
```
#0f5848
```
#0f5848 rgb(15,88,72)
```
#0b5c4a
```
#0b5c4a rgb(11,92,74)
```
#07604c
```
#07604c rgb(7,96,76)
```
#03644e
```
#03644e rgb(3,100,78)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343635 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41403f Protanopia 1% of men
#453e41 Deuteranopia 1% of men
#3b4146 Tritanopia 0.001% of the population

Trichromacy

#3b3d3b Protanomaly 1% of men, 0.01% of women
#3d3c3d Deuteranomaly 6% of men, 0.4% of women
#363e40 Tritanomaly 0.01% of the population

#2f3836 hex color

#2f3836 Color Information

#2f3836 Color Conversion

Color Schemes with #2f3836

Alternatives to #2f3836

#2f3836 Preview

Shades and Tints of #2f3836

Tones of #2f3836

Color Blindness Simulator