#313445 hex color

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

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

● #313445 color description : Very dark grayish blue.

The hexadecimal color #313445 has RGB values of R:49, G:52, B:69 and CMYK values of C:0.29, M:0.25, Y:0, K:0.73. Its decimal value is 3224645.

Hex triplet	313445	`#313445`
RGB Decimal	49, 52, 69	`rgb(49,52,69)`
RGB Percent	19.2, 20.4, 27.1	`rgb(19.2%,20.4%,27.1%)`
CMYK	29, 25, 0, 73
HSL	231°, 16.9, 23.1	`hsl(231,16.9%,23.1%)`
HSV (or HSB)	231°, 29, 27.1
Web Safe	333333	`#333333`

CIE-LAB	22.083, 3.274, -10.971
XYZ	3.569, 3.539, 6.125
xyY	0.27, 0.267, 3.539
CIE-LCH	22.083, 11.449, 286.616
CIE-LUV	22.083, -2.173, -12.583
Hunter-Lab	18.811, 0.943, -6.137
Binary	00110001, 00110100, 01000101

#313445
```
#313445 rgb(49,52,69)
```
#454231
```
#454231 rgb(69,66,49)
```

Complementary Color

#313e45
```
#313e45 rgb(49,62,69)
```
#313445
```
#313445 rgb(49,52,69)
```
#383145
```
#383145 rgb(56,49,69)
```

Analogous Color

#3e4531
```
#3e4531 rgb(62,69,49)
```
#313445
```
#313445 rgb(49,52,69)
```
#453831
```
#453831 rgb(69,56,49)
```

Split Complementary Color

#344531
```
#344531 rgb(52,69,49)
```
#313445
```
#313445 rgb(49,52,69)
```
#453134
```
#453134 rgb(69,49,52)
```

Triadic Color

#314542
```
#314542 rgb(49,69,66)
```
#313445
```
#313445 rgb(49,52,69)
```
#453134
```
#453134 rgb(69,49,52)
```
#454231
```
#454231 rgb(69,66,49)
```

Tetradic Color

#111218
```
#111218 rgb(17,18,24)
```
#1c1e27
```
#1c1e27 rgb(28,30,39)
```
#262936
```
#262936 rgb(38,41,54)
```
#313445
```
#313445 rgb(49,52,69)
```
#3c3f54
```
#3c3f54 rgb(60,63,84)
```
#464a63
```
#464a63 rgb(70,74,99)
```
#515672
```
#515672 rgb(81,86,114)
```

Monochromatic Color

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

#313945
```
#313945 rgb(49,57,69)
```
#313745
```
#313745 rgb(49,55,69)
```
#313645
```
#313645 rgb(49,54,69)
```
#313445
```
#313445 rgb(49,52,69)
```
#313245
```
#313245 rgb(49,50,69)
```
#313145
```
#313145 rgb(49,49,69)
```
#333145
```
#333145 rgb(51,49,69)
```

Similar Colors

Text with hexadecimal color #313445

This text has a font color of #313445.

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

#313445 background color

This paragraph has a background color of #313445.

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

#313445 border color

This element has a border color of #313445.

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

CSS codes

.text {color:#313445;}

.background {background-color:#313445;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08090c
```
#08090c rgb(8,9,12)
```
#101117
```
#101117 rgb(16,17,23)
```
#191a23
```
#191a23 rgb(25,26,35)
```
#21232e
```
#21232e rgb(33,35,46)
```
#292b3a
```
#292b3a rgb(41,43,58)
```
#313445
```
#313445 rgb(49,52,69)
```
#393d50
```
#393d50 rgb(57,61,80)
```
#41455c
```
#41455c rgb(65,69,92)
```
#494e67
```
#494e67 rgb(73,78,103)
```
#525773
```
#525773 rgb(82,87,115)
```
#5a5f7e
```
#5a5f7e rgb(90,95,126)
```
#62688a
```
#62688a rgb(98,104,138)
```

Shade Color Variation

#6a7195
```
#6a7195 rgb(106,113,149)
```
#767c9d
```
#767c9d rgb(118,124,157)
```
#8186a6
```
#8186a6 rgb(129,134,166)
```
#8c91ae
```
#8c91ae rgb(140,145,174)
```
#989cb6
```
#989cb6 rgb(152,156,182)
```
#a3a7be
```
#a3a7be rgb(163,167,190)
```
#afb2c6
```
#afb2c6 rgb(175,178,198)
```
#babdce
```
#babdce rgb(186,189,206)
```
#c6c8d6
```
#c6c8d6 rgb(198,200,214)
```
#d1d3df
```
#d1d3df rgb(209,211,223)
```
#dddee7
```
#dddee7 rgb(221,222,231)
```
#e8e9ef
```
#e8e9ef rgb(232,233,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#3a3a3c
```
#3a3a3c rgb(58,58,60)
```
#363740
```
#363740 rgb(54,55,64)
```
#313445
```
#313445 rgb(49,52,69)
```
#2c314a
```
#2c314a rgb(44,49,74)
```
#282e4e
```
#282e4e rgb(40,46,78)
```
#232a53
```
#232a53 rgb(35,42,83)
```
#1f2757
```
#1f2757 rgb(31,39,87)
```
#1a245c
```
#1a245c rgb(26,36,92)
```
#162160
```
#162160 rgb(22,33,96)
```
#111e65
```
#111e65 rgb(17,30,101)
```
#0d1b69
```
#0d1b69 rgb(13,27,105)
```
#08176e
```
#08176e rgb(8,23,110)
```
#041472
```
#041472 rgb(4,20,114)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343538 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3e4e Protanopia 1% of men
#3c3e4e Deuteranopia 1% of men
#394045 Tritanopia 0.001% of the population

Trichromacy

#373a4b Protanomaly 1% of men, 0.01% of women
#383a4b Deuteranomaly 6% of men, 0.4% of women
#363b45 Tritanomaly 0.01% of the population

#313445 hex color

#313445 Color Information

#313445 Color Conversion

Color Schemes with #313445

Alternatives to #313445

#313445 Preview

Shades and Tints of #313445

Tones of #313445

Color Blindness Simulator