#313c69 hex color

In a RGB color space, hex #313c69 is composed of 19.2% red, 23.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 42.9% magenta, 0% yellow and 58.8% black. It has a hue angle of 228.2 degrees, a saturation of 36.4% and a lightness of 30.2%. #313c69 color hex could be obtained by blending #6278d2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 24
- B 41
RGB color chart
- C 53
- M 43
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #313c69 has RGB values of R:49, G:60, B:105 and CMYK values of C:0.53, M:0.43, Y:0, K:0.59. Its decimal value is 3226729.

Hex triplet	313c69	`#313c69`
RGB Decimal	49, 60, 105	`rgb(49,60,105)`
RGB Percent	19.2, 23.5, 41.2	`rgb(19.2%,23.5%,41.2%)`
CMYK	53, 43, 0, 59
HSL	228.2°, 36.4, 30.2	`hsl(228.2,36.4%,30.2%)`
HSV (or HSB)	228.2°, 53.3, 41.2
Web Safe	333366	`#333366`

CIE-LAB	26.461, 9.572, -27.796
XYZ	5.432, 4.904, 14.024
xyY	0.223, 0.201, 4.904
CIE-LCH	26.461, 29.397, 289.002
CIE-LUV	26.461, -6.323, -35.692
Hunter-Lab	22.146, 5.026, -22.044
Binary	00110001, 00111100, 01101001

#313c69
```
#313c69 rgb(49,60,105)
```
#695e31
```
#695e31 rgb(105,94,49)
```

Complementary Color

#315869
```
#315869 rgb(49,88,105)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#423169
```
#423169 rgb(66,49,105)
```

Analogous Color

#586931
```
#586931 rgb(88,105,49)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#694231
```
#694231 rgb(105,66,49)
```

Split Complementary Color

#3c6931
```
#3c6931 rgb(60,105,49)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#69313c
```
#69313c rgb(105,49,60)
```

Triadic Color

#31695e
```
#31695e rgb(49,105,94)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#69313c
```
#69313c rgb(105,49,60)
```
#695e31
```
#695e31 rgb(105,94,49)
```

Tetradic Color

#191e35
```
#191e35 rgb(25,30,53)
```
#212846
```
#212846 rgb(33,40,70)
```
#293258
```
#293258 rgb(41,50,88)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#39467a
```
#39467a rgb(57,70,122)
```
#41508c
```
#41508c rgb(65,80,140)
```
#495a9d
```
#495a9d rgb(73,90,157)
```

Monochromatic Color

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

#314a69
```
#314a69 rgb(49,74,105)
```
#314569
```
#314569 rgb(49,69,105)
```
#314169
```
#314169 rgb(49,65,105)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#313769
```
#313769 rgb(49,55,105)
```
#313369
```
#313369 rgb(49,51,105)
```
#343169
```
#343169 rgb(52,49,105)
```

Similar Colors

Text with hexadecimal color #313c69

This text has a font color of #313c69.

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

#313c69 background color

This paragraph has a background color of #313c69.

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

#313c69 border color

This element has a border color of #313c69.

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

CSS codes

.text {color:#313c69;}

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

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

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c0e19
```
#0c0e19 rgb(12,14,25)
```
#121626
```
#121626 rgb(18,22,38)
```
#181d34
```
#181d34 rgb(24,29,52)
```
#1e2541
```
#1e2541 rgb(30,37,65)
```
#252d4e
```
#252d4e rgb(37,45,78)
```
#2b345c
```
#2b345c rgb(43,52,92)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#374476
```
#374476 rgb(55,68,118)
```
#3d4b84
```
#3d4b84 rgb(61,75,132)
```
#445391
```
#445391 rgb(68,83,145)
```
#4a5b9e
```
#4a5b9e rgb(74,91,158)
```
#5062ac
```
#5062ac rgb(80,98,172)
```

Shade Color Variation

#5d6eb3
```
#5d6eb3 rgb(93,110,179)
```
#6a7ab9
```
#6a7ab9 rgb(106,122,185)
```
#7785c0
```
#7785c0 rgb(119,133,192)
```
#8591c6
```
#8591c6 rgb(133,145,198)
```
#929dcc
```
#929dcc rgb(146,157,204)
```
#9fa9d2
```
#9fa9d2 rgb(159,169,210)
```
#adb5d9
```
#adb5d9 rgb(173,181,217)
```
#bac1df
```
#bac1df rgb(186,193,223)
```
#c8cde5
```
#c8cde5 rgb(200,205,229)
```
#d5d9eb
```
#d5d9eb rgb(213,217,235)
```
#e2e5f2
```
#e2e5f2 rgb(226,229,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#494a51
```
#494a51 rgb(73,74,81)
```
#434757
```
#434757 rgb(67,71,87)
```
#3d435d
```
#3d435d rgb(61,67,93)
```
#374063
```
#374063 rgb(55,64,99)
```
#313c69
```
#313c69 rgb(49,60,105)
```
#2b386f
```
#2b386f rgb(43,56,111)
```
#253575
```
#253575 rgb(37,53,117)
```
#1f317b
```
#1f317b rgb(31,49,123)
```
#192e81
```
#192e81 rgb(25,46,129)
```
#132a87
```
#132a87 rgb(19,42,135)
```
#0d268d
```
#0d268d rgb(13,38,141)
```
#082392
```
#082392 rgb(8,35,146)
```
#021f98
```
#021f98 rgb(2,31,152)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#364771 Protanopia 1% of men
#2f486f Deuteranopia 1% of men
#2f4d52 Tritanopia 0.001% of the population

Trichromacy

#34436e Protanomaly 1% of men, 0.01% of women
#2f446d Deuteranomaly 6% of men, 0.4% of women
#2f465a Tritanomaly 0.01% of the population

#313c69 hex color

#313c69 Color Information

#313c69 Color Conversion

Color Schemes with #313c69

Alternatives to #313c69

#313c69 Preview

Shades and Tints of #313c69

Tones of #313c69

Color Blindness Simulator