#313a36 hex color

In a RGB color space, hex #313a36 is composed of 19.2% red, 22.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 6.9% yellow and 77.3% black. It has a hue angle of 153.3 degrees, a saturation of 8.4% and a lightness of 21%. #313a36 color hex could be obtained by blending #62746c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 23
- B 21
RGB color chart
- C 16
- M 0
- Y 7
- K 77
CMYK color chart

● #313a36 color description : Very dark grayish cyan - lime green.

The hexadecimal color #313a36 has RGB values of R:49, G:58, B:54 and CMYK values of C:0.16, M:0, Y:0.07, K:0.77. Its decimal value is 3226166.

Hex triplet	313a36	`#313a36`
RGB Decimal	49, 58, 54	`rgb(49,58,54)`
RGB Percent	19.2, 22.7, 21.2	`rgb(19.2%,22.7%,21.2%)`
CMYK	16, 0, 7, 77
HSL	153.3°, 8.4, 21	`hsl(153.3,8.4%,21%)`
HSV (or HSB)	153.3°, 15.5, 22.7
Web Safe	333333	`#333333`

CIE-LAB	23.49, -4.739, 1.216
XYZ	3.445, 3.945, 4.07
xyY	0.301, 0.344, 3.945
CIE-LCH	23.49, 4.892, 165.614
CIE-LUV	23.49, -4.178, 1.878
Hunter-Lab	19.863, -3.798, 1.756
Binary	00110001, 00111010, 00110110

#313a36
```
#313a36 rgb(49,58,54)
```
#3a3135
```
#3a3135 rgb(58,49,53)
```

Complementary Color

#313a32
```
#313a32 rgb(49,58,50)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#313a3a
```
#313a3a rgb(49,58,58)
```

Analogous Color

#3a3231
```
#3a3231 rgb(58,50,49)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#3a313a
```
#3a313a rgb(58,49,58)
```

Split Complementary Color

#3a3631
```
#3a3631 rgb(58,54,49)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#36313a
```
#36313a rgb(54,49,58)
```

Triadic Color

#353a31
```
#353a31 rgb(53,58,49)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#36313a
```
#36313a rgb(54,49,58)
```
#3a3135
```
#3a3135 rgb(58,49,53)
```

Tetradic Color

#0e110f
```
#0e110f rgb(14,17,15)
```
#1a1e1c
```
#1a1e1c rgb(26,30,28)
```
#252c29
```
#252c29 rgb(37,44,41)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#3d4843
```
#3d4843 rgb(61,72,67)
```
#485650
```
#485650 rgb(72,86,80)
```
#54635d
```
#54635d rgb(84,99,93)
```

Monochromatic Color

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

#313a34
```
#313a34 rgb(49,58,52)
```
#313a35
```
#313a35 rgb(49,58,53)
```
#313a35
```
#313a35 rgb(49,58,53)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#313a37
```
#313a37 rgb(49,58,55)
```
#313a38
```
#313a38 rgb(49,58,56)
```
#313a38
```
#313a38 rgb(49,58,56)
```

Similar Colors

Text with hexadecimal color #313a36

This text has a font color of #313a36.

<span style="color:#313a36;">Text here</span>

#313a36 background color

This paragraph has a background color of #313a36.

<p style="background-color:#313a36;">Content here</p>

#313a36 border color

This element has a border color of #313a36.

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

CSS codes

.text {color:#313a36;}

.background {background-color:#313a36;}

.border {border:1px solid #313a36;}

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0f0e
```
#0d0f0e rgb(13,15,14)
```
#161a18
```
#161a18 rgb(22,26,24)
```
#1f2522
```
#1f2522 rgb(31,37,34)
```
#282f2c
```
#282f2c rgb(40,47,44)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#3a4540
```
#3a4540 rgb(58,69,64)
```
#434f4a
```
#434f4a rgb(67,79,74)
```
#4c5a54
```
#4c5a54 rgb(76,90,84)
```
#55655e
```
#55655e rgb(85,101,94)
```
#5e6f67
```
#5e6f67 rgb(94,111,103)
```
#677a71
```
#677a71 rgb(103,122,113)
```
#70847b
```
#70847b rgb(112,132,123)
```

Shade Color Variation

#7a8e85
```
#7a8e85 rgb(122,142,133)
```
#84978f
```
#84978f rgb(132,151,143)
```
#8fa099
```
#8fa099 rgb(143,160,153)
```
#9aa9a2
```
#9aa9a2 rgb(154,169,162)
```
#a4b2ac
```
#a4b2ac rgb(164,178,172)
```
#afbbb6
```
#afbbb6 rgb(175,187,182)
```
#b9c4bf
```
#b9c4bf rgb(185,196,191)
```
#c4cdc9
```
#c4cdc9 rgb(196,205,201)
```
#cfd6d3
```
#cfd6d3 rgb(207,214,211)
```
#d9dfdd
```
#d9dfdd rgb(217,223,221)
```
#e4e8e6
```
#e4e8e6 rgb(228,232,230)
```
#eff1f0
```
#eff1f0 rgb(239,241,240)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#353636
```
#353636 rgb(53,54,54)
```
#313a36
```
#313a36 rgb(49,58,54)
```
#2d3e36
```
#2d3e36 rgb(45,62,54)
```
#294237
```
#294237 rgb(41,66,55)
```
#254637
```
#254637 rgb(37,70,55)
```
#214a38
```
#214a38 rgb(33,74,56)
```
#1c4f38
```
#1c4f38 rgb(28,79,56)
```
#185339
```
#185339 rgb(24,83,57)
```
#145739
```
#145739 rgb(20,87,57)
```
#105b3a
```
#105b3a rgb(16,91,58)
```
#0c5f3a
```
#0c5f3a rgb(12,95,58)
```
#08633b
```
#08633b rgb(8,99,59)
```
#04673b
```
#04673b rgb(4,103,59)
```

Tone Color Variation

Below, you can see how #313a36 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

#373737 Achromatopsia 0.005% of the population
#363837 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44423f Protanopia 1% of men
#484041 Deuteranopia 1% of men
#3d4347 Tritanopia 0.001% of the population

Trichromacy

#3d3f3b Protanomaly 1% of men, 0.01% of women
#403e3d Deuteranomaly 6% of men, 0.4% of women
#383f41 Tritanomaly 0.01% of the population

#313a36 hex color

#313a36 Color Information

#313a36 Color Conversion

Color Schemes with #313a36

Alternatives to #313a36

#313a36 Preview

Shades and Tints of #313a36

Tones of #313a36

Color Blindness Simulator