#313b45 hex color

In a RGB color space, hex #313b45 is composed of 19.2% red, 23.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 14.5% magenta, 0% yellow and 72.9% black. It has a hue angle of 210 degrees, a saturation of 16.9% and a lightness of 23.1%. #313b45 color hex could be obtained by blending #62768a with #000000. Closest websafe color is: #333333.

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

● #313b45 color description : Very dark grayish blue.

The hexadecimal color #313b45 has RGB values of R:49, G:59, B:69 and CMYK values of C:0.29, M:0.14, Y:0, K:0.73. Its decimal value is 3226437.

Hex triplet	313b45	`#313b45`
RGB Decimal	49, 59, 69	`rgb(49,59,69)`
RGB Percent	19.2, 23.1, 27.1	`rgb(19.2%,23.1%,27.1%)`
CMYK	29, 14, 0, 73
HSL	210°, 16.9, 23.1	`hsl(210,16.9%,23.1%)`
HSV (or HSB)	210°, 29, 27.1
Web Safe	333333	`#333333`

CIE-LAB	24.355, -1.423, -7.518
XYZ	3.905, 4.21, 6.237
xyY	0.272, 0.293, 4.21
CIE-LCH	24.355, 7.651, 259.284
CIE-LUV	24.355, -4.987, -8.402
Hunter-Lab	20.519, -1.943, -3.658
Binary	00110001, 00111011, 01000101

#313b45
```
#313b45 rgb(49,59,69)
```
#453b31
```
#453b31 rgb(69,59,49)
```

Complementary Color

#314545
```
#314545 rgb(49,69,69)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#313145
```
#313145 rgb(49,49,69)
```

Analogous Color

#454531
```
#454531 rgb(69,69,49)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#453131
```
#453131 rgb(69,49,49)
```

Split Complementary Color

#3b4531
```
#3b4531 rgb(59,69,49)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#45313b
```
#45313b rgb(69,49,59)
```

Triadic Color

#31453b
```
#31453b rgb(49,69,59)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#45313b
```
#45313b rgb(69,49,59)
```
#453b31
```
#453b31 rgb(69,59,49)
```

Tetradic Color

#111518
```
#111518 rgb(17,21,24)
```
#1c2227
```
#1c2227 rgb(28,34,39)
```
#262e36
```
#262e36 rgb(38,46,54)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#3c4854
```
#3c4854 rgb(60,72,84)
```
#465563
```
#465563 rgb(70,85,99)
```
#516172
```
#516172 rgb(81,97,114)
```

Monochromatic Color

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

#314045
```
#314045 rgb(49,64,69)
```
#313e45
```
#313e45 rgb(49,62,69)
```
#313d45
```
#313d45 rgb(49,61,69)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#313945
```
#313945 rgb(49,57,69)
```
#313845
```
#313845 rgb(49,56,69)
```
#313645
```
#313645 rgb(49,54,69)
```

Similar Colors

Text with hexadecimal color #313b45

This text has a font color of #313b45.

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

#313b45 background color

This paragraph has a background color of #313b45.

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

#313b45 border color

This element has a border color of #313b45.

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

CSS codes

.text {color:#313b45;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080a0c
```
#080a0c rgb(8,10,12)
```
#101417
```
#101417 rgb(16,20,23)
```
#191e23
```
#191e23 rgb(25,30,35)
```
#21272e
```
#21272e rgb(33,39,46)
```
#29313a
```
#29313a rgb(41,49,58)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#394550
```
#394550 rgb(57,69,80)
```
#414f5c
```
#414f5c rgb(65,79,92)
```
#495867
```
#495867 rgb(73,88,103)
```
#526273
```
#526273 rgb(82,98,115)
```
#5a6c7e
```
#5a6c7e rgb(90,108,126)
```
#62768a
```
#62768a rgb(98,118,138)
```

Shade Color Variation

#6a8095
```
#6a8095 rgb(106,128,149)
```
#76899d
```
#76899d rgb(118,137,157)
```
#8193a6
```
#8193a6 rgb(129,147,166)
```
#8c9dae
```
#8c9dae rgb(140,157,174)
```
#98a7b6
```
#98a7b6 rgb(152,167,182)
```
#a3b1be
```
#a3b1be rgb(163,177,190)
```
#afbbc6
```
#afbbc6 rgb(175,187,198)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#c6ced6
```
#c6ced6 rgb(198,206,214)
```
#d1d8df
```
#d1d8df rgb(209,216,223)
```
#dde2e7
```
#dde2e7 rgb(221,226,231)
```
#e8ecef
```
#e8ecef rgb(232,236,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#3a3b3c
```
#3a3b3c rgb(58,59,60)
```
#363b40
```
#363b40 rgb(54,59,64)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#2c3b4a
```
#2c3b4a rgb(44,59,74)
```
#283b4e
```
#283b4e rgb(40,59,78)
```
#233b53
```
#233b53 rgb(35,59,83)
```
#1f3b57
```
#1f3b57 rgb(31,59,87)
```
#1a3b5c
```
#1a3b5c rgb(26,59,92)
```
#163b60
```
#163b60 rgb(22,59,96)
```
#113b65
```
#113b65 rgb(17,59,101)
```
#0d3b69
```
#0d3b69 rgb(13,59,105)
```
#083b6e
```
#083b6e rgb(8,59,110)
```
#043b72
```
#043b72 rgb(4,59,114)
```

Tone Color Variation

Below, you can see how #313b45 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
#37393b Atypical Achromatopsia 0.001% of the population

Dichromacy

#42434d Protanopia 1% of men
#44424f Deuteranopia 1% of men
#3a454a Tritanopia 0.001% of the population

Trichromacy

#3b404a Protanomaly 1% of men, 0.01% of women
#3d3f4b Deuteranomaly 6% of men, 0.4% of women
#374148 Tritanomaly 0.01% of the population

#313b45 hex color

#313b45 Color Information

#313b45 Color Conversion

Color Schemes with #313b45

Alternatives to #313b45

#313b45 Preview

Shades and Tints of #313b45

Tones of #313b45

Color Blindness Simulator