#313646 hex color

In a RGB color space, hex #313646 is composed of 19.2% red, 21.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 22.9% magenta, 0% yellow and 72.5% black. It has a hue angle of 225.7 degrees, a saturation of 17.6% and a lightness of 23.3%. #313646 color hex could be obtained by blending #626c8c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 21
- B 27
RGB color chart
- C 30
- M 23
- Y 0
- K 73
CMYK color chart

● #313646 color description : Very dark grayish blue.

The hexadecimal color #313646 has RGB values of R:49, G:54, B:70 and CMYK values of C:0.3, M:0.23, Y:0, K:0.73. Its decimal value is 3225158.

Hex triplet	313646	`#313646`
RGB Decimal	49, 54, 70	`rgb(49,54,70)`
RGB Percent	19.2, 21.2, 27.5	`rgb(19.2%,21.2%,27.5%)`
CMYK	30, 23, 0, 73
HSL	225.7°, 17.6, 23.3	`hsl(225.7,17.6%,23.3%)`
HSV (or HSB)	225.7°, 30, 27.5
Web Safe	333333	`#333333`

CIE-LAB	22.77, 2.208, -10.593
XYZ	3.691, 3.733, 6.32
xyY	0.269, 0.272, 3.733
CIE-LCH	22.77, 10.821, 281.776
CIE-LUV	22.77, -2.997, -12.176
Hunter-Lab	19.322, 0.285, -5.868
Binary	00110001, 00110110, 01000110

#313646
```
#313646 rgb(49,54,70)
```
#464131
```
#464131 rgb(70,65,49)
```

Complementary Color

#314146
```
#314146 rgb(49,65,70)
```
#313646
```
#313646 rgb(49,54,70)
```
#373146
```
#373146 rgb(55,49,70)
```

Analogous Color

#414631
```
#414631 rgb(65,70,49)
```
#313646
```
#313646 rgb(49,54,70)
```
#463731
```
#463731 rgb(70,55,49)
```

Split Complementary Color

#364631
```
#364631 rgb(54,70,49)
```
#313646
```
#313646 rgb(49,54,70)
```
#463136
```
#463136 rgb(70,49,54)
```

Triadic Color

#314641
```
#314641 rgb(49,70,65)
```
#313646
```
#313646 rgb(49,54,70)
```
#463136
```
#463136 rgb(70,49,54)
```
#464131
```
#464131 rgb(70,65,49)
```

Tetradic Color

#121319
```
#121319 rgb(18,19,25)
```
#1c1f28
```
#1c1f28 rgb(28,31,40)
```
#272a37
```
#272a37 rgb(39,42,55)
```
#313646
```
#313646 rgb(49,54,70)
```
#3c4255
```
#3c4255 rgb(60,66,85)
```
#464d64
```
#464d64 rgb(70,77,100)
```
#515973
```
#515973 rgb(81,89,115)
```

Monochromatic Color

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

#313b46
```
#313b46 rgb(49,59,70)
```
#313a46
```
#313a46 rgb(49,58,70)
```
#313846
```
#313846 rgb(49,56,70)
```
#313646
```
#313646 rgb(49,54,70)
```
#313446
```
#313446 rgb(49,52,70)
```
#313346
```
#313346 rgb(49,51,70)
```
#313146
```
#313146 rgb(49,49,70)
```

Similar Colors

Text with hexadecimal color #313646

This text has a font color of #313646.

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

#313646 background color

This paragraph has a background color of #313646.

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

#313646 border color

This element has a border color of #313646.

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

CSS codes

.text {color:#313646;}

.background {background-color:#313646;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090c
```
#09090c rgb(9,9,12)
```
#111218
```
#111218 rgb(17,18,24)
```
#191b23
```
#191b23 rgb(25,27,35)
```
#21242f
```
#21242f rgb(33,36,47)
```
#292d3a
```
#292d3a rgb(41,45,58)
```
#313646
```
#313646 rgb(49,54,70)
```
#393f52
```
#393f52 rgb(57,63,82)
```
#41485d
```
#41485d rgb(65,72,93)
```
#495169
```
#495169 rgb(73,81,105)
```
#515a74
```
#515a74 rgb(81,90,116)
```
#596380
```
#596380 rgb(89,99,128)
```
#616b8b
```
#616b8b rgb(97,107,139)
```

Shade Color Variation

#6a7497
```
#6a7497 rgb(106,116,151)
```
#757f9f
```
#757f9f rgb(117,127,159)
```
#818aa7
```
#818aa7 rgb(129,138,167)
```
#8c95af
```
#8c95af rgb(140,149,175)
```
#989fb7
```
#989fb7 rgb(152,159,183)
```
#a3aabf
```
#a3aabf rgb(163,170,191)
```
#afb5c7
```
#afb5c7 rgb(175,181,199)
```
#bbbfcf
```
#bbbfcf rgb(187,191,207)
```
#c6cad7
```
#c6cad7 rgb(198,202,215)
```
#d2d5df
```
#d2d5df rgb(210,213,223)
```
#dde0e7
```
#dde0e7 rgb(221,224,231)
```
#e9eaef
```
#e9eaef rgb(233,234,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#3a3b3d
```
#3a3b3d rgb(58,59,61)
```
#363841
```
#363841 rgb(54,56,65)
```
#313646
```
#313646 rgb(49,54,70)
```
#2c344b
```
#2c344b rgb(44,52,75)
```
#28314f
```
#28314f rgb(40,49,79)
```
#232f54
```
#232f54 rgb(35,47,84)
```
#1f2c58
```
#1f2c58 rgb(31,44,88)
```
#1a2a5d
```
#1a2a5d rgb(26,42,93)
```
#162861
```
#162861 rgb(22,40,97)
```
#112566
```
#112566 rgb(17,37,102)
```
#0c236b
```
#0c236b rgb(12,35,107)
```
#08206f
```
#08206f rgb(8,32,111)
```
#031e74
```
#031e74 rgb(3,30,116)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353639 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c404f Protanopia 1% of men
#3e3f4f Deuteranopia 1% of men
#394246 Tritanopia 0.001% of the population

Trichromacy

#383c4c Protanomaly 1% of men, 0.01% of women
#393c4c Deuteranomaly 6% of men, 0.4% of women
#363d46 Tritanomaly 0.01% of the population

#313646 hex color

#313646 Color Information

#313646 Color Conversion

Color Schemes with #313646

Alternatives to #313646

#313646 Preview

Shades and Tints of #313646

Tones of #313646

Color Blindness Simulator