#311690 hex color

In a RGB color space, hex #311690 is composed of 19.2% red, 8.6% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 84.7% magenta, 0% yellow and 43.5% black. It has a hue angle of 253.3 degrees, a saturation of 73.5% and a lightness of 32.5%. #311690 color hex could be obtained by blending #622cff with #000021. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 56
RGB color chart
- C 66
- M 85
- Y 0
- K 44
CMYK color chart

● #311690 color description : Dark blue.

The hexadecimal color #311690 has RGB values of R:49, G:22, B:144 and CMYK values of C:0.66, M:0.85, Y:0, K:0.44. Its decimal value is 3217040.

Hex triplet	311690	`#311690`
RGB Decimal	49, 22, 144	`rgb(49,22,144)`
RGB Percent	19.2, 8.6, 56.5	`rgb(19.2%,8.6%,56.5%)`
CMYK	66, 85, 0, 44
HSL	253.3°, 73.5, 32.5	`hsl(253.3,73.5%,32.5%)`
HSV (or HSB)	253.3°, 84.7, 56.5
Web Safe	330099	`#330099`

CIE-LAB	20.981, 45.973, -61.364
XYZ	6.587, 3.24, 26.662
xyY	0.181, 0.089, 3.24
CIE-LCH	20.981, 76.675, 306.84
CIE-LUV	20.981, -0.8, -68.9
Hunter-Lab	18, 33.815, -75.221
Binary	00110001, 00010110, 10010000

#311690
```
#311690 rgb(49,22,144)
```
#759016
```
#759016 rgb(117,144,22)
```

Complementary Color

#163890
```
#163890 rgb(22,56,144)
```
#311690
```
#311690 rgb(49,22,144)
```
#6e1690
```
#6e1690 rgb(110,22,144)
```

Analogous Color

#389016
```
#389016 rgb(56,144,22)
```
#311690
```
#311690 rgb(49,22,144)
```
#906e16
```
#906e16 rgb(144,110,22)
```

Split Complementary Color

#169031
```
#169031 rgb(22,144,49)
```
#311690
```
#311690 rgb(49,22,144)
```
#903116
```
#903116 rgb(144,49,22)
```

Triadic Color

#167590
```
#167590 rgb(22,117,144)
```
#311690
```
#311690 rgb(49,22,144)
```
#903116
```
#903116 rgb(144,49,22)
```
#759016
```
#759016 rgb(117,144,22)
```

Tetradic Color

#1a0c4e
```
#1a0c4e rgb(26,12,78)
```
#220f64
```
#220f64 rgb(34,15,100)
```
#29137a
```
#29137a rgb(41,19,122)
```
#311690
```
#311690 rgb(49,22,144)
```
#3919a6
```
#3919a6 rgb(57,25,166)
```
#401dbc
```
#401dbc rgb(64,29,188)
```
#4820d2
```
#4820d2 rgb(72,32,210)
```

Monochromatic Color

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

#161a90
```
#161a90 rgb(22,26,144)
```
#1d1690
```
#1d1690 rgb(29,22,144)
```
#271690
```
#271690 rgb(39,22,144)
```
#311690
```
#311690 rgb(49,22,144)
```
#3b1690
```
#3b1690 rgb(59,22,144)
```
#451690
```
#451690 rgb(69,22,144)
```
#501690
```
#501690 rgb(80,22,144)
```

Similar Colors

Text with hexadecimal color #311690

This text has a font color of #311690.

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

#311690 background color

This paragraph has a background color of #311690.

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

#311690 border color

This element has a border color of #311690.

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

CSS codes

.text {color:#311690;}

.background {background-color:#311690;}

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

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

#030108
```
#030108 rgb(3,1,8)
```
#080419
```
#080419 rgb(8,4,25)
```
#0e062a
```
#0e062a rgb(14,6,42)
```
#14093b
```
#14093b rgb(20,9,59)
```
#1a0c4c
```
#1a0c4c rgb(26,12,76)
```
#200e5d
```
#200e5d rgb(32,14,93)
```
#25116e
```
#25116e rgb(37,17,110)
```
#2b137f
```
#2b137f rgb(43,19,127)
```
#311690
```
#311690 rgb(49,22,144)
```
#3719a1
```
#3719a1 rgb(55,25,161)
```
#3d1bb2
```
#3d1bb2 rgb(61,27,178)
```
#421ec3
```
#421ec3 rgb(66,30,195)
```
#4820d4
```
#4820d4 rgb(72,32,212)
```

Shade Color Variation

#522ade
```
#522ade rgb(82,42,222)
```
#5f3be1
```
#5f3be1 rgb(95,59,225)
```
#6d4ce4
```
#6d4ce4 rgb(109,76,228)
```
#7b5de6
```
#7b5de6 rgb(123,93,230)
```
#896ee9
```
#896ee9 rgb(137,110,233)
```
#977feb
```
#977feb rgb(151,127,235)
```
#a590ee
```
#a590ee rgb(165,144,238)
```
#b2a1f1
```
#b2a1f1 rgb(178,161,241)
```
#c0b2f3
```
#c0b2f3 rgb(192,178,243)
```
#cec3f6
```
#cec3f6 rgb(206,195,246)
```
#dcd4f8
```
#dcd4f8 rgb(220,212,248)
```
#eae5fb
```
#eae5fb rgb(234,229,251)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514f57 is the less saturated color, while #2603a3 is the most saturated one.

#514f57
```
#514f57 rgb(81,79,87)
```
#4d495d
```
#4d495d rgb(77,73,93)
```
#4a4363
```
#4a4363 rgb(74,67,99)
```
#463c6a
```
#463c6a rgb(70,60,106)
```
#433670
```
#433670 rgb(67,54,112)
```
#3f3076
```
#3f3076 rgb(63,48,118)
```
#3c297d
```
#3c297d rgb(60,41,125)
```
#382383
```
#382383 rgb(56,35,131)
```
#351c8a
```
#351c8a rgb(53,28,138)
```
#311690
```
#311690 rgb(49,22,144)
```
#2d1096
```
#2d1096 rgb(45,16,150)
```
#2a099d
```
#2a099d rgb(42,9,157)
```
#2603a3
```
#2603a3 rgb(38,3,163)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2840 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#112d7d Protanomaly 1% of men, 0.01% of women
#112f73 Deuteranomaly 6% of men, 0.4% of women
#113261 Tritanomaly 0.01% of the population

#311690 hex color

#311690 Color Information

#311690 Color Conversion

Color Schemes with #311690

Alternatives to #311690

#311690 Preview

Shades and Tints of #311690

Tones of #311690

Color Blindness Simulator