colorhexa.com

#313c3a hex color

In a RGB color space, hex #313c3a is composed of 19.2% red, 23.5% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 3.3% yellow and 76.5% black. It has a hue angle of 169.1 degrees, a saturation of 10.1% and a lightness of 21.4%. #313c3a color hex could be obtained by blending #627874 with #000000. Closest websafe color is: #333333.

- R 19
- G 24
- B 23
RGB color chart
- C 18
- M 0
- Y 3
- K 76
CMYK color chart

● #313c3a color description : Very dark grayish cyan.

The hexadecimal color #313c3a has RGB values of R:49, G:60, B:58 and CMYK values of C:0.18, M:0, Y:0.03, K:0.76. Its decimal value is 3226682.

Hex triplet	313c3a	`#313c3a`
RGB Decimal	49, 60, 58	`rgb(49,60,58)`
RGB Percent	19.2, 23.5, 22.7	`rgb(19.2%,23.5%,22.7%)`
CMYK	18, 0, 3, 76
HSL	169.1°, 10.1, 21.4	`hsl(169.1,10.1%,21.4%)`
HSV (or HSB)	169.1°, 18.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	24.29, -5.036, -0.289
XYZ	3.646, 4.19, 4.619
xyY	0.293, 0.336, 4.19
CIE-LCH	24.29, 5.045, 183.281
CIE-LUV	24.29, -5.161, 0.304
Hunter-Lab	20.47, -4.028, 0.949
Binary	00110001, 00111100, 00111010

#313c3a
```
#313c3a rgb(49,60,58)
```
#3c3133
```
#3c3133 rgb(60,49,51)
```

Complementary Color

#313c35
```
#313c35 rgb(49,60,53)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#31393c
```
#31393c rgb(49,57,60)
```

Analogous Color

#3c3531
```
#3c3531 rgb(60,53,49)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#3c3139
```
#3c3139 rgb(60,49,57)
```

Split Complementary Color

#0f1211
```
#0f1211 rgb(15,18,17)
```
#1a201f
```
#1a201f rgb(26,32,31)
```
#262e2c
```
#262e2c rgb(38,46,44)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#3c4a48
```
#3c4a48 rgb(60,74,72)
```
#485855
```
#485855 rgb(72,88,85)
```
#536663
```
#536663 rgb(83,102,99)
```

Monochromatic Color

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

#313c37
```
#313c37 rgb(49,60,55)
```
#313c38
```
#313c38 rgb(49,60,56)
```
#313c39
```
#313c39 rgb(49,60,57)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#313c3b
```
#313c3b rgb(49,60,59)
```
#313c3c
```
#313c3c rgb(49,60,60)
```
#313b3c
```
#313b3c rgb(49,59,60)
```

Similar Colors

Text with hexadecimal color #313c3a

This text has a font color of #313c3a.

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

#313c3a background color

This paragraph has a background color of #313c3a.

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

#313c3a border color

This element has a border color of #313c3a.

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

CSS codes

.text {color:#313c3a;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1110
```
#0e1110 rgb(14,17,16)
```
#171c1b
```
#171c1b rgb(23,28,27)
```
#1f2625
```
#1f2625 rgb(31,38,37)
```
#283130
```
#283130 rgb(40,49,48)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#3a4744
```
#3a4744 rgb(58,71,68)
```
#43524f
```
#43524f rgb(67,82,79)
```
#4b5c59
```
#4b5c59 rgb(75,92,89)
```
#546764
```
#546764 rgb(84,103,100)
```
#5d726e
```
#5d726e rgb(93,114,110)
```
#667d79
```
#667d79 rgb(102,125,121)
```
#6f8883
```
#6f8883 rgb(111,136,131)
```

Shade Color Variation

#79918d
```
#79918d rgb(121,145,141)
```
#839a96
```
#839a96 rgb(131,154,150)
```
#8ea39f
```
#8ea39f rgb(142,163,159)
```
#99aca8
```
#99aca8 rgb(153,172,168)
```
#a4b5b2
```
#a4b5b2 rgb(164,181,178)
```
#afbdbb
```
#afbdbb rgb(175,189,187)
```
#b9c6c4
```
#b9c6c4 rgb(185,198,196)
```
#c4cfcd
```
#c4cfcd rgb(196,207,205)
```
#cfd8d6
```
#cfd8d6 rgb(207,216,214)
```
#dae1df
```
#dae1df rgb(218,225,223)
```
#e5e9e9
```
#e5e9e9 rgb(229,233,233)
```
#eff2f2
```
#eff2f2 rgb(239,242,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#353837
```
#353837 rgb(53,56,55)
```
#313c3a
```
#313c3a rgb(49,60,58)
```
#2d403d
```
#2d403d rgb(45,64,61)
```
#29443f
```
#29443f rgb(41,68,63)
```
#244942
```
#244942 rgb(36,73,66)
```
#204d45
```
#204d45 rgb(32,77,69)
```
#1c5147
```
#1c5147 rgb(28,81,71)
```
#18554a
```
#18554a rgb(24,85,74)
```
#14594d
```
#14594d rgb(20,89,77)
```
#0f5e4f
```
#0f5e4f rgb(15,94,79)
```
#0b6252
```
#0b6252 rgb(11,98,82)
```
#076655
```
#076655 rgb(7,102,85)
```
#036a57
```
#036a57 rgb(3,106,87)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373938 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454342 Protanopia 1% of men
#494245 Deuteranopia 1% of men
#3d454a Tritanopia 0.001% of the population

Trichromacy

#3d403f Protanomaly 1% of men, 0.01% of women
#403f41 Deuteranomaly 6% of men, 0.4% of women
#384144 Tritanomaly 0.01% of the population