#313b55 hex color

In a RGB color space, hex #313b55 is composed of 19.2% red, 23.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 30.6% magenta, 0% yellow and 66.7% black. It has a hue angle of 223.3 degrees, a saturation of 26.9% and a lightness of 26.3%. #313b55 color hex could be obtained by blending #6276aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 23
- B 33
RGB color chart
- C 42
- M 31
- Y 0
- K 67
CMYK color chart

● #313b55 color description : Very dark desaturated blue.

The hexadecimal color #313b55 has RGB values of R:49, G:59, B:85 and CMYK values of C:0.42, M:0.31, Y:0, K:0.67. Its decimal value is 3226453.

Hex triplet	313b55	`#313b55`
RGB Decimal	49, 59, 85	`rgb(49,59,85)`
RGB Percent	19.2, 23.1, 33.3	`rgb(19.2%,23.1%,33.3%)`
CMYK	42, 31, 0, 67
HSL	223.3°, 26.9, 26.3	`hsl(223.3,26.9%,26.3%)`
HSV (or HSB)	223.3°, 42.4, 33.3
Web Safe	333366	`#333366`

CIE-LAB	25.065, 3.472, -17.006
XYZ	4.47, 4.437, 9.215
xyY	0.247, 0.245, 4.437
CIE-LCH	25.065, 17.357, 281.539
CIE-LUV	25.065, -5.416, -20.734
Hunter-Lab	21.063, 1.019, -11.194
Binary	00110001, 00111011, 01010101

#313b55
```
#313b55 rgb(49,59,85)
```
#554b31
```
#554b31 rgb(85,75,49)
```

Complementary Color

#314d55
```
#314d55 rgb(49,77,85)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#393155
```
#393155 rgb(57,49,85)
```

Analogous Color

#4d5531
```
#4d5531 rgb(77,85,49)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#553931
```
#553931 rgb(85,57,49)
```

Split Complementary Color

#3b5531
```
#3b5531 rgb(59,85,49)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#55313b
```
#55313b rgb(85,49,59)
```

Triadic Color

#31554b
```
#31554b rgb(49,85,75)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#55313b
```
#55313b rgb(85,49,59)
```
#554b31
```
#554b31 rgb(85,75,49)
```

Tetradic Color

#151924
```
#151924 rgb(21,25,36)
```
#1e2535
```
#1e2535 rgb(30,37,53)
```
#283045
```
#283045 rgb(40,48,69)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#3a4665
```
#3a4665 rgb(58,70,101)
```
#445175
```
#445175 rgb(68,81,117)
```
#4d5d86
```
#4d5d86 rgb(77,93,134)
```

Monochromatic Color

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

#314455
```
#314455 rgb(49,68,85)
```
#314155
```
#314155 rgb(49,65,85)
```
#313e55
```
#313e55 rgb(49,62,85)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#313855
```
#313855 rgb(49,56,85)
```
#313555
```
#313555 rgb(49,53,85)
```
#313255
```
#313255 rgb(49,50,85)
```

Similar Colors

Text with hexadecimal color #313b55

This text has a font color of #313b55.

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

#313b55 background color

This paragraph has a background color of #313b55.

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

#313b55 border color

This element has a border color of #313b55.

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

CSS codes

.text {color:#313b55;}

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

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#141823
```
#141823 rgb(20,24,35)
```
#1b2130
```
#1b2130 rgb(27,33,48)
```
#232a3c
```
#232a3c rgb(35,42,60)
```
#2a3249
```
#2a3249 rgb(42,50,73)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#384461
```
#384461 rgb(56,68,97)
```
#3f4c6e
```
#3f4c6e rgb(63,76,110)
```
#47557a
```
#47557a rgb(71,85,122)
```
#4e5e87
```
#4e5e87 rgb(78,94,135)
```
#556693
```
#556693 rgb(85,102,147)
```
#5c6fa0
```
#5c6fa0 rgb(92,111,160)
```

Shade Color Variation

#6879a8
```
#6879a8 rgb(104,121,168)
```
#7484af
```
#7484af rgb(116,132,175)
```
#808fb6
```
#808fb6 rgb(128,143,182)
```
#8d9abd
```
#8d9abd rgb(141,154,189)
```
#99a5c4
```
#99a5c4 rgb(153,165,196)
```
#a6b0cc
```
#a6b0cc rgb(166,176,204)
```
#b2bbd3
```
#b2bbd3 rgb(178,187,211)
```
#bfc6da
```
#bfc6da rgb(191,198,218)
```
#cbd1e1
```
#cbd1e1 rgb(203,209,225)
```
#d8dce8
```
#d8dce8 rgb(216,220,232)
```
#e4e7ef
```
#e4e7ef rgb(228,231,239)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#404246
```
#404246 rgb(64,66,70)
```
#3b404b
```
#3b404b rgb(59,64,75)
```
#363d50
```
#363d50 rgb(54,61,80)
```
#313b55
```
#313b55 rgb(49,59,85)
```
#2c395a
```
#2c395a rgb(44,57,90)
```
#27365f
```
#27365f rgb(39,54,95)
```
#223464
```
#223464 rgb(34,52,100)
```
#1c326a
```
#1c326a rgb(28,50,106)
```
#17306f
```
#17306f rgb(23,48,111)
```
#122d74
```
#122d74 rgb(18,45,116)
```
#0d2b79
```
#0d2b79 rgb(13,43,121)
```
#08297e
```
#08297e rgb(8,41,126)
```
#032683
```
#032683 rgb(3,38,131)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393b40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d445d Protanopia 1% of men
#3c445d Deuteranopia 1% of men
#36484d Tritanopia 0.001% of the population

Trichromacy

#39415a Protanomaly 1% of men, 0.01% of women
#38415a Deuteranomaly 6% of men, 0.4% of women
#344350 Tritanomaly 0.01% of the population

#313b55 hex color

#313b55 Color Information

#313b55 Color Conversion

Color Schemes with #313b55

Alternatives to #313b55

#313b55 Preview

Shades and Tints of #313b55

Tones of #313b55

Color Blindness Simulator