#2f3f36 hex color

In a RGB color space, hex #2f3f36 is composed of 18.4% red, 24.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 0% magenta, 14.3% yellow and 75.3% black. It has a hue angle of 146.3 degrees, a saturation of 14.5% and a lightness of 21.6%. #2f3f36 color hex could be obtained by blending #5e7e6c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 25
- B 21
RGB color chart
- C 25
- M 0
- Y 14
- K 75
CMYK color chart

● #2f3f36 color description : Very dark grayish cyan - lime green.

The hexadecimal color #2f3f36 has RGB values of R:47, G:63, B:54 and CMYK values of C:0.25, M:0, Y:0.14, K:0.75. Its decimal value is 3096374.

Hex triplet	2f3f36	`#2f3f36`
RGB Decimal	47, 63, 54	`rgb(47,63,54)`
RGB Percent	18.4, 24.7, 21.2	`rgb(18.4%,24.7%,21.2%)`
CMYK	25, 0, 14, 75
HSL	146.3°, 14.5, 21.6	`hsl(146.3,14.5%,21.6%)`
HSV (or HSB)	146.3°, 25.4, 24.7
Web Safe	333333	`#333333`

CIE-LAB	25.031, -8.703, 3.417
XYZ	3.615, 4.426, 4.154
xyY	0.296, 0.363, 4.426
CIE-LCH	25.031, 9.35, 158.561
CIE-LUV	25.031, -7.308, 4.78
Hunter-Lab	21.037, -6.137, 3.02
Binary	00101111, 00111111, 00110110

#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#3f2f38
```
#3f2f38 rgb(63,47,56)
```

Complementary Color

#303f2f
```
#303f2f rgb(48,63,47)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#2f3f3e
```
#2f3f3e rgb(47,63,62)
```

Analogous Color

#3f2f30
```
#3f2f30 rgb(63,47,48)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#3e2f3f
```
#3e2f3f rgb(62,47,63)
```

Split Complementary Color

#3f362f
```
#3f362f rgb(63,54,47)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#362f3f
```
#362f3f rgb(54,47,63)
```

Triadic Color

#383f2f
```
#383f2f rgb(56,63,47)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#362f3f
```
#362f3f rgb(54,47,63)
```
#3f2f38
```
#3f2f38 rgb(63,47,56)
```

Tetradic Color

#0e1310
```
#0e1310 rgb(14,19,16)
```
#19221d
```
#19221d rgb(25,34,29)
```
#243029
```
#243029 rgb(36,48,41)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#3a4e43
```
#3a4e43 rgb(58,78,67)
```
#455c4f
```
#455c4f rgb(69,92,79)
```
#506b5c
```
#506b5c rgb(80,107,92)
```

Monochromatic Color

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

#2f3f32
```
#2f3f32 rgb(47,63,50)
```
#2f3f33
```
#2f3f33 rgb(47,63,51)
```
#2f3f35
```
#2f3f35 rgb(47,63,53)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#2f3f37
```
#2f3f37 rgb(47,63,55)
```
#2f3f39
```
#2f3f39 rgb(47,63,57)
```
#2f3f3a
```
#2f3f3a rgb(47,63,58)
```

Similar Colors

Text with hexadecimal color #2f3f36

This text has a font color of #2f3f36.

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

#2f3f36 background color

This paragraph has a background color of #2f3f36.

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

#2f3f36 border color

This element has a border color of #2f3f36.

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

CSS codes

.text {color:#2f3f36;}

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

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

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

#050706
```
#050706 rgb(5,7,6)
```
#0d120f
```
#0d120f rgb(13,18,15)
```
#161d19
```
#161d19 rgb(22,29,25)
```
#1e2923
```
#1e2923 rgb(30,41,35)
```
#27342c
```
#27342c rgb(39,52,44)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#374a40
```
#374a40 rgb(55,74,64)
```
#405549
```
#405549 rgb(64,85,73)
```
#486153
```
#486153 rgb(72,97,83)
```
#516c5d
```
#516c5d rgb(81,108,93)
```
#597766
```
#597766 rgb(89,119,102)
```
#618270
```
#618270 rgb(97,130,112)
```
#6a8e79
```
#6a8e79 rgb(106,142,121)
```

Shade Color Variation

#749783
```
#749783 rgb(116,151,131)
```
#7fa08d
```
#7fa08d rgb(127,160,141)
```
#8aa897
```
#8aa897 rgb(138,168,151)
```
#95b0a1
```
#95b0a1 rgb(149,176,161)
```
#a1b9ab
```
#a1b9ab rgb(161,185,171)
```
#acc1b5
```
#acc1b5 rgb(172,193,181)
```
#b7c9bf
```
#b7c9bf rgb(183,201,191)
```
#c2d2c9
```
#c2d2c9 rgb(194,210,201)
```
#cedad3
```
#cedad3 rgb(206,218,211)
```
#d9e3dd
```
#d9e3dd rgb(217,227,221)
```
#e4ebe7
```
#e4ebe7 rgb(228,235,231)
```
#eff3f1
```
#eff3f1 rgb(239,243,241)
```
#fbfcfb
```
#fbfcfb rgb(251,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #333b37 is the less saturated color, while #006e30 is the most saturated one.

#333b37
```
#333b37 rgb(51,59,55)
```
#2f3f36
```
#2f3f36 rgb(47,63,54)
```
#2b4335
```
#2b4335 rgb(43,67,53)
```
#274735
```
#274735 rgb(39,71,53)
```
#224c34
```
#224c34 rgb(34,76,52)
```
#1e5034
```
#1e5034 rgb(30,80,52)
```
#1a5433
```
#1a5433 rgb(26,84,51)
```
#165833
```
#165833 rgb(22,88,51)
```
#115d32
```
#115d32 rgb(17,93,50)
```
#0d6132
```
#0d6132 rgb(13,97,50)
```
#096531
```
#096531 rgb(9,101,49)
```
#056931
```
#056931 rgb(5,105,49)
```
#006e30
```
#006e30 rgb(0,110,48)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373a38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48453e Protanopia 1% of men
#4d4342 Deuteranopia 1% of men
#3c474c Tritanopia 0.001% of the population

Trichromacy

#3f433b Protanomaly 1% of men, 0.01% of women
#42413d Deuteranomaly 6% of men, 0.4% of women
#374444 Tritanomaly 0.01% of the population

#2f3f36 hex color

#2f3f36 Color Information

#2f3f36 Color Conversion

Color Schemes with #2f3f36

Alternatives to #2f3f36

#2f3f36 Preview

Shades and Tints of #2f3f36

Tones of #2f3f36

Color Blindness Simulator