#311e98 hex color

In a RGB color space, hex #311e98 is composed of 19.2% red, 11.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 80.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 249.3 degrees, a saturation of 67% and a lightness of 35.7%. #311e98 color hex could be obtained by blending #623cff with #000031. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 12
- B 60
RGB color chart
- C 68
- M 80
- Y 0
- K 40
CMYK color chart

● #311e98 color description : Dark blue.

The hexadecimal color #311e98 has RGB values of R:49, G:30, B:152 and CMYK values of C:0.68, M:0.8, Y:0, K:0.4. Its decimal value is 3219096.

Hex triplet	311e98	`#311e98`
RGB Decimal	49, 30, 152	`rgb(49,30,152)`
RGB Percent	19.2, 11.8, 59.6	`rgb(19.2%,11.8%,59.6%)`
CMYK	68, 80, 0, 40
HSL	249.3°, 67, 35.7	`hsl(249.3,67%,35.7%)`
HSV (or HSB)	249.3°, 80.3, 59.6
Web Safe	333399	`#333399`

CIE-LAB	23.163, 44.669, -62.702
XYZ	7.397, 3.848, 30.057
xyY	0.179, 0.093, 3.848
CIE-LCH	23.163, 76.986, 305.467
CIE-LUV	23.163, -2.198, -73.868
Hunter-Lab	19.617, 32.981, -77.113
Binary	00110001, 00011110, 10011000

#311e98
```
#311e98 rgb(49,30,152)
```
#85981e
```
#85981e rgb(133,152,30)
```

Complementary Color

#1e4898
```
#1e4898 rgb(30,72,152)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#6e1e98
```
#6e1e98 rgb(110,30,152)
```

Analogous Color

#48981e
```
#48981e rgb(72,152,30)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#986e1e
```
#986e1e rgb(152,110,30)
```

Split Complementary Color

#1e9831
```
#1e9831 rgb(30,152,49)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#98311e
```
#98311e rgb(152,49,30)
```

Triadic Color

#1e8598
```
#1e8598 rgb(30,133,152)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#98311e
```
#98311e rgb(152,49,30)
```
#85981e
```
#85981e rgb(133,152,30)
```

Tetradic Color

#1c1158
```
#1c1158 rgb(28,17,88)
```
#23166d
```
#23166d rgb(35,22,109)
```
#2a1a83
```
#2a1a83 rgb(42,26,131)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#3822ad
```
#3822ad rgb(56,34,173)
```
#3f26c3
```
#3f26c3 rgb(63,38,195)
```
#472dd6
```
#472dd6 rgb(71,45,214)
```

Monochromatic Color

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

#1e2a98
```
#1e2a98 rgb(30,42,152)
```
#1e1f98
```
#1e1f98 rgb(30,31,152)
```
#271e98
```
#271e98 rgb(39,30,152)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#3b1e98
```
#3b1e98 rgb(59,30,152)
```
#451e98
```
#451e98 rgb(69,30,152)
```
#4f1e98
```
#4f1e98 rgb(79,30,152)
```

Similar Colors

Text with hexadecimal color #311e98

This text has a font color of #311e98.

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

#311e98 background color

This paragraph has a background color of #311e98.

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

#311e98 border color

This element has a border color of #311e98.

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

CSS codes

.text {color:#311e98;}

.background {background-color:#311e98;}

.border {border:1px solid #311e98;}

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

#010105
```
#010105 rgb(1,1,5)
```
#070415
```
#070415 rgb(7,4,21)
```
#0c0725
```
#0c0725 rgb(12,7,37)
```
#110b36
```
#110b36 rgb(17,11,54)
```
#170e46
```
#170e46 rgb(23,14,70)
```
#1c1156
```
#1c1156 rgb(28,17,86)
```
#211467
```
#211467 rgb(33,20,103)
```
#261877
```
#261877 rgb(38,24,119)
```
#2c1b88
```
#2c1b88 rgb(44,27,136)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#3621a8
```
#3621a8 rgb(54,33,168)
```
#3c24b9
```
#3c24b9 rgb(60,36,185)
```
#4128c9
```
#4128c9 rgb(65,40,201)
```

Shade Color Variation

#492fd6
```
#492fd6 rgb(73,47,214)
```
#573fd9
```
#573fd9 rgb(87,63,217)
```
#654fdc
```
#654fdc rgb(101,79,220)
```
#7460e0
```
#7460e0 rgb(116,96,224)
```
#8270e3
```
#8270e3 rgb(130,112,227)
```
#9081e6
```
#9081e6 rgb(144,129,230)
```
#9f91e9
```
#9f91e9 rgb(159,145,233)
```
#ada1ed
```
#ada1ed rgb(173,161,237)
```
#bbb2f0
```
#bbb2f0 rgb(187,178,240)
```
#cac2f3
```
#cac2f3 rgb(202,194,243)
```
#d8d2f6
```
#d8d2f6 rgb(216,210,246)
```
#e6e3f9
```
#e6e3f9 rgb(230,227,249)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#585660
```
#585660 rgb(88,86,96)
```
#534f67
```
#534f67 rgb(83,79,103)
```
#4e486e
```
#4e486e rgb(78,72,110)
```
#494175
```
#494175 rgb(73,65,117)
```
#443a7c
```
#443a7c rgb(68,58,124)
```
#3f3383
```
#3f3383 rgb(63,51,131)
```
#3b2c8a
```
#3b2c8a rgb(59,44,138)
```
#362591
```
#362591 rgb(54,37,145)
```
#311e98
```
#311e98 rgb(49,30,152)
```
#2c179f
```
#2c179f rgb(44,23,159)
```
#2710a6
```
#2710a6 rgb(39,16,166)
```
#2309ad
```
#2309ad rgb(35,9,173)
```
#1e02b4
```
#1e02b4 rgb(30,2,180)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436b Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#113386 Protanomaly 1% of men, 0.01% of women
#11357b Deuteranomaly 6% of men, 0.4% of women
#113867 Tritanomaly 0.01% of the population

#311e98 hex color

#311e98 Color Information

#311e98 Color Conversion

Color Schemes with #311e98

Alternatives to #311e98

#311e98 Preview

Shades and Tints of #311e98

Tones of #311e98

Color Blindness Simulator