#2f3436 hex color

In a RGB color space, hex #2f3436 is composed of 18.4% red, 20.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 3.7% magenta, 0% yellow and 78.8% black. It has a hue angle of 197.1 degrees, a saturation of 6.9% and a lightness of 19.8%. #2f3436 color hex could be obtained by blending #5e686c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 20
- B 21
RGB color chart
- C 13
- M 4
- Y 0
- K 79
CMYK color chart

● #2f3436 color description : Very dark grayish blue.

The hexadecimal color #2f3436 has RGB values of R:47, G:52, B:54 and CMYK values of C:0.13, M:0.04, Y:0, K:0.79. Its decimal value is 3093558.

Hex triplet	2f3436	`#2f3436`
RGB Decimal	47, 52, 54	`rgb(47,52,54)`
RGB Percent	18.4, 20.4, 21.2	`rgb(18.4%,20.4%,21.2%)`
CMYK	13, 4, 0, 79
HSL	197.1°, 6.9, 19.8	`hsl(197.1,6.9%,19.8%)`
HSV (or HSB)	197.1°, 13, 21.2
Web Safe	333333	`#333333`

CIE-LAB	21.307, -1.642, -1.999
XYZ	3.066, 3.327, 3.97
xyY	0.296, 0.321, 3.327
CIE-LCH	21.307, 2.587, 230.601
CIE-LUV	21.307, -2.439, -1.897
Hunter-Lab	18.239, -1.912, -0.139
Binary	00101111, 00110100, 00110110

#2f3436
```
#2f3436 rgb(47,52,54)
```
#36312f
```
#36312f rgb(54,49,47)
```

Complementary Color

#2f3635
```
#2f3635 rgb(47,54,53)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#2f3136
```
#2f3136 rgb(47,49,54)
```

Analogous Color

#36352f
```
#36352f rgb(54,53,47)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#362f31
```
#362f31 rgb(54,47,49)
```

Split Complementary Color

#34362f
```
#34362f rgb(52,54,47)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#362f34
```
#362f34 rgb(54,47,52)
```

Triadic Color

#2f3631
```
#2f3631 rgb(47,54,49)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#362f34
```
#362f34 rgb(54,47,52)
```
#36312f
```
#36312f rgb(54,49,47)
```

Tetradic Color

#0b0d0d
```
#0b0d0d rgb(11,13,13)
```
#171a1b
```
#171a1b rgb(23,26,27)
```
#232728
```
#232728 rgb(35,39,40)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#3b4144
```
#3b4144 rgb(59,65,68)
```
#474e51
```
#474e51 rgb(71,78,81)
```
#535b5f
```
#535b5f rgb(83,91,95)
```

Monochromatic Color

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

#2f3636
```
#2f3636 rgb(47,54,54)
```
#2f3536
```
#2f3536 rgb(47,53,54)
```
#2f3536
```
#2f3536 rgb(47,53,54)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#2f3336
```
#2f3336 rgb(47,51,54)
```
#2f3336
```
#2f3336 rgb(47,51,54)
```
#2f3236
```
#2f3236 rgb(47,50,54)
```

Similar Colors

Text with hexadecimal color #2f3436

This text has a font color of #2f3436.

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

#2f3436 background color

This paragraph has a background color of #2f3436.

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

#2f3436 border color

This element has a border color of #2f3436.

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

CSS codes

.text {color:#2f3436;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#0a0c0c
```
#0a0c0c rgb(10,12,12)
```
#141617
```
#141617 rgb(20,22,23)
```
#1d2021
```
#1d2021 rgb(29,32,33)
```
#262a2c
```
#262a2c rgb(38,42,44)
```
#2f3436
```
#2f3436 rgb(47,52,54)
```
#383e40
```
#383e40 rgb(56,62,64)
```
#41484b
```
#41484b rgb(65,72,75)
```
#4a5255
```
#4a5255 rgb(74,82,85)
```
#545c60
```
#545c60 rgb(84,92,96)
```
#5d666a
```
#5d666a rgb(93,102,106)
```
#667175
```
#667175 rgb(102,113,117)
```
#6f7b7f
```
#6f7b7f rgb(111,123,127)
```

Shade Color Variation

#78858a
```
#78858a rgb(120,133,138)
```
#838e93
```
#838e93 rgb(131,142,147)
```
#8d989c
```
#8d989c rgb(141,152,156)
```
#98a1a5
```
#98a1a5 rgb(152,161,165)
```
#a2abae
```
#a2abae rgb(162,171,174)
```
#adb4b7
```
#adb4b7 rgb(173,180,183)
```
#b7bec0
```
#b7bec0 rgb(183,190,192)
```
#c2c7ca
```
#c2c7ca rgb(194,199,202)
```
#ccd1d3
```
#ccd1d3 rgb(204,209,211)
```
#d7dadc
```
#d7dadc rgb(215,218,220)
```
#e1e4e5
```
#e1e4e5 rgb(225,228,229)
```
#ecedee
```
#ecedee rgb(236,237,238)
```
#f6f7f7
```
#f6f7f7 rgb(246,247,247)
```

Tint Color Variation

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

#2f3436
```
#2f3436 rgb(47,52,54)
```
#2b363a
```
#2b363a rgb(43,54,58)
```
#27373e
```
#27373e rgb(39,55,62)
```
#233942
```
#233942 rgb(35,57,66)
```
#1f3b46
```
#1f3b46 rgb(31,59,70)
```
#1c3c49
```
#1c3c49 rgb(28,60,73)
```
#183e4d
```
#183e4d rgb(24,62,77)
```
#144051
```
#144051 rgb(20,64,81)
```
#104155
```
#104155 rgb(16,65,85)
```
#0c4359
```
#0c4359 rgb(12,67,89)
```
#08455d
```
#08455d rgb(8,69,93)
```
#044661
```
#044661 rgb(4,70,97)
```
#004865
```
#004865 rgb(0,72,101)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323334 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3d3f Protanopia 1% of men
#413c41 Deuteranopia 1% of men
#3a3e42 Tritanopia 0.001% of the population

Trichromacy

#38393c Protanomaly 1% of men, 0.01% of women
#3a393d Deuteranomaly 6% of men, 0.4% of women
#363a3e Tritanomaly 0.01% of the population

#2f3436 hex color

#2f3436 Color Information

#2f3436 Color Conversion

Color Schemes with #2f3436

Alternatives to #2f3436

#2f3436 Preview

Shades and Tints of #2f3436

Tones of #2f3436

Color Blindness Simulator