#313c9c hex color

In a RGB color space, hex #313c9c is composed of 19.2% red, 23.5% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 61.5% magenta, 0% yellow and 38.8% black. It has a hue angle of 233.8 degrees, a saturation of 52.2% and a lightness of 40.2%. #313c9c color hex could be obtained by blending #6278ff with #000039. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 24
- B 61
RGB color chart
- C 69
- M 62
- Y 0
- K 39
CMYK color chart

● #313c9c color description : Dark moderate blue.

The hexadecimal color #313c9c has RGB values of R:49, G:60, B:156 and CMYK values of C:0.69, M:0.62, Y:0, K:0.39. Its decimal value is 3226780.

Hex triplet	313c9c	`#313c9c`
RGB Decimal	49, 60, 156	`rgb(49,60,156)`
RGB Percent	19.2, 23.5, 61.2	`rgb(19.2%,23.5%,61.2%)`
CMYK	69, 62, 0, 39
HSL	233.8°, 52.2, 40.2	`hsl(233.8,52.2%,40.2%)`
HSV (or HSB)	233.8°, 68.6, 61.2
Web Safe	333399	`#333399`

CIE-LAB	30.119, 28.107, -53.727
XYZ	8.882, 6.284, 32.196
xyY	0.188, 0.133, 6.284
CIE-LCH	30.119, 60.635, 297.616
CIE-LUV	30.119, -7.817, -72.5
Hunter-Lab	25.069, 19.373, -58.597
Binary	00110001, 00111100, 10011100

#313c9c
```
#313c9c rgb(49,60,156)
```
#9c9131
```
#9c9131 rgb(156,145,49)
```

Complementary Color

#31729c
```
#31729c rgb(49,114,156)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#5c319c
```
#5c319c rgb(92,49,156)
```

Analogous Color

#729c31
```
#729c31 rgb(114,156,49)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#9c5b31
```
#9c5b31 rgb(156,91,49)
```

Split Complementary Color

#3c9c31
```
#3c9c31 rgb(60,156,49)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#9c313c
```
#9c313c rgb(156,49,60)
```

Triadic Color

#319c91
```
#319c91 rgb(49,156,145)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#9c313c
```
#9c313c rgb(156,49,60)
```
#9c9131
```
#9c9131 rgb(156,145,49)
```

Tetradic Color

#1f2662
```
#1f2662 rgb(31,38,98)
```
#252d75
```
#252d75 rgb(37,45,117)
```
#2b3589
```
#2b3589 rgb(43,53,137)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#3743af
```
#3743af rgb(55,67,175)
```
#3e4bc2
```
#3e4bc2 rgb(62,75,194)
```
#515dc8
```
#515dc8 rgb(81,93,200)
```

Monochromatic Color

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

#31579c
```
#31579c rgb(49,87,156)
```
#314e9c
```
#314e9c rgb(49,78,156)
```
#31459c
```
#31459c rgb(49,69,156)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#31339c
```
#31339c rgb(49,51,156)
```
#38319c
```
#38319c rgb(56,49,156)
```
#41319c
```
#41319c rgb(65,49,156)
```

Similar Colors

Text with hexadecimal color #313c9c

This text has a font color of #313c9c.

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

#313c9c background color

This paragraph has a background color of #313c9c.

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

#313c9c border color

This element has a border color of #313c9c.

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

CSS codes

.text {color:#313c9c;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070816
```
#070816 rgb(7,8,22)
```
#0b0e25
```
#0b0e25 rgb(11,14,37)
```
#101434
```
#101434 rgb(16,20,52)
```
#151a42
```
#151a42 rgb(21,26,66)
```
#1a1f51
```
#1a1f51 rgb(26,31,81)
```
#1e2560
```
#1e2560 rgb(30,37,96)
```
#232b6f
```
#232b6f rgb(35,43,111)
```
#28317e
```
#28317e rgb(40,49,126)
```
#2c368d
```
#2c368d rgb(44,54,141)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#3642ab
```
#3642ab rgb(54,66,171)
```
#3a47ba
```
#3a47ba rgb(58,71,186)
```

Shade Color Variation

#4451c4
```
#4451c4 rgb(68,81,196)
```
#535fc9
```
#535fc9 rgb(83,95,201)
```
#626dce
```
#626dce rgb(98,109,206)
```
#707bd2
```
#707bd2 rgb(112,123,210)
```
#7f88d7
```
#7f88d7 rgb(127,136,215)
```
#8e96dc
```
#8e96dc rgb(142,150,220)
```
#9da4e0
```
#9da4e0 rgb(157,164,224)
```
#acb2e5
```
#acb2e5 rgb(172,178,229)
```
#bbc0ea
```
#bbc0ea rgb(187,192,234)
```
#caceee
```
#caceee rgb(202,206,238)
```
#d9dcf3
```
#d9dcf3 rgb(217,220,243)
```
#e8eaf8
```
#e8eaf8 rgb(232,234,248)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60626d is the less saturated color, while #0216cb is the most saturated one.

#60626d
```
#60626d rgb(96,98,109)
```
#585b75
```
#585b75 rgb(88,91,117)
```
#51557c
```
#51557c rgb(81,85,124)
```
#494f84
```
#494f84 rgb(73,79,132)
```
#41498c
```
#41498c rgb(65,73,140)
```
#394294
```
#394294 rgb(57,66,148)
```
#313c9c
```
#313c9c rgb(49,60,156)
```
#2936a4
```
#2936a4 rgb(41,54,164)
```
#212fac
```
#212fac rgb(33,47,172)
```
#1929b4
```
#1929b4 rgb(25,41,180)
```
#1123bc
```
#1123bc rgb(17,35,188)
```
#0a1dc3
```
#0a1dc3 rgb(10,29,195)
```
#0216cb
```
#0216cb rgb(2,22,203)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#114799 Protanomaly 1% of men, 0.01% of women
#114a8d Deuteranomaly 6% of men, 0.4% of women
#114e74 Tritanomaly 0.01% of the population

#313c9c hex color

#313c9c Color Information

#313c9c Color Conversion

Color Schemes with #313c9c

Alternatives to #313c9c

#313c9c Preview

Shades and Tints of #313c9c

Tones of #313c9c

Color Blindness Simulator