#311683 hex color

In a RGB color space, hex #311683 is composed of 19.2% red, 8.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 83.2% magenta, 0% yellow and 48.6% black. It has a hue angle of 254.9 degrees, a saturation of 71.2% and a lightness of 30%. #311683 color hex could be obtained by blending #622cff with #000007. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 51
RGB color chart
- C 63
- M 83
- Y 0
- K 49
CMYK color chart

● #311683 color description : Dark blue.

The hexadecimal color #311683 has RGB values of R:49, G:22, B:131 and CMYK values of C:0.63, M:0.83, Y:0, K:0.49. Its decimal value is 3217027.

Hex triplet	311683	`#311683`
RGB Decimal	49, 22, 131	`rgb(49,22,131)`
RGB Percent	19.2, 8.6, 51.4	`rgb(19.2%,8.6%,51.4%)`
CMYK	63, 83, 0, 49
HSL	254.9°, 71.2, 30	`hsl(254.9,71.2%,30%)`
HSV (or HSB)	254.9°, 83.2, 51.4
Web Safe	330099	`#330099`

CIE-LAB	19.496, 42.131, -55.671
XYZ	5.65, 2.865, 21.727
xyY	0.187, 0.095, 2.865
CIE-LCH	19.496, 69.816, 307.118
CIE-LUV	19.496, 0.183, -61.272
Hunter-Lab	16.927, 29.952, -64.253
Binary	00110001, 00010110, 10000011

#311683
```
#311683 rgb(49,22,131)
```
#688316
```
#688316 rgb(104,131,22)
```

Complementary Color

#163283
```
#163283 rgb(22,50,131)
```
#311683
```
#311683 rgb(49,22,131)
```
#681683
```
#681683 rgb(104,22,131)
```

Analogous Color

#328316
```
#328316 rgb(50,131,22)
```
#311683
```
#311683 rgb(49,22,131)
```
#836816
```
#836816 rgb(131,104,22)
```

Split Complementary Color

#168331
```
#168331 rgb(22,131,49)
```
#311683
```
#311683 rgb(49,22,131)
```
#833116
```
#833116 rgb(131,49,22)
```

Triadic Color

#166883
```
#166883 rgb(22,104,131)
```
#311683
```
#311683 rgb(49,22,131)
```
#833116
```
#833116 rgb(131,49,22)
```
#688316
```
#688316 rgb(104,131,22)
```

Tetradic Color

#190b42
```
#190b42 rgb(25,11,66)
```
#210f57
```
#210f57 rgb(33,15,87)
```
#29126d
```
#29126d rgb(41,18,109)
```
#311683
```
#311683 rgb(49,22,131)
```
#391a99
```
#391a99 rgb(57,26,153)
```
#411daf
```
#411daf rgb(65,29,175)
```
#4a21c5
```
#4a21c5 rgb(74,33,197)
```

Monochromatic Color

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

#161683
```
#161683 rgb(22,22,131)
```
#1f1683
```
#1f1683 rgb(31,22,131)
```
#281683
```
#281683 rgb(40,22,131)
```
#311683
```
#311683 rgb(49,22,131)
```
#3a1683
```
#3a1683 rgb(58,22,131)
```
#431683
```
#431683 rgb(67,22,131)
```
#4c1683
```
#4c1683 rgb(76,22,131)
```

Similar Colors

Text with hexadecimal color #311683

This text has a font color of #311683.

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

#311683 background color

This paragraph has a background color of #311683.

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

#311683 border color

This element has a border color of #311683.

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

CSS codes

.text {color:#311683;}

.background {background-color:#311683;}

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

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, #05020d is the darkest color, while #fcfcfe is the lightest one.

#05020d
```
#05020d rgb(5,2,13)
```
#0b051e
```
#0b051e rgb(11,5,30)
```
#12082f
```
#12082f rgb(18,8,47)
```
#180b40
```
#180b40 rgb(24,11,64)
```
#1e0e51
```
#1e0e51 rgb(30,14,81)
```
#241061
```
#241061 rgb(36,16,97)
```
#2b1372
```
#2b1372 rgb(43,19,114)
```
#311683
```
#311683 rgb(49,22,131)
```
#371994
```
#371994 rgb(55,25,148)
```
#3e1ca5
```
#3e1ca5 rgb(62,28,165)
```
#441eb5
```
#441eb5 rgb(68,30,181)
```
#4a21c6
```
#4a21c6 rgb(74,33,198)
```
#5024d7
```
#5024d7 rgb(80,36,215)
```

Shade Color Variation

#5c32dd
```
#5c32dd rgb(92,50,221)
```
#6a43df
```
#6a43df rgb(106,67,223)
```
#7754e2
```
#7754e2 rgb(119,84,226)
```
#8464e5
```
#8464e5 rgb(132,100,229)
```
#9275e8
```
#9275e8 rgb(146,117,232)
```
#9f86eb
```
#9f86eb rgb(159,134,235)
```
#ac97ee
```
#ac97ee rgb(172,151,238)
```
#baa8f0
```
#baa8f0 rgb(186,168,240)
```
#c7b8f3
```
#c7b8f3 rgb(199,184,243)
```
#d4c9f6
```
#d4c9f6 rgb(212,201,246)
```
#e2daf9
```
#e2daf9 rgb(226,218,249)
```
#efebfc
```
#efebfc rgb(239,235,252)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#4c4b4e
```
#4c4b4e rgb(76,75,78)
```
#494554
```
#494554 rgb(73,69,84)
```
#463f5a
```
#463f5a rgb(70,63,90)
```
#433960
```
#433960 rgb(67,57,96)
```
#403366
```
#403366 rgb(64,51,102)
```
#3d2e6b
```
#3d2e6b rgb(61,46,107)
```
#3a2871
```
#3a2871 rgb(58,40,113)
```
#372277
```
#372277 rgb(55,34,119)
```
#341c7d
```
#341c7d rgb(52,28,125)
```
#311683
```
#311683 rgb(49,22,131)
```
#2e1089
```
#2e1089 rgb(46,16,137)
```
#2b0a8f
```
#2b0a8f rgb(43,10,143)
```
#280495
```
#280495 rgb(40,4,149)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b263c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#003f44 Tritanopia 0.001% of the population

Trichromacy

#112b75 Protanomaly 1% of men, 0.01% of women
#112d6c Deuteranomaly 6% of men, 0.4% of women
#11305b Tritanomaly 0.01% of the population

#311683 hex color

#311683 Color Information

#311683 Color Conversion

Color Schemes with #311683

Alternatives to #311683

#311683 Preview

Shades and Tints of #311683

Tones of #311683

Color Blindness Simulator