#311293 hex color

In a RGB color space, hex #311293 is composed of 19.2% red, 7.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 87.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 254.4 degrees, a saturation of 78.2% and a lightness of 32.4%. #311293 color hex could be obtained by blending #6224ff with #000027. 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

● #311293 color description : Dark blue.

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

Hex triplet	311293	`#311293`
RGB Decimal	49, 18, 147	`rgb(49,18,147)`
RGB Percent	19.2, 7.1, 57.6	`rgb(19.2%,7.1%,57.6%)`
CMYK	67, 88, 0, 42
HSL	254.4°, 78.2, 32.4	`hsl(254.4,78.2%,32.4%)`
HSV (or HSB)	254.4°, 87.8, 57.6
Web Safe	330099	`#330099`

CIE-LAB	20.797, 48.436, -63.532
XYZ	6.748, 3.192, 27.863
xyY	0.179, 0.084, 3.192
CIE-LCH	20.797, 79.89, 307.321
CIE-LUV	20.797, -0.686, -70.426
Hunter-Lab	17.866, 36.159, -79.959
Binary	00110001, 00010010, 10010011

#311293
```
#311293 rgb(49,18,147)
```
#749312
```
#749312 rgb(116,147,18)
```

Complementary Color

#123493
```
#123493 rgb(18,52,147)
```
#311293
```
#311293 rgb(49,18,147)
```
#721293
```
#721293 rgb(114,18,147)
```

Analogous Color

#349312
```
#349312 rgb(52,147,18)
```
#311293
```
#311293 rgb(49,18,147)
```
#937212
```
#937212 rgb(147,114,18)
```

Split Complementary Color

#129331
```
#129331 rgb(18,147,49)
```
#311293
```
#311293 rgb(49,18,147)
```
#933112
```
#933112 rgb(147,49,18)
```

Triadic Color

#127493
```
#127493 rgb(18,116,147)
```
#311293
```
#311293 rgb(49,18,147)
```
#933112
```
#933112 rgb(147,49,18)
```
#749312
```
#749312 rgb(116,147,18)
```

Tetradic Color

#1a0a4f
```
#1a0a4f rgb(26,10,79)
```
#220c66
```
#220c66 rgb(34,12,102)
```
#290f7c
```
#290f7c rgb(41,15,124)
```
#311293
```
#311293 rgb(49,18,147)
```
#3915aa
```
#3915aa rgb(57,21,170)
```
#4018c0
```
#4018c0 rgb(64,24,192)
```
#481ad7
```
#481ad7 rgb(72,26,215)
```

Monochromatic Color

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

#121393
```
#121393 rgb(18,19,147)
```
#1b1293
```
#1b1293 rgb(27,18,147)
```
#261293
```
#261293 rgb(38,18,147)
```
#311293
```
#311293 rgb(49,18,147)
```
#3c1293
```
#3c1293 rgb(60,18,147)
```
#471293
```
#471293 rgb(71,18,147)
```
#511293
```
#511293 rgb(81,18,147)
```

Similar Colors

Text with hexadecimal color #311293

This text has a font color of #311293.

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

#311293 background color

This paragraph has a background color of #311293.

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

#311293 border color

This element has a border color of #311293.

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

CSS codes

.text {color:#311293;}

.background {background-color:#311293;}

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

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

#020107
```
#020107 rgb(2,1,7)
```
#080319
```
#080319 rgb(8,3,25)
```
#0e052a
```
#0e052a rgb(14,5,42)
```
#14073c
```
#14073c rgb(20,7,60)
```
#1a094d
```
#1a094d rgb(26,9,77)
```
#200c5f
```
#200c5f rgb(32,12,95)
```
#250e70
```
#250e70 rgb(37,14,112)
```
#2b1082
```
#2b1082 rgb(43,16,130)
```
#311293
```
#311293 rgb(49,18,147)
```
#3714a4
```
#3714a4 rgb(55,20,164)
```
#3d16b6
```
#3d16b6 rgb(61,22,182)
```
#4218c7
```
#4218c7 rgb(66,24,199)
```
#481bd9
```
#481bd9 rgb(72,27,217)
```

Shade Color Variation

#5123e4
```
#5123e4 rgb(81,35,228)
```
#5f34e6
```
#5f34e6 rgb(95,52,230)
```
#6d46e8
```
#6d46e8 rgb(109,70,232)
```
#7b57ea
```
#7b57ea rgb(123,87,234)
```
#8969ed
```
#8969ed rgb(137,105,237)
```
#967aef
```
#967aef rgb(150,122,239)
```
#a48cf1
```
#a48cf1 rgb(164,140,241)
```
#b29df3
```
#b29df3 rgb(178,157,243)
```
#c0aff5
```
#c0aff5 rgb(192,175,245)
```
#cec0f7
```
#cec0f7 rgb(206,192,247)
```
#dbd2f9
```
#dbd2f9 rgb(219,210,249)
```
#e9e3fc
```
#e9e3fc rgb(233,227,252)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

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

#525154
```
#525154 rgb(82,81,84)
```
#4f4b5a
```
#4f4b5a rgb(79,75,90)
```
#4b4560
```
#4b4560 rgb(75,69,96)
```
#483e67
```
#483e67 rgb(72,62,103)
```
#45386d
```
#45386d rgb(69,56,109)
```
#413273
```
#413273 rgb(65,50,115)
```
#3e2b7a
```
#3e2b7a rgb(62,43,122)
```
#3b2580
```
#3b2580 rgb(59,37,128)
```
#381f86
```
#381f86 rgb(56,31,134)
```
#34188d
```
#34188d rgb(52,24,141)
```
#311293
```
#311293 rgb(49,18,147)
```
#2e0c99
```
#2e0c99 rgb(46,12,153)
```
#2a05a0
```
#2a05a0 rgb(42,5,160)
```

Tone Color Variation

Below, you can see how #311293 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
#112e74 Deuteranomaly 6% of men, 0.4% of women
#113062 Tritanomaly 0.01% of the population

#311293 hex color

#311293 Color Information

#311293 Color Conversion

Color Schemes with #311293

Alternatives to #311293

#311293 Preview

Shades and Tints of #311293

Tones of #311293

Color Blindness Simulator