#311294 hex color

In a RGB color space, hex #311294 is composed of 19.2% red, 7.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 87.8% magenta, 0% yellow and 42% black. It has a hue angle of 254.3 degrees, a saturation of 78.3% and a lightness of 32.5%. #311294 color hex could be obtained by blending #6224ff with #000029. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 7
- B 58
RGB color chart
- C 67
- M 88
- Y 0
- K 42
CMYK color chart

● #311294 color description : Dark blue.

The hexadecimal color #311294 has RGB values of R:49, G:18, B:148 and CMYK values of C:0.67, M:0.88, Y:0, K:0.42. Its decimal value is 3216020.

Hex triplet	311294	`#311294`
RGB Decimal	49, 18, 148	`rgb(49,18,148)`
RGB Percent	19.2, 7.1, 58	`rgb(19.2%,7.1%,58%)`
CMYK	67, 88, 0, 42
HSL	254.3°, 78.3, 32.5	`hsl(254.3,78.3%,32.5%)`
HSV (or HSB)	254.3°, 87.8, 58
Web Safe	330099	`#330099`

CIE-LAB	20.917, 48.718, -63.952
XYZ	6.827, 3.223, 28.278
xyY	0.178, 0.084, 3.223
CIE-LCH	20.917, 80.394, 307.3
CIE-LUV	20.917, -0.759, -71.009
Hunter-Lab	17.954, 36.458, -80.815
Binary	00110001, 00010010, 10010100

#311294
```
#311294 rgb(49,18,148)
```
#759412
```
#759412 rgb(117,148,18)
```

Complementary Color

#123494
```
#123494 rgb(18,52,148)
```
#311294
```
#311294 rgb(49,18,148)
```
#721294
```
#721294 rgb(114,18,148)
```

Analogous Color

#349412
```
#349412 rgb(52,148,18)
```
#311294
```
#311294 rgb(49,18,148)
```
#947212
```
#947212 rgb(148,114,18)
```

Split Complementary Color

#129431
```
#129431 rgb(18,148,49)
```
#311294
```
#311294 rgb(49,18,148)
```
#943112
```
#943112 rgb(148,49,18)
```

Triadic Color

#127594
```
#127594 rgb(18,117,148)
```
#311294
```
#311294 rgb(49,18,148)
```
#943112
```
#943112 rgb(148,49,18)
```
#759412
```
#759412 rgb(117,148,18)
```

Tetradic Color

#1a0a50
```
#1a0a50 rgb(26,10,80)
```
#220c67
```
#220c67 rgb(34,12,103)
```
#290f7d
```
#290f7d rgb(41,15,125)
```
#311294
```
#311294 rgb(49,18,148)
```
#3915ab
```
#3915ab rgb(57,21,171)
```
#4018c1
```
#4018c1 rgb(64,24,193)
```
#481ad8
```
#481ad8 rgb(72,26,216)
```

Monochromatic Color

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

#121394
```
#121394 rgb(18,19,148)
```
#1b1294
```
#1b1294 rgb(27,18,148)
```
#261294
```
#261294 rgb(38,18,148)
```
#311294
```
#311294 rgb(49,18,148)
```
#3c1294
```
#3c1294 rgb(60,18,148)
```
#471294
```
#471294 rgb(71,18,148)
```
#521294
```
#521294 rgb(82,18,148)
```

Similar Colors

Text with hexadecimal color #311294

This text has a font color of #311294.

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

#311294 background color

This paragraph has a background color of #311294.

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

#311294 border color

This element has a border color of #311294.

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

CSS codes

.text {color:#311294;}

.background {background-color:#311294;}

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

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)
```
#08031a
```
#08031a rgb(8,3,26)
```
#0e052b
```
#0e052b rgb(14,5,43)
```
#14073d
```
#14073d rgb(20,7,61)
```
#1a094e
```
#1a094e rgb(26,9,78)
```
#200c60
```
#200c60 rgb(32,12,96)
```
#250e71
```
#250e71 rgb(37,14,113)
```
#2b1083
```
#2b1083 rgb(43,16,131)
```
#311294
```
#311294 rgb(49,18,148)
```
#3714a5
```
#3714a5 rgb(55,20,165)
```
#3d16b7
```
#3d16b7 rgb(61,22,183)
```
#4218c8
```
#4218c8 rgb(66,24,200)
```
#481bda
```
#481bda rgb(72,27,218)
```

Shade Color Variation

#5224e4
```
#5224e4 rgb(82,36,228)
```
#5f35e6
```
#5f35e6 rgb(95,53,230)
```
#6d47e9
```
#6d47e9 rgb(109,71,233)
```
#7b58eb
```
#7b58eb rgb(123,88,235)
```
#896aed
```
#896aed rgb(137,106,237)
```
#977bef
```
#977bef rgb(151,123,239)
```
#a58df1
```
#a58df1 rgb(165,141,241)
```
#b29ef3
```
#b29ef3 rgb(178,158,243)
```
#c0b0f5
```
#c0b0f5 rgb(192,176,245)
```
#cec1f7
```
#cec1f7 rgb(206,193,247)
```
#dcd3fa
```
#dcd3fa rgb(220,211,250)
```
#eae4fc
```
#eae4fc rgb(234,228,252)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

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

#525254
```
#525254 rgb(82,82,84)
```
#4f4b5b
```
#4f4b5b rgb(79,75,91)
```
#4c4561
```
#4c4561 rgb(76,69,97)
```
#483f67
```
#483f67 rgb(72,63,103)
```
#45386e
```
#45386e rgb(69,56,110)
```
#423274
```
#423274 rgb(66,50,116)
```
#3e2c7a
```
#3e2c7a rgb(62,44,122)
```
#3b2581
```
#3b2581 rgb(59,37,129)
```
#381f87
```
#381f87 rgb(56,31,135)
```
#34188e
```
#34188e rgb(52,24,142)
```
#311294
```
#311294 rgb(49,18,148)
```
#2e0c9a
```
#2e0c9a rgb(46,12,154)
```
#2a05a1
```
#2a05a1 rgb(42,5,161)
```

Tone Color Variation

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

Dichromacy

#003b72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#112c7e Protanomaly 1% of men, 0.01% of women
#112e75 Deuteranomaly 6% of men, 0.4% of women
#113162 Tritanomaly 0.01% of the population

#311294 hex color

#311294 Color Information

#311294 Color Conversion

Color Schemes with #311294

Alternatives to #311294

#311294 Preview

Shades and Tints of #311294

Tones of #311294

Color Blindness Simulator