#311d9d hex color

In a RGB color space, hex #311d9d is composed of 19.2% red, 11.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 81.5% magenta, 0% yellow and 38.4% black. It has a hue angle of 249.4 degrees, a saturation of 68.8% and a lightness of 36.5%. #311d9d color hex could be obtained by blending #623aff with #00003b. 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

● #311d9d color description : Dark blue.

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

Hex triplet	311d9d	`#311d9d`
RGB Decimal	49, 29, 157	`rgb(49,29,157)`
RGB Percent	19.2, 11.4, 61.6	`rgb(19.2%,11.4%,61.6%)`
CMYK	69, 82, 0, 38
HSL	249.4°, 68.8, 36.5	`hsl(249.4,68.8%,36.5%)`
HSV (or HSB)	249.4°, 81.5, 61.6
Web Safe	333399	`#333399`

CIE-LAB	23.558, 46.687, -65.116
XYZ	7.791, 3.966, 32.251
xyY	0.177, 0.09, 3.966
CIE-LCH	23.558, 80.124, 305.64
CIE-LUV	23.558, -2.407, -76.791
Hunter-Lab	19.914, 34.982, -82.082
Binary	00110001, 00011101, 10011101

#311d9d
```
#311d9d rgb(49,29,157)
```
#899d1d
```
#899d1d rgb(137,157,29)
```

Complementary Color

#1d499d
```
#1d499d rgb(29,73,157)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#711d9d
```
#711d9d rgb(113,29,157)
```

Analogous Color

#499d1d
```
#499d1d rgb(73,157,29)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#9d711d
```
#9d711d rgb(157,113,29)
```

Split Complementary Color

#1d9d31
```
#1d9d31 rgb(29,157,49)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#9d311d
```
#9d311d rgb(157,49,29)
```

Triadic Color

#1d899d
```
#1d899d rgb(29,137,157)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#9d311d
```
#9d311d rgb(157,49,29)
```
#899d1d
```
#899d1d rgb(137,157,29)
```

Tetradic Color

#1d115c
```
#1d115c rgb(29,17,92)
```
#241572
```
#241572 rgb(36,21,114)
```
#2a1987
```
#2a1987 rgb(42,25,135)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#3821b3
```
#3821b3 rgb(56,33,179)
```
#3e25c8
```
#3e25c8 rgb(62,37,200)
```
#492ed8
```
#492ed8 rgb(73,46,216)
```

Monochromatic Color

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

#1d299d
```
#1d299d rgb(29,41,157)
```
#1d1e9d
```
#1d1e9d rgb(29,30,157)
```
#261d9d
```
#261d9d rgb(38,29,157)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#3c1d9d
```
#3c1d9d rgb(60,29,157)
```
#461d9d
```
#461d9d rgb(70,29,157)
```
#511d9d
```
#511d9d rgb(81,29,157)
```

Similar Colors

Text with hexadecimal color #311d9d

This text has a font color of #311d9d.

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

#311d9d background color

This paragraph has a background color of #311d9d.

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

#311d9d border color

This element has a border color of #311d9d.

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

CSS codes

.text {color:#311d9d;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#080519
```
#080519 rgb(8,5,25)
```
#0d0829
```
#0d0829 rgb(13,8,41)
```
#120b3a
```
#120b3a rgb(18,11,58)
```
#170e4a
```
#170e4a rgb(23,14,74)
```
#1c115b
```
#1c115b rgb(28,17,91)
```
#21146b
```
#21146b rgb(33,20,107)
```
#27177c
```
#27177c rgb(39,23,124)
```
#2c1a8c
```
#2c1a8c rgb(44,26,140)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#3620ae
```
#3620ae rgb(54,32,174)
```
#3b23be
```
#3b23be rgb(59,35,190)
```
#4126cf
```
#4126cf rgb(65,38,207)
```

Shade Color Variation

#4a30d9
```
#4a30d9 rgb(74,48,217)
```
#5940dc
```
#5940dc rgb(89,64,220)
```
#6751df
```
#6751df rgb(103,81,223)
```
#7561e2
```
#7561e2 rgb(117,97,226)
```
#8472e5
```
#8472e5 rgb(132,114,229)
```
#9283e8
```
#9283e8 rgb(146,131,232)
```
#a193eb
```
#a193eb rgb(161,147,235)
```
#afa4ee
```
#afa4ee rgb(175,164,238)
```
#beb4f1
```
#beb4f1 rgb(190,180,241)
```
#ccc5f4
```
#ccc5f4 rgb(204,197,244)
```
#dbd5f7
```
#dbd5f7 rgb(219,213,247)
```
#e9e6fa
```
#e9e6fa rgb(233,230,250)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#585664
```
#585664 rgb(88,86,100)
```
#534f6b
```
#534f6b rgb(83,79,107)
```
#4f4872
```
#4f4872 rgb(79,72,114)
```
#4a4179
```
#4a4179 rgb(74,65,121)
```
#453a80
```
#453a80 rgb(69,58,128)
```
#403288
```
#403288 rgb(64,50,136)
```
#3b2b8f
```
#3b2b8f rgb(59,43,143)
```
#362496
```
#362496 rgb(54,36,150)
```
#311d9d
```
#311d9d rgb(49,29,157)
```
#2c16a4
```
#2c16a4 rgb(44,22,164)
```
#270fab
```
#270fab rgb(39,15,171)
```
#2208b2
```
#2208b2 rgb(34,8,178)
```
#1d00ba
```
#1d00ba rgb(29,0,186)
```

Tone Color Variation

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

#113388 Protanomaly 1% of men, 0.01% of women
#11367e Deuteranomaly 6% of men, 0.4% of women
#11396a Tritanomaly 0.01% of the population

#311d9d hex color

#311d9d Color Information

#311d9d Color Conversion

Color Schemes with #311d9d

Alternatives to #311d9d

#311d9d Preview

Shades and Tints of #311d9d

Tones of #311d9d

Color Blindness Simulator