#313277 hex color

In a RGB color space, hex #313277 is composed of 19.2% red, 19.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 58% magenta, 0% yellow and 53.3% black. It has a hue angle of 239.1 degrees, a saturation of 41.7% and a lightness of 32.9%. #313277 color hex could be obtained by blending #6264ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 47
RGB color chart
- C 59
- M 58
- Y 0
- K 53
CMYK color chart

● #313277 color description : Dark moderate blue.

The hexadecimal color #313277 has RGB values of R:49, G:50, B:119 and CMYK values of C:0.59, M:0.58, Y:0, K:0.53. Its decimal value is 3224183.

Hex triplet	313277	`#313277`
RGB Decimal	49, 50, 119	`rgb(49,50,119)`
RGB Percent	19.2, 19.6, 46.7	`rgb(19.2%,19.6%,46.7%)`
CMYK	59, 58, 0, 53
HSL	239.1°, 41.7, 32.9	`hsl(239.1,41.7%,32.9%)`
HSV (or HSB)	239.1°, 58.8, 46.7
Web Safe	333366	`#333366`

CIE-LAB	24.532, 21.421, -39.829
XYZ	5.736, 4.266, 17.973
xyY	0.205, 0.152, 4.266
CIE-LCH	24.532, 45.224, 298.273
CIE-LUV	24.532, -3.91, -50.331
Hunter-Lab	20.654, 13.431, -37.136
Binary	00110001, 00110010, 01110111

#313277
```
#313277 rgb(49,50,119)
```
#777631
```
#777631 rgb(119,118,49)
```

Complementary Color

#315577
```
#315577 rgb(49,85,119)
```
#313277
```
#313277 rgb(49,50,119)
```
#533177
```
#533177 rgb(83,49,119)
```

Analogous Color

#557731
```
#557731 rgb(85,119,49)
```
#313277
```
#313277 rgb(49,50,119)
```
#775331
```
#775331 rgb(119,83,49)
```

Split Complementary Color

#327731
```
#327731 rgb(50,119,49)
```
#313277
```
#313277 rgb(49,50,119)
```
#773132
```
#773132 rgb(119,49,50)
```

Triadic Color

#317776
```
#317776 rgb(49,119,118)
```
#313277
```
#313277 rgb(49,50,119)
```
#773132
```
#773132 rgb(119,49,50)
```
#777631
```
#777631 rgb(119,118,49)
```

Tetradic Color

#1b1b41
```
#1b1b41 rgb(27,27,65)
```
#222353
```
#222353 rgb(34,35,83)
```
#2a2a65
```
#2a2a65 rgb(42,42,101)
```
#313277
```
#313277 rgb(49,50,119)
```
#383a89
```
#383a89 rgb(56,58,137)
```
#40419b
```
#40419b rgb(64,65,155)
```
#4749ad
```
#4749ad rgb(71,73,173)
```

Monochromatic Color

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

#314477
```
#314477 rgb(49,68,119)
```
#313e77
```
#313e77 rgb(49,62,119)
```
#313877
```
#313877 rgb(49,56,119)
```
#313277
```
#313277 rgb(49,50,119)
```
#363177
```
#363177 rgb(54,49,119)
```
#3c3177
```
#3c3177 rgb(60,49,119)
```
#423177
```
#423177 rgb(66,49,119)
```

Similar Colors

Text with hexadecimal color #313277

This text has a font color of #313277.

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

#313277 background color

This paragraph has a background color of #313277.

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

#313277 border color

This element has a border color of #313277.

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

CSS codes

.text {color:#313277;}

.background {background-color:#313277;}

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

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

#030308
```
#030308 rgb(3,3,8)
```
#090916
```
#090916 rgb(9,9,22)
```
#0f0f24
```
#0f0f24 rgb(15,15,36)
```
#141532
```
#141532 rgb(20,21,50)
```
#1a1b3f
```
#1a1b3f rgb(26,27,63)
```
#20204d
```
#20204d rgb(32,32,77)
```
#26265b
```
#26265b rgb(38,38,91)
```
#2b2c69
```
#2b2c69 rgb(43,44,105)
```
#313277
```
#313277 rgb(49,50,119)
```
#373885
```
#373885 rgb(55,56,133)
```
#3c3e93
```
#3c3e93 rgb(60,62,147)
```
#4244a1
```
#4244a1 rgb(66,68,161)
```
#4849af
```
#4849af rgb(72,73,175)
```

Shade Color Variation

#5254b8
```
#5254b8 rgb(82,84,184)
```
#6061be
```
#6061be rgb(96,97,190)
```
#6e6fc3
```
#6e6fc3 rgb(110,111,195)
```
#7c7dc9
```
#7c7dc9 rgb(124,125,201)
```
#8a8bcf
```
#8a8bcf rgb(138,139,207)
```
#9899d4
```
#9899d4 rgb(152,153,212)
```
#a6a6da
```
#a6a6da rgb(166,166,218)
```
#b3b4e0
```
#b3b4e0 rgb(179,180,224)
```
#c1c2e6
```
#c1c2e6 rgb(193,194,230)
```
#cfd0eb
```
#cfd0eb rgb(207,208,235)
```
#ddddf1
```
#ddddf1 rgb(221,221,241)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515157 is the less saturated color, while #0406a4 is the most saturated one.

#515157
```
#515157 rgb(81,81,87)
```
#4b4b5d
```
#4b4b5d rgb(75,75,93)
```
#444564
```
#444564 rgb(68,69,100)
```
#3e3f6a
```
#3e3f6a rgb(62,63,106)
```
#373871
```
#373871 rgb(55,56,113)
```
#313277
```
#313277 rgb(49,50,119)
```
#2b2c7d
```
#2b2c7d rgb(43,44,125)
```
#242584
```
#242584 rgb(36,37,132)
```
#1e1f8a
```
#1e1f8a rgb(30,31,138)
```
#171991
```
#171991 rgb(23,25,145)
```
#111397
```
#111397 rgb(17,19,151)
```
#0a0c9e
```
#0a0c9e rgb(10,12,158)
```
#0406a4
```
#0406a4 rgb(4,6,164)
```

Tone Color Variation

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

Dichromacy

#004282 Protanopia 1% of men
#004573 Deuteranopia 1% of men
#23494f Tritanopia 0.001% of the population

Trichromacy

#113c7e Protanomaly 1% of men, 0.01% of women
#113e74 Deuteranomaly 6% of men, 0.4% of women
#28415d Tritanomaly 0.01% of the population

#313277 hex color

#313277 Color Information

#313277 Color Conversion

Color Schemes with #313277

Alternatives to #313277

#313277 Preview

Shades and Tints of #313277

Tones of #313277

Color Blindness Simulator