#1f3136 hex color

In a RGB color space, hex #1f3136 is composed of 12.2% red, 19.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 9.3% magenta, 0% yellow and 78.8% black. It has a hue angle of 193 degrees, a saturation of 27.1% and a lightness of 16.7%. #1f3136 color hex could be obtained by blending #3e626c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 19
- B 21
RGB color chart
- C 43
- M 9
- Y 0
- K 79
CMYK color chart

● #1f3136 color description : Very dark desaturated cyan.

The hexadecimal color #1f3136 has RGB values of R:31, G:49, B:54 and CMYK values of C:0.43, M:0.09, Y:0, K:0.79. Its decimal value is 2044214.

Hex triplet	1f3136	`#1f3136`
RGB Decimal	31, 49, 54	`rgb(31,49,54)`
RGB Percent	12.2, 19.2, 21.2	`rgb(12.2%,19.2%,21.2%)`
CMYK	43, 9, 0, 79
HSL	193°, 27.1, 16.7	`hsl(193,27.1%,16.7%)`
HSV (or HSB)	193°, 42.6, 21.2
Web Safe	333333	`#333333`

CIE-LAB	19.031, -5.768, -5.521
XYZ	2.329, 2.754, 3.899
xyY	0.259, 0.307, 2.754
CIE-LCH	19.031, 7.985, 223.748
CIE-LUV	19.031, -7.295, -5.048
Hunter-Lab	16.596, -3.991, -2.312
Binary	00011111, 00110001, 00110110

#1f3136
```
#1f3136 rgb(31,49,54)
```
#36241f
```
#36241f rgb(54,36,31)
```

Complementary Color

#1f3630
```
#1f3630 rgb(31,54,48)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#1f2636
```
#1f2636 rgb(31,38,54)
```

Analogous Color

#36301f
```
#36301f rgb(54,48,31)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#361f26
```
#361f26 rgb(54,31,38)
```

Split Complementary Color

#31361f
```
#31361f rgb(49,54,31)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#361f31
```
#361f31 rgb(54,31,49)
```

Triadic Color

#1f3624
```
#1f3624 rgb(31,54,36)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#361f31
```
#361f31 rgb(54,31,49)
```
#36241f
```
#36241f rgb(54,36,31)
```

Tetradic Color

#030505
```
#030505 rgb(3,5,5)
```
#0c1416
```
#0c1416 rgb(12,20,22)
```
#162226
```
#162226 rgb(22,34,38)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#284046
```
#284046 rgb(40,64,70)
```
#324e56
```
#324e56 rgb(50,78,86)
```
#3b5d67
```
#3b5d67 rgb(59,93,103)
```

Monochromatic Color

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

#1f3635
```
#1f3635 rgb(31,54,53)
```
#1f3536
```
#1f3536 rgb(31,53,54)
```
#1f3336
```
#1f3336 rgb(31,51,54)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#1f2f36
```
#1f2f36 rgb(31,47,54)
```
#1f2d36
```
#1f2d36 rgb(31,45,54)
```
#1f2b36
```
#1f2b36 rgb(31,43,54)
```

Similar Colors

Text with hexadecimal color #1f3136

This text has a font color of #1f3136.

<span style="color:#1f3136;">Text here</span>

#1f3136 background color

This paragraph has a background color of #1f3136.

<p style="background-color:#1f3136;">Content here</p>

#1f3136 border color

This element has a border color of #1f3136.

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

CSS codes

.text {color:#1f3136;}

.background {background-color:#1f3136;}

.border {border:1px solid #1f3136;}

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

#020404
```
#020404 rgb(2,4,4)
```
#0a0f11
```
#0a0f11 rgb(10,15,17)
```
#111a1d
```
#111a1d rgb(17,26,29)
```
#18262a
```
#18262a rgb(24,38,42)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#263c42
```
#263c42 rgb(38,60,66)
```
#2d484f
```
#2d484f rgb(45,72,79)
```
#34535b
```
#34535b rgb(52,83,91)
```
#3c5e68
```
#3c5e68 rgb(60,94,104)
```
#436a74
```
#436a74 rgb(67,106,116)
```
#4a7581
```
#4a7581 rgb(74,117,129)
```
#51808d
```
#51808d rgb(81,128,141)
```
#588b9a
```
#588b9a rgb(88,139,154)
```

Shade Color Variation

#6196a4
```
#6196a4 rgb(97,150,164)
```
#6e9eac
```
#6e9eac rgb(110,158,172)
```
#7aa6b3
```
#7aa6b3 rgb(122,166,179)
```
#87afba
```
#87afba rgb(135,175,186)
```
#93b7c1
```
#93b7c1 rgb(147,183,193)
```
#9fbfc8
```
#9fbfc8 rgb(159,191,200)
```
#acc8cf
```
#acc8cf rgb(172,200,207)
```
#b8d0d6
```
#b8d0d6 rgb(184,208,214)
```
#c5d8de
```
#c5d8de rgb(197,216,222)
```
#d1e1e5
```
#d1e1e5 rgb(209,225,229)
```
#dee9ec
```
#dee9ec rgb(222,233,236)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#292b2c
```
#292b2c rgb(41,43,44)
```
#262d2f
```
#262d2f rgb(38,45,47)
```
#222f33
```
#222f33 rgb(34,47,51)
```
#1f3136
```
#1f3136 rgb(31,49,54)
```
#1c3339
```
#1c3339 rgb(28,51,57)
```
#18353d
```
#18353d rgb(24,53,61)
```
#153740
```
#153740 rgb(21,55,64)
```
#123843
```
#123843 rgb(18,56,67)
```
#0f3a46
```
#0f3a46 rgb(15,58,70)
```
#0b3c4a
```
#0b3c4a rgb(11,60,74)
```
#083e4d
```
#083e4d rgb(8,62,77)
```
#054050
```
#054050 rgb(5,64,80)
```
#024253
```
#024253 rgb(2,66,83)
```

Tone Color Variation

Below, you can see how #1f3136 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

#2c2c2c Achromatopsia 0.005% of the population
#292d2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#38383e Protanopia 1% of men
#393741 Deuteranopia 1% of men
#2a3b40 Tritanopia 0.001% of the population

Trichromacy

#2f353b Protanomaly 1% of men, 0.01% of women
#30353d Deuteranomaly 6% of men, 0.4% of women
#26373c Tritanomaly 0.01% of the population

#1f3136 hex color

#1f3136 Color Information

#1f3136 Color Conversion

Color Schemes with #1f3136

Alternatives to #1f3136

#1f3136 Preview

Shades and Tints of #1f3136

Tones of #1f3136

Color Blindness Simulator