#313540 hex color

In a RGB color space, hex #313540 is composed of 19.2% red, 20.8% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 17.2% magenta, 0% yellow and 74.9% black. It has a hue angle of 224 degrees, a saturation of 13.3% and a lightness of 22.2%. #313540 color hex could be obtained by blending #626a80 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 21
- B 25
RGB color chart
- C 23
- M 17
- Y 0
- K 75
CMYK color chart

● #313540 color description : Very dark grayish blue.

The hexadecimal color #313540 has RGB values of R:49, G:53, B:64 and CMYK values of C:0.23, M:0.17, Y:0, K:0.75. Its decimal value is 3224896.

Hex triplet	313540	`#313540`
RGB Decimal	49, 53, 64	`rgb(49,53,64)`
RGB Percent	19.2, 20.8, 25.1	`rgb(19.2%,20.8%,25.1%)`
CMYK	23, 17, 0, 75
HSL	224°, 13.3, 22.2	`hsl(224,13.3%,22.2%)`
HSV (or HSB)	224°, 23.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	22.193, 1.164, -7.433
XYZ	3.465, 3.569, 5.357
xyY	0.28, 0.288, 3.569
CIE-LCH	22.193, 7.524, 278.898
CIE-LUV	22.193, -2.358, -8.29
Hunter-Lab	18.893, -0.325, -3.586
Binary	00110001, 00110101, 01000000

#313540
```
#313540 rgb(49,53,64)
```
#403c31
```
#403c31 rgb(64,60,49)
```

Complementary Color

#313d40
```
#313d40 rgb(49,61,64)
```
#313540
```
#313540 rgb(49,53,64)
```
#353140
```
#353140 rgb(53,49,64)
```

Analogous Color

#3d4031
```
#3d4031 rgb(61,64,49)
```
#313540
```
#313540 rgb(49,53,64)
```
#403531
```
#403531 rgb(64,53,49)
```

Split Complementary Color

#354031
```
#354031 rgb(53,64,49)
```
#313540
```
#313540 rgb(49,53,64)
```
#403135
```
#403135 rgb(64,49,53)
```

Triadic Color

#31403c
```
#31403c rgb(49,64,60)
```
#313540
```
#313540 rgb(49,53,64)
```
#403135
```
#403135 rgb(64,49,53)
```
#403c31
```
#403c31 rgb(64,60,49)
```

Tetradic Color

#101115
```
#101115 rgb(16,17,21)
```
#1b1d23
```
#1b1d23 rgb(27,29,35)
```
#262932
```
#262932 rgb(38,41,50)
```
#313540
```
#313540 rgb(49,53,64)
```
#3c414e
```
#3c414e rgb(60,65,78)
```
#474d5d
```
#474d5d rgb(71,77,93)
```
#52596b
```
#52596b rgb(82,89,107)
```

Monochromatic Color

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

#313940
```
#313940 rgb(49,57,64)
```
#313840
```
#313840 rgb(49,56,64)
```
#313640
```
#313640 rgb(49,54,64)
```
#313540
```
#313540 rgb(49,53,64)
```
#313440
```
#313440 rgb(49,52,64)
```
#313340
```
#313340 rgb(49,51,64)
```
#313140
```
#313140 rgb(49,49,64)
```

Similar Colors

Text with hexadecimal color #313540

This text has a font color of #313540.

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

#313540 background color

This paragraph has a background color of #313540.

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

#313540 border color

This element has a border color of #313540.

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

CSS codes

.text {color:#313540;}

.background {background-color:#313540;}

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1014
```
#0f1014 rgb(15,16,20)
```
#17191f
```
#17191f rgb(23,25,31)
```
#20232a
```
#20232a rgb(32,35,42)
```
#282c35
```
#282c35 rgb(40,44,53)
```
#313540
```
#313540 rgb(49,53,64)
```
#3a3e4b
```
#3a3e4b rgb(58,62,75)
```
#424756
```
#424756 rgb(66,71,86)
```
#4b5161
```
#4b5161 rgb(75,81,97)
```
#535a6c
```
#535a6c rgb(83,90,108)
```
#5c6378
```
#5c6378 rgb(92,99,120)
```
#646c83
```
#646c83 rgb(100,108,131)
```
#6d758e
```
#6d758e rgb(109,117,142)
```

Shade Color Variation

#778097
```
#778097 rgb(119,128,151)
```
#828a9f
```
#828a9f rgb(130,138,159)
```
#8d94a8
```
#8d94a8 rgb(141,148,168)
```
#989fb0
```
#989fb0 rgb(152,159,176)
```
#a3a9b9
```
#a3a9b9 rgb(163,169,185)
```
#afb4c1
```
#afb4c1 rgb(175,180,193)
```
#babeca
```
#babeca rgb(186,190,202)
```
#c5c8d2
```
#c5c8d2 rgb(197,200,210)
```
#d0d3db
```
#d0d3db rgb(208,211,219)
```
#dbdde3
```
#dbdde3 rgb(219,221,227)
```
#e6e8ec
```
#e6e8ec rgb(230,232,236)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#35373c
```
#35373c rgb(53,55,60)
```
#313540
```
#313540 rgb(49,53,64)
```
#2d3344
```
#2d3344 rgb(45,51,68)
```
#283149
```
#283149 rgb(40,49,73)
```
#242f4d
```
#242f4d rgb(36,47,77)
```
#202d51
```
#202d51 rgb(32,45,81)
```
#1b2b56
```
#1b2b56 rgb(27,43,86)
```
#17295a
```
#17295a rgb(23,41,90)
```
#13275e
```
#13275e rgb(19,39,94)
```
#0e2563
```
#0e2563 rgb(14,37,99)
```
#0a2367
```
#0a2367 rgb(10,35,103)
```
#06216b
```
#06216b rgb(6,33,107)
```
#011f70
```
#011f70 rgb(1,31,112)
```

Tone Color Variation

Below, you can see how #313540 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
#343537 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d3f49 Protanopia 1% of men
#3f3e4a Deuteranopia 1% of men
#3a4045 Tritanopia 0.001% of the population

Trichromacy

#383b46 Protanomaly 1% of men, 0.01% of women
#3a3a46 Deuteranomaly 6% of men, 0.4% of women
#373c43 Tritanomaly 0.01% of the population

#313540 hex color

#313540 Color Information

#313540 Color Conversion

Color Schemes with #313540

Alternatives to #313540

#313540 Preview

Shades and Tints of #313540

Tones of #313540

Color Blindness Simulator