#311a72 hex color

In a RGB color space, hex #311a72 is composed of 19.2% red, 10.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 77.2% magenta, 0% yellow and 55.3% black. It has a hue angle of 255.7 degrees, a saturation of 62.9% and a lightness of 27.5%. #311a72 color hex could be obtained by blending #6234e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 10
- B 45
RGB color chart
- C 57
- M 77
- Y 0
- K 55
CMYK color chart

● #311a72 color description : Very dark violet.

The hexadecimal color #311a72 has RGB values of R:49, G:26, B:114 and CMYK values of C:0.57, M:0.77, Y:0, K:0.55. Its decimal value is 3218034.

Hex triplet	311a72	`#311a72`
RGB Decimal	49, 26, 114	`rgb(49,26,114)`
RGB Percent	19.2, 10.2, 44.7	`rgb(19.2%,10.2%,44.7%)`
CMYK	57, 77, 0, 55
HSL	255.7°, 62.9, 27.5	`hsl(255.7,62.9%,27.5%)`
HSV (or HSB)	255.7°, 77.2, 44.7
Web Safe	333366	`#333366`

CIE-LAB	18.394, 34.918, -46.625
XYZ	4.673, 2.607, 16.176
xyY	0.199, 0.111, 2.607
CIE-LCH	18.394, 58.251, 306.83
CIE-LUV	18.394, 1.116, -51.212
Hunter-Lab	16.145, 23.409, -48.102
Binary	00110001, 00011010, 01110010

#311a72
```
#311a72 rgb(49,26,114)
```
#5b721a
```
#5b721a rgb(91,114,26)
```

Complementary Color

#1a2f72
```
#1a2f72 rgb(26,47,114)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#5d1a72
```
#5d1a72 rgb(93,26,114)
```

Analogous Color

#2f721a
```
#2f721a rgb(47,114,26)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#725d1a
```
#725d1a rgb(114,93,26)
```

Split Complementary Color

#1a7231
```
#1a7231 rgb(26,114,49)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#72311a
```
#72311a rgb(114,49,26)
```

Triadic Color

#1a5b72
```
#1a5b72 rgb(26,91,114)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#72311a
```
#72311a rgb(114,49,26)
```
#5b721a
```
#5b721a rgb(91,114,26)
```

Tetradic Color

#160c34
```
#160c34 rgb(22,12,52)
```
#1f1148
```
#1f1148 rgb(31,17,72)
```
#28155d
```
#28155d rgb(40,21,93)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#3a1f87
```
#3a1f87 rgb(58,31,135)
```
#43239c
```
#43239c rgb(67,35,156)
```
#4c28b0
```
#4c28b0 rgb(76,40,176)
```

Monochromatic Color

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

#1b1a72
```
#1b1a72 rgb(27,26,114)
```
#221a72
```
#221a72 rgb(34,26,114)
```
#2a1a72
```
#2a1a72 rgb(42,26,114)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#381a72
```
#381a72 rgb(56,26,114)
```
#401a72
```
#401a72 rgb(64,26,114)
```
#471a72
```
#471a72 rgb(71,26,114)
```

Similar Colors

Text with hexadecimal color #311a72

This text has a font color of #311a72.

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

#311a72 background color

This paragraph has a background color of #311a72.

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

#311a72 border color

This element has a border color of #311a72.

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

CSS codes

.text {color:#311a72;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080412
```
#080412 rgb(8,4,18)
```
#0f0822
```
#0f0822 rgb(15,8,34)
```
#160b32
```
#160b32 rgb(22,11,50)
```
#1c0f42
```
#1c0f42 rgb(28,15,66)
```
#231352
```
#231352 rgb(35,19,82)
```
#2a1662
```
#2a1662 rgb(42,22,98)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#381e82
```
#381e82 rgb(56,30,130)
```
#3f2192
```
#3f2192 rgb(63,33,146)
```
#4625a2
```
#4625a2 rgb(70,37,162)
```
#4c29b2
```
#4c29b2 rgb(76,41,178)
```
#532cc2
```
#532cc2 rgb(83,44,194)
```

Shade Color Variation

#5b32d0
```
#5b32d0 rgb(91,50,208)
```
#6842d4
```
#6842d4 rgb(104,66,212)
```
#7551d7
```
#7551d7 rgb(117,81,215)
```
#8161db
```
#8161db rgb(129,97,219)
```
#8e71df
```
#8e71df rgb(142,113,223)
```
#9b81e2
```
#9b81e2 rgb(155,129,226)
```
#a891e6
```
#a891e6 rgb(168,145,230)
```
#b4a1ea
```
#b4a1ea rgb(180,161,234)
```
#c1b1ed
```
#c1b1ed rgb(193,177,237)
```
#cec1f1
```
#cec1f1 rgb(206,193,241)
```
#dbd1f5
```
#dbd1f5 rgb(219,209,245)
```
#e7e1f8
```
#e7e1f8 rgb(231,225,248)
```
#f4f1fc
```
#f4f1fc rgb(244,241,252)
```

Tint Color Variation

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

#464547
```
#464547 rgb(70,69,71)
```
#43404c
```
#43404c rgb(67,64,76)
```
#403a52
```
#403a52 rgb(64,58,82)
```
#3e3557
```
#3e3557 rgb(62,53,87)
```
#3b305c
```
#3b305c rgb(59,48,92)
```
#392a62
```
#392a62 rgb(57,42,98)
```
#362567
```
#362567 rgb(54,37,103)
```
#341f6d
```
#341f6d rgb(52,31,109)
```
#311a72
```
#311a72 rgb(49,26,114)
```
#2e1577
```
#2e1577 rgb(46,21,119)
```
#2c0f7d
```
#2c0f7d rgb(44,15,125)
```
#290a82
```
#290a82 rgb(41,10,130)
```
#270488
```
#270488 rgb(39,4,136)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395c Deuteranopia 1% of men
#213b3f Tritanopia 0.001% of the population

Trichromacy

#112b6c Protanomaly 1% of men, 0.01% of women
#112d64 Deuteranomaly 6% of men, 0.4% of women
#262f52 Tritanomaly 0.01% of the population

#311a72 hex color

#311a72 Color Information

#311a72 Color Conversion

Color Schemes with #311a72

Alternatives to #311a72

#311a72 Preview

Shades and Tints of #311a72

Tones of #311a72

Color Blindness Simulator