#311a4d hex color

In a RGB color space, hex #311a4d is composed of 19.2% red, 10.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 66.2% magenta, 0% yellow and 69.8% black. It has a hue angle of 267.1 degrees, a saturation of 49.5% and a lightness of 20.2%. #311a4d color hex could be obtained by blending #62349a with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 10
- B 30
RGB color chart
- C 36
- M 66
- Y 0
- K 70
CMYK color chart

● #311a4d color description : Very dark violet.

The hexadecimal color #311a4d has RGB values of R:49, G:26, B:77 and CMYK values of C:0.36, M:0.66, Y:0, K:0.7. Its decimal value is 3217997.

Hex triplet	311a4d	`#311a4d`
RGB Decimal	49, 26, 77	`rgb(49,26,77)`
RGB Percent	19.2, 10.2, 30.2	`rgb(19.2%,10.2%,30.2%)`
CMYK	36, 66, 0, 70
HSL	267.1°, 49.5, 20.2	`hsl(267.1,49.5%,20.2%)`
HSV (or HSB)	267.1°, 66.2, 30.2
Web Safe	333366	`#333366`

CIE-LAB	15.103, 23.518, -27.386
XYZ	2.975, 1.928, 7.236
xyY	0.245, 0.159, 1.928
CIE-LCH	15.103, 36.098, 310.655
CIE-LUV	15.103, 4.754, -28.401
Hunter-Lab	13.884, 13.957, -21.183
Binary	00110001, 00011010, 01001101

#311a4d
```
#311a4d rgb(49,26,77)
```
#364d1a
```
#364d1a rgb(54,77,26)
```

Complementary Color

#1a1d4d
```
#1a1d4d rgb(26,29,77)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#4b1a4d
```
#4b1a4d rgb(75,26,77)
```

Analogous Color

#1d4d1a
```
#1d4d1a rgb(29,77,26)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#4d4b1a
```
#4d4b1a rgb(77,75,26)
```

Split Complementary Color

#1a4d31
```
#1a4d31 rgb(26,77,49)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#4d311a
```
#4d311a rgb(77,49,26)
```

Triadic Color

#1a364d
```
#1a364d rgb(26,54,77)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#4d311a
```
#4d311a rgb(77,49,26)
```
#364d1a
```
#364d1a rgb(54,77,26)
```

Tetradic Color

#0d0714
```
#0d0714 rgb(13,7,20)
```
#190d27
```
#190d27 rgb(25,13,39)
```
#25143a
```
#25143a rgb(37,20,58)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#3d2060
```
#3d2060 rgb(61,32,96)
```
#492773
```
#492773 rgb(73,39,115)
```
#552d86
```
#552d86 rgb(85,45,134)
```

Monochromatic Color

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

#241a4d
```
#241a4d rgb(36,26,77)
```
#291a4d
```
#291a4d rgb(41,26,77)
```
#2d1a4d
```
#2d1a4d rgb(45,26,77)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#351a4d
```
#351a4d rgb(53,26,77)
```
#3a1a4d
```
#3a1a4d rgb(58,26,77)
```
#3e1a4d
```
#3e1a4d rgb(62,26,77)
```

Similar Colors

Text with hexadecimal color #311a4d

This text has a font color of #311a4d.

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

#311a4d background color

This paragraph has a background color of #311a4d.

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

#311a4d border color

This element has a border color of #311a4d.

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

CSS codes

.text {color:#311a4d;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0c0612
```
#0c0612 rgb(12,6,18)
```
#150b21
```
#150b21 rgb(21,11,33)
```
#1e1030
```
#1e1030 rgb(30,16,48)
```
#28153e
```
#28153e rgb(40,21,62)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#3a1f5c
```
#3a1f5c rgb(58,31,92)
```
#44246a
```
#44246a rgb(68,36,106)
```
#4d2979
```
#4d2979 rgb(77,41,121)
```
#562e88
```
#562e88 rgb(86,46,136)
```
#603396
```
#603396 rgb(96,51,150)
```
#6938a5
```
#6938a5 rgb(105,56,165)
```
#723db4
```
#723db4 rgb(114,61,180)
```

Shade Color Variation

#7c44c0
```
#7c44c0 rgb(124,68,192)
```
#8653c5
```
#8653c5 rgb(134,83,197)
```
#9061ca
```
#9061ca rgb(144,97,202)
```
#9b70cf
```
#9b70cf rgb(155,112,207)
```
#a57fd4
```
#a57fd4 rgb(165,127,212)
```
#af8dd9
```
#af8dd9 rgb(175,141,217)
```
#ba9cde
```
#ba9cde rgb(186,156,222)
```
#c4abe3
```
#c4abe3 rgb(196,171,227)
```
#ceb9e7
```
#ceb9e7 rgb(206,185,231)
```
#d8c8ec
```
#d8c8ec rgb(216,200,236)
```
#e3d7f1
```
#e3d7f1 rgb(227,215,241)
```
#ede5f6
```
#ede5f6 rgb(237,229,246)
```
#f7f4fb
```
#f7f4fb rgb(247,244,251)
```

Tint Color Variation

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

#333235
```
#333235 rgb(51,50,53)
```
#332e39
```
#332e39 rgb(51,46,57)
```
#332a3d
```
#332a3d rgb(51,42,61)
```
#322641
```
#322641 rgb(50,38,65)
```
#322245
```
#322245 rgb(50,34,69)
```
#311e49
```
#311e49 rgb(49,30,73)
```
#311a4d
```
#311a4d rgb(49,26,77)
```
#311651
```
#311651 rgb(49,22,81)
```
#301255
```
#301255 rgb(48,18,85)
```
#300e59
```
#300e59 rgb(48,14,89)
```
#2f0a5d
```
#2f0a5d rgb(47,10,93)
```
#2f0661
```
#2f0661 rgb(47,6,97)
```
#2f0265
```
#2f0265 rgb(47,2,101)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29242f Atypical Achromatopsia 0.001% of the population

Dichromacy

#002f5d Protanopia 1% of men
#103151 Deuteranopia 1% of men
#333033 Tritanopia 0.001% of the population

Trichromacy

#112757 Protanomaly 1% of men, 0.01% of women
#1c2950 Deuteranomaly 6% of men, 0.4% of women
#32283c Tritanomaly 0.01% of the population

#311a4d hex color

#311a4d Color Information

#311a4d Color Conversion

Color Schemes with #311a4d

Alternatives to #311a4d

#311a4d Preview

Shades and Tints of #311a4d

Tones of #311a4d

Color Blindness Simulator