#313950 hex color

In a RGB color space, hex #313950 is composed of 19.2% red, 22.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 28.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 224.5 degrees, a saturation of 24% and a lightness of 25.3%. #313950 color hex could be obtained by blending #6272a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 22
- B 31
RGB color chart
- C 39
- M 29
- Y 0
- K 69
CMYK color chart

● #313950 color description : Very dark desaturated blue.

The hexadecimal color #313950 has RGB values of R:49, G:57, B:80 and CMYK values of C:0.39, M:0.29, Y:0, K:0.69. Its decimal value is 3225936.

Hex triplet	313950	`#313950`
RGB Decimal	49, 57, 80	`rgb(49,57,80)`
RGB Percent	19.2, 22.4, 31.4	`rgb(19.2%,22.4%,31.4%)`
CMYK	39, 29, 0, 69
HSL	224.5°, 24, 25.3	`hsl(224.5,24%,25.3%)`
HSV (or HSB)	224.5°, 38.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	24.188, 3.228, -15.072
XYZ	4.177, 4.158, 8.172
xyY	0.253, 0.252, 4.158
CIE-LCH	24.188, 15.414, 282.088
CIE-LUV	24.188, -4.513, -18.042
Hunter-Lab	20.392, 0.881, -9.485
Binary	00110001, 00111001, 01010000

#313950
```
#313950 rgb(49,57,80)
```
#504831
```
#504831 rgb(80,72,49)
```

Complementary Color

#314950
```
#314950 rgb(49,73,80)
```
#313950
```
#313950 rgb(49,57,80)
```
#393150
```
#393150 rgb(57,49,80)
```

Analogous Color

#495031
```
#495031 rgb(73,80,49)
```
#313950
```
#313950 rgb(49,57,80)
```
#503931
```
#503931 rgb(80,57,49)
```

Split Complementary Color

#395031
```
#395031 rgb(57,80,49)
```
#313950
```
#313950 rgb(49,57,80)
```
#503139
```
#503139 rgb(80,49,57)
```

Triadic Color

#315048
```
#315048 rgb(49,80,72)
```
#313950
```
#313950 rgb(49,57,80)
```
#503139
```
#503139 rgb(80,49,57)
```
#504831
```
#504831 rgb(80,72,49)
```

Tetradic Color

#141721
```
#141721 rgb(20,23,33)
```
#1e2230
```
#1e2230 rgb(30,34,48)
```
#272e40
```
#272e40 rgb(39,46,64)
```
#313950
```
#313950 rgb(49,57,80)
```
#3b4460
```
#3b4460 rgb(59,68,96)
```
#445070
```
#445070 rgb(68,80,112)
```
#4e5b7f
```
#4e5b7f rgb(78,91,127)
```

Monochromatic Color

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

#314150
```
#314150 rgb(49,65,80)
```
#313e50
```
#313e50 rgb(49,62,80)
```
#313c50
```
#313c50 rgb(49,60,80)
```
#313950
```
#313950 rgb(49,57,80)
```
#313650
```
#313650 rgb(49,54,80)
```
#313450
```
#313450 rgb(49,52,80)
```
#313150
```
#313150 rgb(49,49,80)
```

Similar Colors

Text with hexadecimal color #313950

This text has a font color of #313950.

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

#313950 background color

This paragraph has a background color of #313950.

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

#313950 border color

This element has a border color of #313950.

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

CSS codes

.text {color:#313950;}

.background {background-color:#313950;}

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0e13
```
#0c0e13 rgb(12,14,19)
```
#13161f
```
#13161f rgb(19,22,31)
```
#1b1f2c
```
#1b1f2c rgb(27,31,44)
```
#222838
```
#222838 rgb(34,40,56)
```
#2a3044
```
#2a3044 rgb(42,48,68)
```
#313950
```
#313950 rgb(49,57,80)
```
#38425c
```
#38425c rgb(56,66,92)
```
#404a68
```
#404a68 rgb(64,74,104)
```
#475374
```
#475374 rgb(71,83,116)
```
#4f5c81
```
#4f5c81 rgb(79,92,129)
```
#56648d
```
#56648d rgb(86,100,141)
```
#5e6d99
```
#5e6d99 rgb(94,109,153)
```

Shade Color Variation

#6877a2
```
#6877a2 rgb(104,119,162)
```
#7482aa
```
#7482aa rgb(116,130,170)
```
#808db1
```
#808db1 rgb(128,141,177)
```
#8c98b9
```
#8c98b9 rgb(140,152,185)
```
#99a3c0
```
#99a3c0 rgb(153,163,192)
```
#a5aec8
```
#a5aec8 rgb(165,174,200)
```
#b1b9cf
```
#b1b9cf rgb(177,185,207)
```
#bdc4d7
```
#bdc4d7 rgb(189,196,215)
```
#c9cfde
```
#c9cfde rgb(201,207,222)
```
#d5dae5
```
#d5dae5 rgb(213,218,229)
```
#e2e4ed
```
#e2e4ed rgb(226,228,237)
```
#eeeff4
```
#eeeff4 rgb(238,239,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#404041
```
#404041 rgb(64,64,65)
```
#3b3e46
```
#3b3e46 rgb(59,62,70)
```
#363b4b
```
#363b4b rgb(54,59,75)
```
#313950
```
#313950 rgb(49,57,80)
```
#2c3755
```
#2c3755 rgb(44,55,85)
```
#27345a
```
#27345a rgb(39,52,90)
```
#22325f
```
#22325f rgb(34,50,95)
```
#1d2f64
```
#1d2f64 rgb(29,47,100)
```
#182d69
```
#182d69 rgb(24,45,105)
```
#132b6e
```
#132b6e rgb(19,43,110)
```
#0e2873
```
#0e2873 rgb(14,40,115)
```
#092678
```
#092678 rgb(9,38,120)
```
#04237d
```
#04237d rgb(4,35,125)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#37393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4358 Protanopia 1% of men
#3d4259 Deuteranopia 1% of men
#37464b Tritanopia 0.001% of the population

Trichromacy

#383f55 Protanomaly 1% of men, 0.01% of women
#383f55 Deuteranomaly 6% of men, 0.4% of women
#35414c Tritanomaly 0.01% of the population

#313950 hex color

#313950 Color Information

#313950 Color Conversion

Color Schemes with #313950

Alternatives to #313950

#313950 Preview

Shades and Tints of #313950

Tones of #313950

Color Blindness Simulator