#313736 hex color

In a RGB color space, hex #313736 is composed of 19.2% red, 21.6% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 1.8% yellow and 78.4% black. It has a hue angle of 170 degrees, a saturation of 5.8% and a lightness of 20.4%. #313736 color hex could be obtained by blending #626e6c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 22
- B 21
RGB color chart
- C 11
- M 0
- Y 2
- K 78
CMYK color chart

● #313736 color description : Very dark grayish cyan.

The hexadecimal color #313736 has RGB values of R:49, G:55, B:54 and CMYK values of C:0.11, M:0, Y:0.02, K:0.78. Its decimal value is 3225398.

Hex triplet	313736	`#313736`
RGB Decimal	49, 55, 54	`rgb(49,55,54)`
RGB Percent	19.2, 21.6, 21.2	`rgb(19.2%,21.6%,21.2%)`
CMYK	11, 0, 2, 78
HSL	170°, 5.8, 20.4	`hsl(170,5.8%,20.4%)`
HSV (or HSB)	170°, 10.9, 21.6
Web Safe	333333	`#333333`

CIE-LAB	22.485, -2.791, -0.249
XYZ	3.299, 3.652, 4.021
xyY	0.301, 0.333, 3.652
CIE-LCH	22.485, 2.802, 185.091
CIE-LUV	22.485, -2.84, 0.074
Hunter-Lab	19.109, -2.63, 0.901
Binary	00110001, 00110111, 00110110

#313736
```
#313736 rgb(49,55,54)
```
#373132
```
#373132 rgb(55,49,50)
```

Complementary Color

#313733
```
#313733 rgb(49,55,51)
```
#313736
```
#313736 rgb(49,55,54)
```
#313537
```
#313537 rgb(49,53,55)
```

Analogous Color

#373331
```
#373331 rgb(55,51,49)
```
#313736
```
#313736 rgb(49,55,54)
```
#373135
```
#373135 rgb(55,49,53)
```

Split Complementary Color

#373631
```
#373631 rgb(55,54,49)
```
#313736
```
#313736 rgb(49,55,54)
```
#363137
```
#363137 rgb(54,49,55)
```

Triadic Color

#323731
```
#323731 rgb(50,55,49)
```
#313736
```
#313736 rgb(49,55,54)
```
#363137
```
#363137 rgb(54,49,55)
```
#373132
```
#373132 rgb(55,49,50)
```

Tetradic Color

#0d0f0e
```
#0d0f0e rgb(13,15,14)
```
#191c1c
```
#191c1c rgb(25,28,28)
```
#252a29
```
#252a29 rgb(37,42,41)
```
#313736
```
#313736 rgb(49,55,54)
```
#3d4443
```
#3d4443 rgb(61,68,67)
```
#495250
```
#495250 rgb(73,82,80)
```
#555f5e
```
#555f5e rgb(85,95,94)
```

Monochromatic Color

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

#313735
```
#313735 rgb(49,55,53)
```
#313735
```
#313735 rgb(49,55,53)
```
#313736
```
#313736 rgb(49,55,54)
```
#313736
```
#313736 rgb(49,55,54)
```
#313737
```
#313737 rgb(49,55,55)
```
#313737
```
#313737 rgb(49,55,55)
```
#313737
```
#313737 rgb(49,55,55)
```

Similar Colors

Text with hexadecimal color #313736

This text has a font color of #313736.

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

#313736 background color

This paragraph has a background color of #313736.

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

#313736 border color

This element has a border color of #313736.

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

CSS codes

.text {color:#313736;}

.background {background-color:#313736;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0c0e0d
```
#0c0e0d rgb(12,14,13)
```
#151817
```
#151817 rgb(21,24,23)
```
#1f2222
```
#1f2222 rgb(31,34,34)
```
#282d2c
```
#282d2c rgb(40,45,44)
```
#313736
```
#313736 rgb(49,55,54)
```
#3a4140
```
#3a4140 rgb(58,65,64)
```
#434c4a
```
#434c4a rgb(67,76,74)
```
#4d5655
```
#4d5655 rgb(77,86,85)
```
#56605f
```
#56605f rgb(86,96,95)
```
#5f6b69
```
#5f6b69 rgb(95,107,105)
```
#687573
```
#687573 rgb(104,117,115)
```
#72807d
```
#72807d rgb(114,128,125)
```

Shade Color Variation

#7b8a87
```
#7b8a87 rgb(123,138,135)
```
#869391
```
#869391 rgb(134,147,145)
```
#909c9a
```
#909c9a rgb(144,156,154)
```
#9aa5a4
```
#9aa5a4 rgb(154,165,164)
```
#a5afad
```
#a5afad rgb(165,175,173)
```
#afb8b6
```
#afb8b6 rgb(175,184,182)
```
#bac1c0
```
#bac1c0 rgb(186,193,192)
```
#c4cac9
```
#c4cac9 rgb(196,202,201)
```
#ced4d3
```
#ced4d3 rgb(206,212,211)
```
#d9dddc
```
#d9dddc rgb(217,221,220)
```
#e3e6e6
```
#e3e6e6 rgb(227,230,230)
```
#edefef
```
#edefef rgb(237,239,239)
```
#f8f9f8
```
#f8f9f8 rgb(248,249,248)
```

Tint Color Variation

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

#313736
```
#313736 rgb(49,55,54)
```
#2d3b39
```
#2d3b39 rgb(45,59,57)
```
#293f3b
```
#293f3b rgb(41,63,59)
```
#25433e
```
#25433e rgb(37,67,62)
```
#214741
```
#214741 rgb(33,71,65)
```
#1d4b43
```
#1d4b43 rgb(29,75,67)
```
#194f46
```
#194f46 rgb(25,79,70)
```
#155349
```
#155349 rgb(21,83,73)
```
#11574b
```
#11574b rgb(17,87,75)
```
#0d5b4e
```
#0d5b4e rgb(13,91,78)
```
#095f51
```
#095f51 rgb(9,95,81)
```
#056353
```
#056353 rgb(5,99,83)
```
#016756
```
#016756 rgb(1,103,86)
```

Tone Color Variation

Below, you can see how #313736 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
#343535 Atypical Achromatopsia 0.001% of the population

Dichromacy

#413f3f Protanopia 1% of men
#453e41 Deuteranopia 1% of men
#3c4045 Tritanopia 0.001% of the population

Trichromacy

#3b3c3c Protanomaly 1% of men, 0.01% of women
#3e3b3d Deuteranomaly 6% of men, 0.4% of women
#383d3f Tritanomaly 0.01% of the population

#313736 hex color

#313736 Color Information

#313736 Color Conversion

Color Schemes with #313736

Alternatives to #313736

#313736 Preview

Shades and Tints of #313736

Tones of #313736

Color Blindness Simulator