colorhexa.com

#312e3c hex color

In a RGB color space, hex #312e3c is composed of 19.2% red, 18% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 23.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 252.9 degrees, a saturation of 13.2% and a lightness of 20.8%. #312e3c color hex could be obtained by blending #625c78 with #000000. Closest websafe color is: #333333.

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

● #312e3c color description : Very dark grayish blue.

The hexadecimal color #312e3c has RGB values of R:49, G:46, B:60 and CMYK values of C:0.18, M:0.23, Y:0, K:0.76. Its decimal value is 3223100.

Hex triplet	312e3c	`#312e3c`
RGB Decimal	49, 46, 60	`rgb(49,46,60)`
RGB Percent	19.2, 18, 23.5	`rgb(19.2%,18%,23.5%)`
CMYK	18, 23, 0, 76
HSL	252.9°, 13.2, 20.8	`hsl(252.9,13.2%,20.8%)`
HSV (or HSB)	252.9°, 23.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	19.774, 4.846, -8.377
XYZ	3.059, 2.933, 4.68
xyY	0.287, 0.275, 2.933
CIE-LCH	19.774, 9.677, 300.047
CIE-LUV	19.774, 0.627, -9.319
Hunter-Lab	17.127, 1.911, -4.212
Binary	00110001, 00101110, 00111100

#312e3c
```
#312e3c rgb(49,46,60)
```
#393c2e
```
#393c2e rgb(57,60,46)
```

Complementary Color

#2e323c
```
#2e323c rgb(46,50,60)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#382e3c
```
#382e3c rgb(56,46,60)
```

Analogous Color

#323c2e
```
#323c2e rgb(50,60,46)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#3c382e
```
#3c382e rgb(60,56,46)
```

Split Complementary Color

#0e0d11
```
#0e0d11 rgb(14,13,17)
```
#19181f
```
#19181f rgb(25,24,31)
```
#25232e
```
#25232e rgb(37,35,46)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#3d394a
```
#3d394a rgb(61,57,74)
```
#494459
```
#494459 rgb(73,68,89)
```
#544f67
```
#544f67 rgb(84,79,103)
```

Monochromatic Color

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

#2e2f3c
```
#2e2f3c rgb(46,47,60)
```
#2f2e3c
```
#2f2e3c rgb(47,46,60)
```
#302e3c
```
#302e3c rgb(48,46,60)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#322e3c
```
#322e3c rgb(50,46,60)
```
#332e3c
```
#332e3c rgb(51,46,60)
```
#352e3c
```
#352e3c rgb(53,46,60)
```

Similar Colors

Text with hexadecimal color #312e3c

This text has a font color of #312e3c.

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

#312e3c background color

This paragraph has a background color of #312e3c.

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

#312e3c border color

This element has a border color of #312e3c.

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

CSS codes

.text {color:#312e3c;}

.background {background-color:#312e3c;}

.border {border:1px solid #312e3c;}

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

#040304
```
#040304 rgb(4,3,4)
```
#0d0c10
```
#0d0c10 rgb(13,12,16)
```
#16141b
```
#16141b rgb(22,20,27)
```
#1f1d26
```
#1f1d26 rgb(31,29,38)
```
#282531
```
#282531 rgb(40,37,49)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#3a3747
```
#3a3747 rgb(58,55,71)
```
#433f52
```
#433f52 rgb(67,63,82)
```
#4c485d
```
#4c485d rgb(76,72,93)
```
#555068
```
#555068 rgb(85,80,104)
```
#5e5974
```
#5e5974 rgb(94,89,116)
```
#67617f
```
#67617f rgb(103,97,127)
```
#706a8a
```
#706a8a rgb(112,106,138)
```

Shade Color Variation

#7a7394
```
#7a7394 rgb(122,115,148)
```
#857e9c
```
#857e9c rgb(133,126,156)
```
#8f89a5
```
#8f89a5 rgb(143,137,165)
```
#9a94ad
```
#9a94ad rgb(154,148,173)
```
#a4a0b6
```
#a4a0b6 rgb(164,160,182)
```
#afabbe
```
#afabbe rgb(175,171,190)
```
#b9b6c7
```
#b9b6c7 rgb(185,182,199)
```
#c4c1cf
```
#c4c1cf rgb(196,193,207)
```
#cfccd8
```
#cfccd8 rgb(207,204,216)
```
#d9d7e0
```
#d9d7e0 rgb(217,215,224)
```
#e4e2e9
```
#e4e2e9 rgb(228,226,233)
```
#eeedf1
```
#eeedf1 rgb(238,237,241)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#333238
```
#333238 rgb(51,50,56)
```
#312e3c
```
#312e3c rgb(49,46,60)
```
#2f2a40
```
#2f2a40 rgb(47,42,64)
```
#2c2644
```
#2c2644 rgb(44,38,68)
```
#2a2248
```
#2a2248 rgb(42,34,72)
```
#281e4c
```
#281e4c rgb(40,30,76)
```
#251a50
```
#251a50 rgb(37,26,80)
```
#231654
```
#231654 rgb(35,22,84)
```
#211159
```
#211159 rgb(33,17,89)
```
#1e0d5d
```
#1e0d5d rgb(30,13,93)
```
#1c0961
```
#1c0961 rgb(28,9,97)
```
#1a0565
```
#1a0565 rgb(26,5,101)
```
#170169
```
#170169 rgb(23,1,105)
```

Tone Color Variation

Below, you can see how #312e3c 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

#303030 Achromatopsia 0.005% of the population
#303032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373a46 Protanopia 1% of men
#3a3945 Deuteranopia 1% of men
#3a3a3e Tritanopia 0.001% of the population

Trichromacy

#353542 Protanomaly 1% of men, 0.01% of women
#363542 Deuteranomaly 6% of men, 0.4% of women
#36353d Tritanomaly 0.01% of the population