#311e9a hex color

In a RGB color space, hex #311e9a is composed of 19.2% red, 11.8% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 80.5% magenta, 0% yellow and 39.6% black. It has a hue angle of 249.2 degrees, a saturation of 67.4% and a lightness of 36.1%. #311e9a color hex could be obtained by blending #623cff with #000035. Closest websafe color is: #333399.

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

● #311e9a color description : Dark blue.

The hexadecimal color #311e9a has RGB values of R:49, G:30, B:154 and CMYK values of C:0.68, M:0.81, Y:0, K:0.4. Its decimal value is 3219098.

Hex triplet	311e9a	`#311e9a`
RGB Decimal	49, 30, 154	`rgb(49,30,154)`
RGB Percent	19.2, 11.8, 60.4	`rgb(19.2%,11.8%,60.4%)`
CMYK	68, 81, 0, 40
HSL	249.2°, 67.4, 36.1	`hsl(249.2,67.4%,36.1%)`
HSV (or HSB)	249.2°, 80.5, 60.4
Web Safe	333399	`#333399`

CIE-LAB	23.386, 45.286, -63.562
XYZ	7.563, 3.914, 30.927
xyY	0.178, 0.092, 3.914
CIE-LCH	23.386, 78.045, 305.469
CIE-LUV	23.386, -2.328, -75.048
Hunter-Lab	19.784, 33.608, -78.833
Binary	00110001, 00011110, 10011010

#311e9a
```
#311e9a rgb(49,30,154)
```
#879a1e
```
#879a1e rgb(135,154,30)
```

Complementary Color

#1e499a
```
#1e499a rgb(30,73,154)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#6f1e9a
```
#6f1e9a rgb(111,30,154)
```

Analogous Color

#499a1e
```
#499a1e rgb(73,154,30)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#9a6f1e
```
#9a6f1e rgb(154,111,30)
```

Split Complementary Color

#1e9a31
```
#1e9a31 rgb(30,154,49)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#9a311e
```
#9a311e rgb(154,49,30)
```

Triadic Color

#1e879a
```
#1e879a rgb(30,135,154)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#9a311e
```
#9a311e rgb(154,49,30)
```
#879a1e
```
#879a1e rgb(135,154,30)
```

Tetradic Color

#1d125a
```
#1d125a rgb(29,18,90)
```
#23166f
```
#23166f rgb(35,22,111)
```
#2a1a85
```
#2a1a85 rgb(42,26,133)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#3822af
```
#3822af rgb(56,34,175)
```
#3f26c5
```
#3f26c5 rgb(63,38,197)
```
#482ed6
```
#482ed6 rgb(72,46,214)
```

Monochromatic Color

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

#1e2a9a
```
#1e2a9a rgb(30,42,154)
```
#1e209a
```
#1e209a rgb(30,32,154)
```
#271e9a
```
#271e9a rgb(39,30,154)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#3b1e9a
```
#3b1e9a rgb(59,30,154)
```
#461e9a
```
#461e9a rgb(70,30,154)
```
#501e9a
```
#501e9a rgb(80,30,154)
```

Similar Colors

Text with hexadecimal color #311e9a

This text has a font color of #311e9a.

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

#311e9a background color

This paragraph has a background color of #311e9a.

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

#311e9a border color

This element has a border color of #311e9a.

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

CSS codes

.text {color:#311e9a;}

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

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

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 #f6f5fd is the lightest one.

#020106
```
#020106 rgb(2,1,6)
```
#070417
```
#070417 rgb(7,4,23)
```
#0c0827
```
#0c0827 rgb(12,8,39)
```
#120b37
```
#120b37 rgb(18,11,55)
```
#170e48
```
#170e48 rgb(23,14,72)
```
#1c1158
```
#1c1158 rgb(28,17,88)
```
#211469
```
#211469 rgb(33,20,105)
```
#271879
```
#271879 rgb(39,24,121)
```
#2c1b8a
```
#2c1b8a rgb(44,27,138)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#3621aa
```
#3621aa rgb(54,33,170)
```
#3b24bb
```
#3b24bb rgb(59,36,187)
```
#4128cb
```
#4128cb rgb(65,40,203)
```

Shade Color Variation

#4930d7
```
#4930d7 rgb(73,48,215)
```
#5840da
```
#5840da rgb(88,64,218)
```
#6651dd
```
#6651dd rgb(102,81,221)
```
#7561e0
```
#7561e0 rgb(117,97,224)
```
#8371e3
```
#8371e3 rgb(131,113,227)
```
#9182e7
```
#9182e7 rgb(145,130,231)
```
#a092ea
```
#a092ea rgb(160,146,234)
```
#aea3ed
```
#aea3ed rgb(174,163,237)
```
#bdb3f0
```
#bdb3f0 rgb(189,179,240)
```
#cbc4f3
```
#cbc4f3 rgb(203,196,243)
```
#d9d4f7
```
#d9d4f7 rgb(217,212,247)
```
#e8e4fa
```
#e8e4fa rgb(232,228,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#585761
```
#585761 rgb(88,87,97)
```
#535068
```
#535068 rgb(83,80,104)
```
#4e4870
```
#4e4870 rgb(78,72,112)
```
#4a4177
```
#4a4177 rgb(74,65,119)
```
#453a7e
```
#453a7e rgb(69,58,126)
```
#403385
```
#403385 rgb(64,51,133)
```
#3b2c8c
```
#3b2c8c rgb(59,44,140)
```
#362593
```
#362593 rgb(54,37,147)
```
#311e9a
```
#311e9a rgb(49,30,154)
```
#2c17a1
```
#2c17a1 rgb(44,23,161)
```
#2710a8
```
#2710a8 rgb(39,16,168)
```
#2209af
```
#2209af rgb(34,9,175)
```
#1d02b6
```
#1d02b6 rgb(29,2,182)
```

Tone Color Variation

Below, you can see how #311e9a 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
#322e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436c Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#113387 Protanomaly 1% of men, 0.01% of women
#11367c Deuteranomaly 6% of men, 0.4% of women
#113968 Tritanomaly 0.01% of the population

#311e9a hex color

#311e9a Color Information

#311e9a Color Conversion

Color Schemes with #311e9a

Alternatives to #311e9a

#311e9a Preview

Shades and Tints of #311e9a

Tones of #311e9a

Color Blindness Simulator