#311197 hex color

In a RGB color space, hex #311197 is composed of 19.2% red, 6.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 88.7% magenta, 0% yellow and 40.8% black. It has a hue angle of 254.3 degrees, a saturation of 79.8% and a lightness of 32.9%. #311197 color hex could be obtained by blending #6222ff with #00002f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 7
- B 59
RGB color chart
- C 68
- M 89
- Y 0
- K 41
CMYK color chart

● #311197 color description : Dark blue.

The hexadecimal color #311197 has RGB values of R:49, G:17, B:151 and CMYK values of C:0.68, M:0.89, Y:0, K:0.41. Its decimal value is 3215767.

Hex triplet	311197	`#311197`
RGB Decimal	49, 17, 151	`rgb(49,17,151)`
RGB Percent	19.2, 6.7, 59.2	`rgb(19.2%,6.7%,59.2%)`
CMYK	68, 89, 0, 41
HSL	254.3°, 79.8, 32.9	`hsl(254.3,79.8%,32.9%)`
HSV (or HSB)	254.3°, 88.7, 59.2
Web Safe	330099	`#330099`

CIE-LAB	21.162, 49.919, -65.4
XYZ	7.052, 3.288, 29.539
xyY	0.177, 0.082, 3.288
CIE-LCH	21.162, 82.275, 307.354
CIE-LUV	21.162, -0.905, -72.695
Hunter-Lab	18.133, 37.688, -83.895
Binary	00110001, 00010001, 10010111

#311197
```
#311197 rgb(49,17,151)
```
#779711
```
#779711 rgb(119,151,17)
```

Complementary Color

#113497
```
#113497 rgb(17,52,151)
```
#311197
```
#311197 rgb(49,17,151)
```
#741197
```
#741197 rgb(116,17,151)
```

Analogous Color

#349711
```
#349711 rgb(52,151,17)
```
#311197
```
#311197 rgb(49,17,151)
```
#977411
```
#977411 rgb(151,116,17)
```

Split Complementary Color

#119731
```
#119731 rgb(17,151,49)
```
#311197
```
#311197 rgb(49,17,151)
```
#973111
```
#973111 rgb(151,49,17)
```

Triadic Color

#117797
```
#117797 rgb(17,119,151)
```
#311197
```
#311197 rgb(49,17,151)
```
#973111
```
#973111 rgb(151,49,17)
```
#779711
```
#779711 rgb(119,151,17)
```

Tetradic Color

#1b0952
```
#1b0952 rgb(27,9,82)
```
#220c69
```
#220c69 rgb(34,12,105)
```
#2a0e80
```
#2a0e80 rgb(42,14,128)
```
#311197
```
#311197 rgb(49,17,151)
```
#3814ae
```
#3814ae rgb(56,20,174)
```
#4016c5
```
#4016c5 rgb(64,22,197)
```
#4719dc
```
#4719dc rgb(71,25,220)
```

Monochromatic Color

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

#111297
```
#111297 rgb(17,18,151)
```
#1b1197
```
#1b1197 rgb(27,17,151)
```
#261197
```
#261197 rgb(38,17,151)
```
#311197
```
#311197 rgb(49,17,151)
```
#3c1197
```
#3c1197 rgb(60,17,151)
```
#471197
```
#471197 rgb(71,17,151)
```
#531197
```
#531197 rgb(83,17,151)
```

Similar Colors

Text with hexadecimal color #311197

This text has a font color of #311197.

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

#311197 background color

This paragraph has a background color of #311197.

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

#311197 border color

This element has a border color of #311197.

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

CSS codes

.text {color:#311197;}

.background {background-color:#311197;}

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

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, #03010a is the darkest color, while #f9f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#09031c
```
#09031c rgb(9,3,28)
```
#0f052d
```
#0f052d rgb(15,5,45)
```
#14073f
```
#14073f rgb(20,7,63)
```
#1a0950
```
#1a0950 rgb(26,9,80)
```
#200b62
```
#200b62 rgb(32,11,98)
```
#260d74
```
#260d74 rgb(38,13,116)
```
#2b0f85
```
#2b0f85 rgb(43,15,133)
```
#311197
```
#311197 rgb(49,17,151)
```
#3713a9
```
#3713a9 rgb(55,19,169)
```
#3c15ba
```
#3c15ba rgb(60,21,186)
```
#4217cc
```
#4217cc rgb(66,23,204)
```
#4819de
```
#4819de rgb(72,25,222)
```

Shade Color Variation

#5224e6
```
#5224e6 rgb(82,36,230)
```
#6035e8
```
#6035e8 rgb(96,53,232)
```
#6e47ea
```
#6e47ea rgb(110,71,234)
```
#7c59ec
```
#7c59ec rgb(124,89,236)
```
#8a6aee
```
#8a6aee rgb(138,106,238)
```
#987cf0
```
#987cf0 rgb(152,124,240)
```
#a68ef2
```
#a68ef2 rgb(166,142,242)
```
#b39ff4
```
#b39ff4 rgb(179,159,244)
```
#c1b1f6
```
#c1b1f6 rgb(193,177,246)
```
#cfc2f8
```
#cfc2f8 rgb(207,194,248)
```
#ddd4fa
```
#ddd4fa rgb(221,212,250)
```
#ebe6fc
```
#ebe6fc rgb(235,230,252)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#535256
```
#535256 rgb(83,82,86)
```
#4f4b5d
```
#4f4b5d rgb(79,75,93)
```
#4c4563
```
#4c4563 rgb(76,69,99)
```
#493e6a
```
#493e6a rgb(73,62,106)
```
#453870
```
#453870 rgb(69,56,112)
```
#423177
```
#423177 rgb(66,49,119)
```
#3f2b7d
```
#3f2b7d rgb(63,43,125)
```
#3b2484
```
#3b2484 rgb(59,36,132)
```
#381e8a
```
#381e8a rgb(56,30,138)
```
#341791
```
#341791 rgb(52,23,145)
```
#311197
```
#311197 rgb(49,17,151)
```
#2e0b9d
```
#2e0b9d rgb(46,11,157)
```
#2a04a4
```
#2a04a4 rgb(42,4,164)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#112c80 Protanomaly 1% of men, 0.01% of women
#112e76 Deuteranomaly 6% of men, 0.4% of women
#113164 Tritanomaly 0.01% of the population

#311197 hex color

#311197 Color Information

#311197 Color Conversion

Color Schemes with #311197

Alternatives to #311197

#311197 Preview

Shades and Tints of #311197

Tones of #311197

Color Blindness Simulator