#311f9a hex color

In a RGB color space, hex #311f9a is composed of 19.2% red, 12.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 79.9% magenta, 0% yellow and 39.6% black. It has a hue angle of 248.8 degrees, a saturation of 66.5% and a lightness of 36.3%. #311f9a color hex could be obtained by blending #623eff with #000035. 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

● #311f9a color description : Dark blue.

The hexadecimal color #311f9a has RGB values of R:49, G:31, B:154 and CMYK values of C:0.68, M:0.8, Y:0, K:0.4. Its decimal value is 3219354.

Hex triplet	311f9a	`#311f9a`
RGB Decimal	49, 31, 154	`rgb(49,31,154)`
RGB Percent	19.2, 12.2, 60.4	`rgb(19.2%,12.2%,60.4%)`
CMYK	68, 80, 0, 40
HSL	248.8°, 66.5, 36.3	`hsl(248.8,66.5%,36.3%)`
HSV (or HSB)	248.8°, 79.9, 60.4
Web Safe	333399	`#333399`

CIE-LAB	23.558, 44.789, -63.278
XYZ	7.588, 3.966, 30.936
xyY	0.179, 0.093, 3.966
CIE-LCH	23.558, 77.526, 305.292
CIE-LUV	23.558, -2.448, -75.062
Hunter-Lab	19.914, 33.168, -78.165
Binary	00110001, 00011111, 10011010

#311f9a
```
#311f9a rgb(49,31,154)
```
#889a1f
```
#889a1f rgb(136,154,31)
```

Complementary Color

#1f4b9a
```
#1f4b9a rgb(31,75,154)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#6f1f9a
```
#6f1f9a rgb(111,31,154)
```

Analogous Color

#4b9a1f
```
#4b9a1f rgb(75,154,31)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#9a6f1f
```
#9a6f1f rgb(154,111,31)
```

Split Complementary Color

#1f9a31
```
#1f9a31 rgb(31,154,49)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#9a311f
```
#9a311f rgb(154,49,31)
```

Triadic Color

#1f889a
```
#1f889a rgb(31,136,154)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#9a311f
```
#9a311f rgb(154,49,31)
```
#889a1f
```
#889a1f rgb(136,154,31)
```

Tetradic Color

#1d125a
```
#1d125a rgb(29,18,90)
```
#231670
```
#231670 rgb(35,22,112)
```
#2a1b85
```
#2a1b85 rgb(42,27,133)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#3823af
```
#3823af rgb(56,35,175)
```
#3f28c4
```
#3f28c4 rgb(63,40,196)
```
#4830d5
```
#4830d5 rgb(72,48,213)
```

Monochromatic Color

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

#1f2c9a
```
#1f2c9a rgb(31,44,154)
```
#1f229a
```
#1f229a rgb(31,34,154)
```
#271f9a
```
#271f9a rgb(39,31,154)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#3b1f9a
```
#3b1f9a rgb(59,31,154)
```
#461f9a
```
#461f9a rgb(70,31,154)
```
#501f9a
```
#501f9a rgb(80,31,154)
```

Similar Colors

Text with hexadecimal color #311f9a

This text has a font color of #311f9a.

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

#311f9a background color

This paragraph has a background color of #311f9a.

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

#311f9a border color

This element has a border color of #311f9a.

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

CSS codes

.text {color:#311f9a;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#070517
```
#070517 rgb(7,5,23)
```
#0d0828
```
#0d0828 rgb(13,8,40)
```
#120b38
```
#120b38 rgb(18,11,56)
```
#170f48
```
#170f48 rgb(23,15,72)
```
#1c1259
```
#1c1259 rgb(28,18,89)
```
#211569
```
#211569 rgb(33,21,105)
```
#271879
```
#271879 rgb(39,24,121)
```
#2c1c8a
```
#2c1c8a rgb(44,28,138)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#3622aa
```
#3622aa rgb(54,34,170)
```
#3b26bb
```
#3b26bb rgb(59,38,187)
```
#4129cb
```
#4129cb rgb(65,41,203)
```

Shade Color Variation

#4a32d6
```
#4a32d6 rgb(74,50,214)
```
#5842d9
```
#5842d9 rgb(88,66,217)
```
#6752dc
```
#6752dc rgb(103,82,220)
```
#7563e0
```
#7563e0 rgb(117,99,224)
```
#8373e3
```
#8373e3 rgb(131,115,227)
```
#9283e6
```
#9283e6 rgb(146,131,230)
```
#a094e9
```
#a094e9 rgb(160,148,233)
```
#afa4ed
```
#afa4ed rgb(175,164,237)
```
#bdb4f0
```
#bdb4f0 rgb(189,180,240)
```
#ccc5f3
```
#ccc5f3 rgb(204,197,243)
```
#dad5f7
```
#dad5f7 rgb(218,213,247)
```
#e8e5fa
```
#e8e5fa rgb(232,229,250)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#595861
```
#595861 rgb(89,88,97)
```
#545168
```
#545168 rgb(84,81,104)
```
#4f4a6f
```
#4f4a6f rgb(79,74,111)
```
#4a4376
```
#4a4376 rgb(74,67,118)
```
#453b7e
```
#453b7e rgb(69,59,126)
```
#403485
```
#403485 rgb(64,52,133)
```
#3b2d8c
```
#3b2d8c rgb(59,45,140)
```
#362693
```
#362693 rgb(54,38,147)
```
#311f9a
```
#311f9a rgb(49,31,154)
```
#2c18a1
```
#2c18a1 rgb(44,24,161)
```
#2711a8
```
#2711a8 rgb(39,17,168)
```
#220aaf
```
#220aaf rgb(34,10,175)
```
#1d03b6
```
#1d03b6 rgb(29,3,182)
```

Tone Color Variation

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

#00407d Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#113487 Protanomaly 1% of men, 0.01% of women
#11367d Deuteranomaly 6% of men, 0.4% of women
#113969 Tritanomaly 0.01% of the population

#311f9a hex color

#311f9a Color Information

#311f9a Color Conversion

Color Schemes with #311f9a

Alternatives to #311f9a

#311f9a Preview

Shades and Tints of #311f9a

Tones of #311f9a

Color Blindness Simulator