#311193 hex color

In a RGB color space, hex #311193 is composed of 19.2% red, 6.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 88.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 254.8 degrees, a saturation of 79.3% and a lightness of 32.2%. #311193 color hex could be obtained by blending #6222ff 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

● #311193 color description : Dark blue.

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

Hex triplet	311193	`#311193`
RGB Decimal	49, 17, 147	`rgb(49,17,147)`
RGB Percent	19.2, 6.7, 57.6	`rgb(19.2%,6.7%,57.6%)`
CMYK	67, 88, 0, 42
HSL	254.8°, 79.3, 32.2	`hsl(254.8,79.3%,32.2%)`
HSV (or HSB)	254.8°, 88.4, 57.6
Web Safe	330099	`#330099`

CIE-LAB	20.674, 48.8, -63.735
XYZ	6.733, 3.16, 27.857
xyY	0.178, 0.084, 3.16
CIE-LCH	20.674, 80.272, 307.44
CIE-LUV	20.674, -0.612, -70.363
Hunter-Lab	17.777, 36.493, -80.467
Binary	00110001, 00010001, 10010011

#311193
```
#311193 rgb(49,17,147)
```
#739311
```
#739311 rgb(115,147,17)
```

Complementary Color

#113293
```
#113293 rgb(17,50,147)
```
#311193
```
#311193 rgb(49,17,147)
```
#721193
```
#721193 rgb(114,17,147)
```

Analogous Color

#329311
```
#329311 rgb(50,147,17)
```
#311193
```
#311193 rgb(49,17,147)
```
#937211
```
#937211 rgb(147,114,17)
```

Split Complementary Color

#119331
```
#119331 rgb(17,147,49)
```
#311193
```
#311193 rgb(49,17,147)
```
#933111
```
#933111 rgb(147,49,17)
```

Triadic Color

#117393
```
#117393 rgb(17,115,147)
```
#311193
```
#311193 rgb(49,17,147)
```
#933111
```
#933111 rgb(147,49,17)
```
#739311
```
#739311 rgb(115,147,17)
```

Tetradic Color

#1a094e
```
#1a094e rgb(26,9,78)
```
#220c65
```
#220c65 rgb(34,12,101)
```
#290e7c
```
#290e7c rgb(41,14,124)
```
#311193
```
#311193 rgb(49,17,147)
```
#3914aa
```
#3914aa rgb(57,20,170)
```
#4016c1
```
#4016c1 rgb(64,22,193)
```
#4819d8
```
#4819d8 rgb(72,25,216)
```

Monochromatic Color

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

#111293
```
#111293 rgb(17,18,147)
```
#1b1193
```
#1b1193 rgb(27,17,147)
```
#261193
```
#261193 rgb(38,17,147)
```
#311193
```
#311193 rgb(49,17,147)
```
#3c1193
```
#3c1193 rgb(60,17,147)
```
#471193
```
#471193 rgb(71,17,147)
```
#511193
```
#511193 rgb(81,17,147)
```

Similar Colors

Text with hexadecimal color #311193

This text has a font color of #311193.

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

#311193 background color

This paragraph has a background color of #311193.

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

#311193 border color

This element has a border color of #311193.

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

CSS codes

.text {color:#311193;}

.background {background-color:#311193;}

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

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

#020106
```
#020106 rgb(2,1,6)
```
#080318
```
#080318 rgb(8,3,24)
```
#0e052a
```
#0e052a rgb(14,5,42)
```
#14073b
```
#14073b rgb(20,7,59)
```
#1a094d
```
#1a094d rgb(26,9,77)
```
#1f0b5e
```
#1f0b5e rgb(31,11,94)
```
#250d70
```
#250d70 rgb(37,13,112)
```
#2b0f81
```
#2b0f81 rgb(43,15,129)
```
#311193
```
#311193 rgb(49,17,147)
```
#3713a5
```
#3713a5 rgb(55,19,165)
```
#3d15b6
```
#3d15b6 rgb(61,21,182)
```
#4317c8
```
#4317c8 rgb(67,23,200)
```
#4819d9
```
#4819d9 rgb(72,25,217)
```

Shade Color Variation

#5121e5
```
#5121e5 rgb(81,33,229)
```
#5f32e7
```
#5f32e7 rgb(95,50,231)
```
#6d44e9
```
#6d44e9 rgb(109,68,233)
```
#7a56eb
```
#7a56eb rgb(122,86,235)
```
#8867ed
```
#8867ed rgb(136,103,237)
```
#9679ef
```
#9679ef rgb(150,121,239)
```
#a48af2
```
#a48af2 rgb(164,138,242)
```
#b19cf4
```
#b19cf4 rgb(177,156,244)
```
#bfadf6
```
#bfadf6 rgb(191,173,246)
```
#cdbff8
```
#cdbff8 rgb(205,191,248)
```
#dbd1fa
```
#dbd1fa rgb(219,209,250)
```
#e8e2fc
```
#e8e2fc rgb(232,226,252)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#515054
```
#515054 rgb(81,80,84)
```
#4e4a5a
```
#4e4a5a rgb(78,74,90)
```
#4b4361
```
#4b4361 rgb(75,67,97)
```
#473d67
```
#473d67 rgb(71,61,103)
```
#44376d
```
#44376d rgb(68,55,109)
```
#413173
```
#413173 rgb(65,49,115)
```
#3e2a7a
```
#3e2a7a rgb(62,42,122)
```
#3b2480
```
#3b2480 rgb(59,36,128)
```
#371e86
```
#371e86 rgb(55,30,134)
```
#34178d
```
#34178d rgb(52,23,141)
```
#311193
```
#311193 rgb(49,17,147)
```
#2e0b99
```
#2e0b99 rgb(46,11,153)
```
#2b04a0
```
#2b04a0 rgb(43,4,160)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b243e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e62 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#112b7e Protanomaly 1% of men, 0.01% of women
#112d74 Deuteranomaly 6% of men, 0.4% of women
#113062 Tritanomaly 0.01% of the population

#311193 hex color

#311193 Color Information

#311193 Color Conversion

Color Schemes with #311193

Alternatives to #311193

#311193 Preview

Shades and Tints of #311193

Tones of #311193

Color Blindness Simulator