#311d7d hex color

In a RGB color space, hex #311d7d is composed of 19.2% red, 11.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 76.8% magenta, 0% yellow and 51% black. It has a hue angle of 252.5 degrees, a saturation of 62.3% and a lightness of 30.2%. #311d7d color hex could be obtained by blending #623afa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 11
- B 49
RGB color chart
- C 61
- M 77
- Y 0
- K 51
CMYK color chart

● #311d7d color description : Dark blue.

The hexadecimal color #311d7d has RGB values of R:49, G:29, B:125 and CMYK values of C:0.61, M:0.77, Y:0, K:0.51. Its decimal value is 3218813.

Hex triplet	311d7d	`#311d7d`
RGB Decimal	49, 29, 125	`rgb(49,29,125)`
RGB Percent	19.2, 11.4, 49	`rgb(19.2%,11.4%,49%)`
CMYK	61, 77, 0, 51
HSL	252.5°, 62.3, 30.2	`hsl(252.5,62.3%,30.2%)`
HSV (or HSB)	252.5°, 76.8, 49
Web Safe	333366	`#333366`

CIE-LAB	20.093, 36.726, -50.884
XYZ	5.407, 3.012, 19.697
xyY	0.192, 0.107, 3.012
CIE-LCH	20.093, 62.754, 305.82
CIE-LUV	20.093, -0.171, -57.771
Hunter-Lab	17.356, 25.237, -55.141
Binary	00110001, 00011101, 01111101

#311d7d
```
#311d7d rgb(49,29,125)
```
#697d1d
```
#697d1d rgb(105,125,29)
```

Complementary Color

#1d397d
```
#1d397d rgb(29,57,125)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#611d7d
```
#611d7d rgb(97,29,125)
```

Analogous Color

#397d1d
```
#397d1d rgb(57,125,29)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#7d611d
```
#7d611d rgb(125,97,29)
```

Split Complementary Color

#1d7d31
```
#1d7d31 rgb(29,125,49)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#7d311d
```
#7d311d rgb(125,49,29)
```

Triadic Color

#1d697d
```
#1d697d rgb(29,105,125)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#7d311d
```
#7d311d rgb(125,49,29)
```
#697d1d
```
#697d1d rgb(105,125,29)
```

Tetradic Color

#190f3f
```
#190f3f rgb(25,15,63)
```
#211354
```
#211354 rgb(33,19,84)
```
#291868
```
#291868 rgb(41,24,104)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#392292
```
#392292 rgb(57,34,146)
```
#4127a6
```
#4127a6 rgb(65,39,166)
```
#492bbb
```
#492bbb rgb(73,43,187)
```

Monochromatic Color

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

#1d217d
```
#1d217d rgb(29,33,125)
```
#211d7d
```
#211d7d rgb(33,29,125)
```
#291d7d
```
#291d7d rgb(41,29,125)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#391d7d
```
#391d7d rgb(57,29,125)
```
#411d7d
```
#411d7d rgb(65,29,125)
```
#491d7d
```
#491d7d rgb(73,29,125)
```

Similar Colors

Text with hexadecimal color #311d7d

This text has a font color of #311d7d.

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

#311d7d background color

This paragraph has a background color of #311d7d.

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

#311d7d border color

This element has a border color of #311d7d.

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

CSS codes

.text {color:#311d7d;}

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

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

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, #05030e is the darkest color, while #fdfdfe is the lightest one.

#05030e
```
#05030e rgb(5,3,14)
```
#0c071d
```
#0c071d rgb(12,7,29)
```
#120b2d
```
#120b2d rgb(18,11,45)
```
#180e3d
```
#180e3d rgb(24,14,61)
```
#1e124d
```
#1e124d rgb(30,18,77)
```
#25165d
```
#25165d rgb(37,22,93)
```
#2b196d
```
#2b196d rgb(43,25,109)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#37218d
```
#37218d rgb(55,33,141)
```
#3d249d
```
#3d249d rgb(61,36,157)
```
#4428ad
```
#4428ad rgb(68,40,173)
```
#4a2cbd
```
#4a2cbd rgb(74,44,189)
```
#502fcd
```
#502fcd rgb(80,47,205)
```

Shade Color Variation

#5d3ed2
```
#5d3ed2 rgb(93,62,210)
```
#6a4dd6
```
#6a4dd6 rgb(106,77,214)
```
#775dda
```
#775dda rgb(119,93,218)
```
#856ddd
```
#856ddd rgb(133,109,221)
```
#927de1
```
#927de1 rgb(146,125,225)
```
#9f8de5
```
#9f8de5 rgb(159,141,229)
```
#ad9de8
```
#ad9de8 rgb(173,157,232)
```
#baadec
```
#baadec rgb(186,173,236)
```
#c8bdf0
```
#c8bdf0 rgb(200,189,240)
```
#d5cdf3
```
#d5cdf3 rgb(213,205,243)
```
#e2ddf7
```
#e2ddf7 rgb(226,221,247)
```
#f0edfb
```
#f0edfb rgb(240,237,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4d4c4e
```
#4d4c4e rgb(77,76,78)
```
#494654
```
#494654 rgb(73,70,84)
```
#464159
```
#464159 rgb(70,65,89)
```
#423b5f
```
#423b5f rgb(66,59,95)
```
#3f3565
```
#3f3565 rgb(63,53,101)
```
#3b2f6b
```
#3b2f6b rgb(59,47,107)
```
#382971
```
#382971 rgb(56,41,113)
```
#342377
```
#342377 rgb(52,35,119)
```
#311d7d
```
#311d7d rgb(49,29,125)
```
#2e1783
```
#2e1783 rgb(46,23,131)
```
#2a1189
```
#2a1189 rgb(42,17,137)
```
#270b8f
```
#270b8f rgb(39,11,143)
```
#230595
```
#230595 rgb(35,5,149)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2b3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#144045 Tritanopia 0.001% of the population

Trichromacy

#112f74 Protanomaly 1% of men, 0.01% of women
#11316b Deuteranomaly 6% of men, 0.4% of women
#1e3359 Tritanomaly 0.01% of the population

#311d7d hex color

#311d7d Color Information

#311d7d Color Conversion

Color Schemes with #311d7d

Alternatives to #311d7d

#311d7d Preview

Shades and Tints of #311d7d

Tones of #311d7d

Color Blindness Simulator