#313a6e hex color

In a RGB color space, hex #313a6e is composed of 19.2% red, 22.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 47.3% magenta, 0% yellow and 56.9% black. It has a hue angle of 231.1 degrees, a saturation of 38.4% and a lightness of 31.2%. #313a6e color hex could be obtained by blending #6274dc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 23
- B 43
RGB color chart
- C 55
- M 47
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #313a6e has RGB values of R:49, G:58, B:110 and CMYK values of C:0.55, M:0.47, Y:0, K:0.57. Its decimal value is 3226222.

Hex triplet	313a6e	`#313a6e`
RGB Decimal	49, 58, 110	`rgb(49,58,110)`
RGB Percent	19.2, 22.7, 43.1	`rgb(19.2%,22.7%,43.1%)`
CMYK	55, 47, 0, 57
HSL	231.1°, 38.4, 31.2	`hsl(231.1,38.4%,31.2%)`
HSV (or HSB)	231.1°, 55.5, 43.1
Web Safe	333366	`#333366`

CIE-LAB	26.171, 12.715, -31.459
XYZ	5.594, 4.805, 15.384
xyY	0.217, 0.186, 4.805
CIE-LCH	26.171, 33.931, 292.007
CIE-LUV	26.171, -5.828, -40.516
Hunter-Lab	21.919, 7.192, -26.268
Binary	00110001, 00111010, 01101110

#313a6e
```
#313a6e rgb(49,58,110)
```
#6e6531
```
#6e6531 rgb(110,101,49)
```

Complementary Color

#31596e
```
#31596e rgb(49,89,110)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#46316e
```
#46316e rgb(70,49,110)
```

Analogous Color

#596e31
```
#596e31 rgb(89,110,49)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#6e4731
```
#6e4731 rgb(110,71,49)
```

Split Complementary Color

#3a6e31
```
#3a6e31 rgb(58,110,49)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#6e313a
```
#6e313a rgb(110,49,58)
```

Triadic Color

#316e65
```
#316e65 rgb(49,110,101)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#6e313a
```
#6e313a rgb(110,49,58)
```
#6e6531
```
#6e6531 rgb(110,101,49)
```

Tetradic Color

#191e39
```
#191e39 rgb(25,30,57)
```
#21274b
```
#21274b rgb(33,39,75)
```
#29315c
```
#29315c rgb(41,49,92)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#394380
```
#394380 rgb(57,67,128)
```
#414d91
```
#414d91 rgb(65,77,145)
```
#4956a3
```
#4956a3 rgb(73,86,163)
```

Monochromatic Color

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

#31496e
```
#31496e rgb(49,73,110)
```
#31446e
```
#31446e rgb(49,68,110)
```
#313f6e
```
#313f6e rgb(49,63,110)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#31356e
```
#31356e rgb(49,53,110)
```
#32316e
```
#32316e rgb(50,49,110)
```
#37316e
```
#37316e rgb(55,49,110)
```

Similar Colors

Text with hexadecimal color #313a6e

This text has a font color of #313a6e.

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

#313a6e background color

This paragraph has a background color of #313a6e.

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

#313a6e border color

This element has a border color of #313a6e.

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

CSS codes

.text {color:#313a6e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#07080f
```
#07080f rgb(7,8,15)
```
#0d0f1d
```
#0d0f1d rgb(13,15,29)
```
#13162a
```
#13162a rgb(19,22,42)
```
#191d38
```
#191d38 rgb(25,29,56)
```
#1f2545
```
#1f2545 rgb(31,37,69)
```
#252c53
```
#252c53 rgb(37,44,83)
```
#2b3360
```
#2b3360 rgb(43,51,96)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#37417c
```
#37417c rgb(55,65,124)
```
#3d4889
```
#3d4889 rgb(61,72,137)
```
#434f97
```
#434f97 rgb(67,79,151)
```
#4957a4
```
#4957a4 rgb(73,87,164)
```

Shade Color Variation

#505eb1
```
#505eb1 rgb(80,94,177)
```
#5e6bb7
```
#5e6bb7 rgb(94,107,183)
```
#6b77bd
```
#6b77bd rgb(107,119,189)
```
#7984c3
```
#7984c3 rgb(121,132,195)
```
#8690c9
```
#8690c9 rgb(134,144,201)
```
#949dcf
```
#949dcf rgb(148,157,207)
```
#a1a9d5
```
#a1a9d5 rgb(161,169,213)
```
#afb6db
```
#afb6db rgb(175,182,219)
```
#bdc2e1
```
#bdc2e1 rgb(189,194,225)
```
#cacee7
```
#cacee7 rgb(202,206,231)
```
#d8dbee
```
#d8dbee rgb(216,219,238)
```
#e5e7f4
```
#e5e7f4 rgb(229,231,244)
```
#f3f4fa
```
#f3f4fa rgb(243,244,250)
```

Tint Color Variation

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

#494b56
```
#494b56 rgb(73,75,86)
```
#43475c
```
#43475c rgb(67,71,92)
```
#3d4362
```
#3d4362 rgb(61,67,98)
```
#373e68
```
#373e68 rgb(55,62,104)
```
#313a6e
```
#313a6e rgb(49,58,110)
```
#2b3674
```
#2b3674 rgb(43,54,116)
```
#25317a
```
#25317a rgb(37,49,122)
```
#1f2d80
```
#1f2d80 rgb(31,45,128)
```
#192986
```
#192986 rgb(25,41,134)
```
#12248d
```
#12248d rgb(18,36,141)
```
#0c2093
```
#0c2093 rgb(12,32,147)
```
#061c99
```
#061c99 rgb(6,28,153)
```
#00189f
```
#00189f rgb(0,24,159)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3c47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4677 Protanopia 1% of men
#254873 Deuteranopia 1% of men
#2c4c52 Tritanopia 0.001% of the population

Trichromacy

#304173 Protanomaly 1% of men, 0.01% of women
#294371 Deuteranomaly 6% of men, 0.4% of women
#2d455c Tritanomaly 0.01% of the population

#313a6e hex color

#313a6e Color Information

#313a6e Color Conversion

Color Schemes with #313a6e

Alternatives to #313a6e

#313a6e Preview

Shades and Tints of #313a6e

Tones of #313a6e

Color Blindness Simulator