#311d67 hex color

In a RGB color space, hex #311d67 is composed of 19.2% red, 11.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 71.8% magenta, 0% yellow and 59.6% black. It has a hue angle of 256.2 degrees, a saturation of 56.1% and a lightness of 25.9%. #311d67 color hex could be obtained by blending #623ace with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 11
- B 40
RGB color chart
- C 52
- M 72
- Y 0
- K 60
CMYK color chart

● #311d67 color description : Very dark violet.

The hexadecimal color #311d67 has RGB values of R:49, G:29, B:103 and CMYK values of C:0.52, M:0.72, Y:0, K:0.6. Its decimal value is 3218791.

Hex triplet	311d67	`#311d67`
RGB Decimal	49, 29, 103	`rgb(49,29,103)`
RGB Percent	19.2, 11.4, 40.4	`rgb(19.2%,11.4%,40.4%)`
CMYK	52, 72, 0, 60
HSL	256.2°, 56.1, 25.9	`hsl(256.2,56.1%,25.9%)`
HSV (or HSB)	256.2°, 71.8, 40.4
Web Safe	333366	`#333366`

CIE-LAB	17.968, 29.705, -40.161
XYZ	4.154, 2.511, 13.097
xyY	0.21, 0.127, 2.511
CIE-LCH	17.968, 49.953, 306.488
CIE-LUV	17.968, 1.637, -44.315
Hunter-Lab	15.846, 19.061, -37.913
Binary	00110001, 00011101, 01100111

#311d67
```
#311d67 rgb(49,29,103)
```
#53671d
```
#53671d rgb(83,103,29)
```

Complementary Color

#1d2e67
```
#1d2e67 rgb(29,46,103)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#561d67
```
#561d67 rgb(86,29,103)
```

Analogous Color

#2e671d
```
#2e671d rgb(46,103,29)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#67561d
```
#67561d rgb(103,86,29)
```

Split Complementary Color

#1d6731
```
#1d6731 rgb(29,103,49)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#67311d
```
#67311d rgb(103,49,29)
```

Triadic Color

#1d5367
```
#1d5367 rgb(29,83,103)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#67311d
```
#67311d rgb(103,49,29)
```
#53671d
```
#53671d rgb(83,103,29)
```

Tetradic Color

#150c2b
```
#150c2b rgb(21,12,43)
```
#1e123f
```
#1e123f rgb(30,18,63)
```
#281753
```
#281753 rgb(40,23,83)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#3a237b
```
#3a237b rgb(58,35,123)
```
#44288f
```
#44288f rgb(68,40,143)
```
#4d2ea3
```
#4d2ea3 rgb(77,46,163)
```

Monochromatic Color

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

#1e1d67
```
#1e1d67 rgb(30,29,103)
```
#251d67
```
#251d67 rgb(37,29,103)
```
#2b1d67
```
#2b1d67 rgb(43,29,103)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#371d67
```
#371d67 rgb(55,29,103)
```
#3d1d67
```
#3d1d67 rgb(61,29,103)
```
#431d67
```
#431d67 rgb(67,29,103)
```

Similar Colors

Text with hexadecimal color #311d67

This text has a font color of #311d67.

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

#311d67 background color

This paragraph has a background color of #311d67.

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

#311d67 border color

This element has a border color of #311d67.

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

CSS codes

.text {color:#311d67;}

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

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

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

#05030b
```
#05030b rgb(5,3,11)
```
#0d071a
```
#0d071a rgb(13,7,26)
```
#140c2a
```
#140c2a rgb(20,12,42)
```
#1b1039
```
#1b1039 rgb(27,16,57)
```
#221448
```
#221448 rgb(34,20,72)
```
#2a1958
```
#2a1958 rgb(42,25,88)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#382176
```
#382176 rgb(56,33,118)
```
#402686
```
#402686 rgb(64,38,134)
```
#472a95
```
#472a95 rgb(71,42,149)
```
#4e2ea4
```
#4e2ea4 rgb(78,46,164)
```
#5533b4
```
#5533b4 rgb(85,51,180)
```
#5d37c3
```
#5d37c3 rgb(93,55,195)
```

Shade Color Variation

#6843ca
```
#6843ca rgb(104,67,202)
```
#7452ce
```
#7452ce rgb(116,82,206)
```
#8062d3
```
#8062d3 rgb(128,98,211)
```
#8d71d7
```
#8d71d7 rgb(141,113,215)
```
#9980db
```
#9980db rgb(153,128,219)
```
#a590e0
```
#a590e0 rgb(165,144,224)
```
#b29fe4
```
#b29fe4 rgb(178,159,228)
```
#beaee8
```
#beaee8 rgb(190,174,232)
```
#cabeed
```
#cabeed rgb(202,190,237)
```
#d7cdf1
```
#d7cdf1 rgb(215,205,241)
```
#e3dcf5
```
#e3dcf5 rgb(227,220,245)
```
#efecfa
```
#efecfa rgb(239,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#414143
```
#414143 rgb(65,65,67)
```
#3f3b49
```
#3f3b49 rgb(63,59,73)
```
#3d364e
```
#3d364e rgb(61,54,78)
```
#3a3153
```
#3a3153 rgb(58,49,83)
```
#382c58
```
#382c58 rgb(56,44,88)
```
#36275d
```
#36275d rgb(54,39,93)
```
#332262
```
#332262 rgb(51,34,98)
```
#311d67
```
#311d67 rgb(49,29,103)
```
#2f186c
```
#2f186c rgb(47,24,108)
```
#2c1371
```
#2c1371 rgb(44,19,113)
```
#2a0e76
```
#2a0e76 rgb(42,14,118)
```
#28097b
```
#28097b rgb(40,9,123)
```
#250480
```
#250480 rgb(37,4,128)
```

Tone Color Variation

Below, you can see how #311d67 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
#2c2837 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003568 Protanopia 1% of men
#00385b Deuteranopia 1% of men
#29393d Tritanopia 0.001% of the population

Trichromacy

#112c67 Protanomaly 1% of men, 0.01% of women
#112e5f Deuteranomaly 6% of men, 0.4% of women
#2c2f4c Tritanomaly 0.01% of the population

#311d67 hex color

#311d67 Color Information

#311d67 Color Conversion

Color Schemes with #311d67

Alternatives to #311d67

#311d67 Preview

Shades and Tints of #311d67

Tones of #311d67

Color Blindness Simulator