#313047 hex color

In a RGB color space, hex #313047 is composed of 19.2% red, 18.8% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 32.4% magenta, 0% yellow and 72.2% black. It has a hue angle of 242.6 degrees, a saturation of 19.3% and a lightness of 23.3%. #313047 color hex could be obtained by blending #62608e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 19
- B 28
RGB color chart
- C 31
- M 32
- Y 0
- K 72
CMYK color chart

● #313047 color description : Very dark grayish blue.

The hexadecimal color #313047 has RGB values of R:49, G:48, B:71 and CMYK values of C:0.31, M:0.32, Y:0, K:0.72. Its decimal value is 3223623.

Hex triplet	313047	`#313047`
RGB Decimal	49, 48, 71	`rgb(49,48,71)`
RGB Percent	19.2, 18.8, 27.8	`rgb(19.2%,18.8%,27.8%)`
CMYK	31, 32, 0, 72
HSL	242.6°, 19.3, 23.3	`hsl(242.6,19.3%,23.3%)`
HSV (or HSB)	242.6°, 32.4, 27.8
Web Safe	333333	`#333333`

CIE-LAB	20.911, 6.622, -14.125
XYZ	3.461, 3.222, 6.4
xyY	0.265, 0.246, 3.222
CIE-LCH	20.911, 15.6, 295.119
CIE-LUV	20.911, -0.772, -16.277
Hunter-Lab	17.949, 3.004, -8.577
Binary	00110001, 00110000, 01000111

#313047
```
#313047 rgb(49,48,71)
```
#464730
```
#464730 rgb(70,71,48)
```

Complementary Color

#303b47
```
#303b47 rgb(48,59,71)
```
#313047
```
#313047 rgb(49,48,71)
```
#3d3047
```
#3d3047 rgb(61,48,71)
```

Analogous Color

#3b4730
```
#3b4730 rgb(59,71,48)
```
#313047
```
#313047 rgb(49,48,71)
```
#473d30
```
#473d30 rgb(71,61,48)
```

Split Complementary Color

#304731
```
#304731 rgb(48,71,49)
```
#313047
```
#313047 rgb(49,48,71)
```
#473130
```
#473130 rgb(71,49,48)
```

Triadic Color

#304647
```
#304647 rgb(48,70,71)
```
#313047
```
#313047 rgb(49,48,71)
```
#473130
```
#473130 rgb(71,49,48)
```
#464730
```
#464730 rgb(70,71,48)
```

Tetradic Color

#121119
```
#121119 rgb(18,17,25)
```
#1c1b29
```
#1c1b29 rgb(28,27,41)
```
#272638
```
#272638 rgb(39,38,56)
```
#313047
```
#313047 rgb(49,48,71)
```
#3c3a56
```
#3c3a56 rgb(60,58,86)
```
#464565
```
#464565 rgb(70,69,101)
```
#514f75
```
#514f75 rgb(81,79,117)
```

Monochromatic Color

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

#303547
```
#303547 rgb(48,53,71)
```
#303347
```
#303347 rgb(48,51,71)
```
#303147
```
#303147 rgb(48,49,71)
```
#313047
```
#313047 rgb(49,48,71)
```
#333047
```
#333047 rgb(51,48,71)
```
#353047
```
#353047 rgb(53,48,71)
```
#373047
```
#373047 rgb(55,48,71)
```

Similar Colors

Text with hexadecimal color #313047

This text has a font color of #313047.

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

#313047 background color

This paragraph has a background color of #313047.

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

#313047 border color

This element has a border color of #313047.

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

CSS codes

.text {color:#313047;}

.background {background-color:#313047;}

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

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 #f4f4f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#09080c
```
#09080c rgb(9,8,12)
```
#111018
```
#111018 rgb(17,16,24)
```
#191824
```
#191824 rgb(25,24,36)
```
#212030
```
#212030 rgb(33,32,48)
```
#29283b
```
#29283b rgb(41,40,59)
```
#313047
```
#313047 rgb(49,48,71)
```
#393853
```
#393853 rgb(57,56,83)
```
#41405e
```
#41405e rgb(65,64,94)
```
#49486a
```
#49486a rgb(73,72,106)
```
#515076
```
#515076 rgb(81,80,118)
```
#595882
```
#595882 rgb(89,88,130)
```
#615f8d
```
#615f8d rgb(97,95,141)
```

Shade Color Variation

#6a6899
```
#6a6899 rgb(106,104,153)
```
#7573a1
```
#7573a1 rgb(117,115,161)
```
#817fa8
```
#817fa8 rgb(129,127,168)
```
#8c8bb0
```
#8c8bb0 rgb(140,139,176)
```
#9896b8
```
#9896b8 rgb(152,150,184)
```
#a3a2c0
```
#a3a2c0 rgb(163,162,192)
```
#afaec8
```
#afaec8 rgb(175,174,200)
```
#bbbad0
```
#bbbad0 rgb(187,186,208)
```
#c6c5d8
```
#c6c5d8 rgb(198,197,216)
```
#d2d1e0
```
#d2d1e0 rgb(210,209,224)
```
#dddde8
```
#dddde8 rgb(221,221,232)
```
#e9e8f0
```
#e9e8f0 rgb(233,232,240)
```
#f4f4f8
```
#f4f4f8 rgb(244,244,248)
```

Tint Color Variation

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

#39393e
```
#39393e rgb(57,57,62)
```
#353542
```
#353542 rgb(53,53,66)
```
#313047
```
#313047 rgb(49,48,71)
```
#2d2b4c
```
#2d2b4c rgb(45,43,76)
```
#292750
```
#292750 rgb(41,39,80)
```
#242255
```
#242255 rgb(36,34,85)
```
#201e59
```
#201e59 rgb(32,30,89)
```
#1c195e
```
#1c195e rgb(28,25,94)
```
#181562
```
#181562 rgb(24,21,98)
```
#141067
```
#141067 rgb(20,16,103)
```
#100b6c
```
#100b6c rgb(16,11,108)
```
#0b0770
```
#0b0770 rgb(11,7,112)
```
#070275
```
#070275 rgb(7,2,117)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#333237 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363c51 Protanopia 1% of men
#373c50 Deuteranopia 1% of men
#383d42 Tritanopia 0.001% of the population

Trichromacy

#34374d Protanomaly 1% of men, 0.01% of women
#34374c Deuteranomaly 6% of men, 0.4% of women
#353843 Tritanomaly 0.01% of the population

#313047 hex color

#313047 Color Information

#313047 Color Conversion

Color Schemes with #313047

Alternatives to #313047

#313047 Preview

Shades and Tints of #313047

Tones of #313047

Color Blindness Simulator