#311d9f hex color

In a RGB color space, hex #311d9f is composed of 19.2% red, 11.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 81.8% magenta, 0% yellow and 37.6% black. It has a hue angle of 249.2 degrees, a saturation of 69.1% and a lightness of 36.9%. #311d9f color hex could be obtained by blending #623aff with #00003f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 62
RGB color chart
- C 69
- M 82
- Y 0
- K 38
CMYK color chart

● #311d9f color description : Dark blue.

The hexadecimal color #311d9f has RGB values of R:49, G:29, B:159 and CMYK values of C:0.69, M:0.82, Y:0, K:0.38. Its decimal value is 3218847.

Hex triplet	311d9f	`#311d9f`
RGB Decimal	49, 29, 159	`rgb(49,29,159)`
RGB Percent	19.2, 11.4, 62.4	`rgb(19.2%,11.4%,62.4%)`
CMYK	69, 82, 0, 38
HSL	249.2°, 69.1, 36.9	`hsl(249.2,69.1%,36.9%)`
HSV (or HSB)	249.2°, 81.8, 62.4
Web Safe	333399	`#333399`

CIE-LAB	23.785, 47.294, -65.962
XYZ	7.963, 4.035, 33.158
xyY	0.176, 0.089, 4.035
CIE-LCH	23.785, 81.165, 305.64
CIE-LUV	23.785, -2.535, -77.965
Hunter-Lab	20.086, 35.613, -83.815
Binary	00110001, 00011101, 10011111

#311d9f
```
#311d9f rgb(49,29,159)
```
#8b9f1d
```
#8b9f1d rgb(139,159,29)
```

Complementary Color

#1d4a9f
```
#1d4a9f rgb(29,74,159)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#721d9f
```
#721d9f rgb(114,29,159)
```

Analogous Color

#4a9f1d
```
#4a9f1d rgb(74,159,29)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#9f721d
```
#9f721d rgb(159,114,29)
```

Split Complementary Color

#1d9f31
```
#1d9f31 rgb(29,159,49)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#9f311d
```
#9f311d rgb(159,49,29)
```

Triadic Color

#1d8b9f
```
#1d8b9f rgb(29,139,159)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#9f311d
```
#9f311d rgb(159,49,29)
```
#8b9f1d
```
#8b9f1d rgb(139,159,29)
```

Tetradic Color

#1d115e
```
#1d115e rgb(29,17,94)
```
#241574
```
#241574 rgb(36,21,116)
```
#2a1989
```
#2a1989 rgb(42,25,137)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#3821b5
```
#3821b5 rgb(56,33,181)
```
#3e25ca
```
#3e25ca rgb(62,37,202)
```
#492fd9
```
#492fd9 rgb(73,47,217)
```

Monochromatic Color

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

#1d2a9f
```
#1d2a9f rgb(29,42,159)
```
#1d1f9f
```
#1d1f9f rgb(29,31,159)
```
#261d9f
```
#261d9f rgb(38,29,159)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#3c1d9f
```
#3c1d9f rgb(60,29,159)
```
#471d9f
```
#471d9f rgb(71,29,159)
```
#511d9f
```
#511d9f rgb(81,29,159)
```

Similar Colors

Text with hexadecimal color #311d9f

This text has a font color of #311d9f.

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

#311d9f background color

This paragraph has a background color of #311d9f.

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

#311d9f border color

This element has a border color of #311d9f.

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

CSS codes

.text {color:#311d9f;}

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

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

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

#03020a
```
#03020a rgb(3,2,10)
```
#08051a
```
#08051a rgb(8,5,26)
```
#0d082b
```
#0d082b rgb(13,8,43)
```
#120b3b
```
#120b3b rgb(18,11,59)
```
#170e4c
```
#170e4c rgb(23,14,76)
```
#1d115d
```
#1d115d rgb(29,17,93)
```
#22146d
```
#22146d rgb(34,20,109)
```
#27177e
```
#27177e rgb(39,23,126)
```
#2c1a8e
```
#2c1a8e rgb(44,26,142)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#3620b0
```
#3620b0 rgb(54,32,176)
```
#3b23c0
```
#3b23c0 rgb(59,35,192)
```
#4026d1
```
#4026d1 rgb(64,38,209)
```

Shade Color Variation

#4b31d9
```
#4b31d9 rgb(75,49,217)
```
#5942dc
```
#5942dc rgb(89,66,220)
```
#6852df
```
#6852df rgb(104,82,223)
```
#7663e3
```
#7663e3 rgb(118,99,227)
```
#8573e6
```
#8573e6 rgb(133,115,230)
```
#9384e9
```
#9384e9 rgb(147,132,233)
```
#a295ec
```
#a295ec rgb(162,149,236)
```
#b0a5ef
```
#b0a5ef rgb(176,165,239)
```
#bfb6f2
```
#bfb6f2 rgb(191,182,242)
```
#cdc6f5
```
#cdc6f5 rgb(205,198,245)
```
#dcd7f8
```
#dcd7f8 rgb(220,215,248)
```
#eae8fb
```
#eae8fb rgb(234,232,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#595765
```
#595765 rgb(89,87,101)
```
#54506c
```
#54506c rgb(84,80,108)
```
#4f4874
```
#4f4874 rgb(79,72,116)
```
#4a417b
```
#4a417b rgb(74,65,123)
```
#453a82
```
#453a82 rgb(69,58,130)
```
#403389
```
#403389 rgb(64,51,137)
```
#3b2b91
```
#3b2b91 rgb(59,43,145)
```
#362498
```
#362498 rgb(54,36,152)
```
#311d9f
```
#311d9f rgb(49,29,159)
```
#2c16a6
```
#2c16a6 rgb(44,22,166)
```
#270fad
```
#270fad rgb(39,15,173)
```
#2207b5
```
#2207b5 rgb(34,7,181)
```
#1d00bc
```
#1d00bc rgb(29,0,188)
```

Tone Color Variation

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

Dichromacy

#00417e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#11338a Protanomaly 1% of men, 0.01% of women
#11367f Deuteranomaly 6% of men, 0.4% of women
#11396b Tritanomaly 0.01% of the population

#311d9f hex color

#311d9f Color Information

#311d9f Color Conversion

Color Schemes with #311d9f

Alternatives to #311d9f

#311d9f Preview

Shades and Tints of #311d9f

Tones of #311d9f

Color Blindness Simulator