#313a55 hex color

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

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

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

The hexadecimal color #313a55 has RGB values of R:49, G:58, B:85 and CMYK values of C:0.42, M:0.32, Y:0, K:0.67. Its decimal value is 3226197.

Hex triplet	313a55	`#313a55`
RGB Decimal	49, 58, 85	`rgb(49,58,85)`
RGB Percent	19.2, 22.7, 33.3	`rgb(19.2%,22.7%,33.3%)`
CMYK	42, 32, 0, 67
HSL	225°, 26.9, 26.3	`hsl(225,26.9%,26.3%)`
HSV (or HSB)	225°, 42.4, 33.3
Web Safe	333366	`#333366`

CIE-LAB	24.749, 4.149, -17.498
XYZ	4.419, 4.335, 9.198
xyY	0.246, 0.241, 4.335
CIE-LCH	24.749, 17.983, 283.339
CIE-LUV	24.749, -5.044, -21.324
Hunter-Lab	20.82, 1.451, -11.618
Binary	00110001, 00111010, 01010101

#313a55
```
#313a55 rgb(49,58,85)
```
#554c31
```
#554c31 rgb(85,76,49)
```

Complementary Color

#314c55
```
#314c55 rgb(49,76,85)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#3a3155
```
#3a3155 rgb(58,49,85)
```

Analogous Color

#4c5531
```
#4c5531 rgb(76,85,49)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#553a31
```
#553a31 rgb(85,58,49)
```

Split Complementary Color

#3a5531
```
#3a5531 rgb(58,85,49)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#55313a
```
#55313a rgb(85,49,58)
```

Triadic Color

#31554c
```
#31554c rgb(49,85,76)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#55313a
```
#55313a rgb(85,49,58)
```
#554c31
```
#554c31 rgb(85,76,49)
```

Tetradic Color

#151924
```
#151924 rgb(21,25,36)
```
#1e2435
```
#1e2435 rgb(30,36,53)
```
#282f45
```
#282f45 rgb(40,47,69)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#3a4565
```
#3a4565 rgb(58,69,101)
```
#445075
```
#445075 rgb(68,80,117)
```
#4d5b86
```
#4d5b86 rgb(77,91,134)
```

Monochromatic Color

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

#314355
```
#314355 rgb(49,67,85)
```
#314055
```
#314055 rgb(49,64,85)
```
#313d55
```
#313d55 rgb(49,61,85)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#313755
```
#313755 rgb(49,55,85)
```
#313455
```
#313455 rgb(49,52,85)
```
#313155
```
#313155 rgb(49,49,85)
```

Similar Colors

Text with hexadecimal color #313a55

This text has a font color of #313a55.

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

#313a55 background color

This paragraph has a background color of #313a55.

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

#313a55 border color

This element has a border color of #313a55.

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

CSS codes

.text {color:#313a55;}

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

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

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)
```
#23293c
```
#23293c rgb(35,41,60)
```
#2a3249
```
#2a3249 rgb(42,50,73)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#384261
```
#384261 rgb(56,66,97)
```
#3f4b6e
```
#3f4b6e rgb(63,75,110)
```
#47537a
```
#47537a rgb(71,83,122)
```
#4e5c87
```
#4e5c87 rgb(78,92,135)
```
#556493
```
#556493 rgb(85,100,147)
```
#5c6da0
```
#5c6da0 rgb(92,109,160)
```

Shade Color Variation

#6878a8
```
#6878a8 rgb(104,120,168)
```
#7483af
```
#7483af rgb(116,131,175)
```
#808eb6
```
#808eb6 rgb(128,142,182)
```
#8d99bd
```
#8d99bd rgb(141,153,189)
```
#99a4c4
```
#99a4c4 rgb(153,164,196)
```
#a6afcc
```
#a6afcc rgb(166,175,204)
```
#b2bad3
```
#b2bad3 rgb(178,186,211)
```
#bfc5da
```
#bfc5da rgb(191,197,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 #032383 is the most saturated one.

#404246
```
#404246 rgb(64,66,70)
```
#3b3f4b
```
#3b3f4b rgb(59,63,75)
```
#363d50
```
#363d50 rgb(54,61,80)
```
#313a55
```
#313a55 rgb(49,58,85)
```
#2c375a
```
#2c375a rgb(44,55,90)
```
#27355f
```
#27355f rgb(39,53,95)
```
#223264
```
#223264 rgb(34,50,100)
```
#1c306a
```
#1c306a rgb(28,48,106)
```
#172d6f
```
#172d6f rgb(23,45,111)
```
#122b74
```
#122b74 rgb(18,43,116)
```
#0d2879
```
#0d2879 rgb(13,40,121)
```
#08257e
```
#08257e rgb(8,37,126)
```
#032383
```
#032383 rgb(3,35,131)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c445d Protanopia 1% of men
#3b445d Deuteranopia 1% of men
#36474c Tritanopia 0.001% of the population

Trichromacy

#38405a Protanomaly 1% of men, 0.01% of women
#37405a Deuteranomaly 6% of men, 0.4% of women
#34424f Tritanomaly 0.01% of the population

#313a55 hex color

#313a55 Color Information

#313a55 Color Conversion

Color Schemes with #313a55

Alternatives to #313a55

#313a55 Preview

Shades and Tints of #313a55

Tones of #313a55

Color Blindness Simulator