#311674 hex color

In a RGB color space, hex #311674 is composed of 19.2% red, 8.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 81% magenta, 0% yellow and 54.5% black. It has a hue angle of 257.2 degrees, a saturation of 68.1% and a lightness of 27.1%. #311674 color hex could be obtained by blending #622ce8 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 9
- B 45
RGB color chart
- C 58
- M 81
- Y 0
- K 55
CMYK color chart

● #311674 color description : Dark violet.

The hexadecimal color #311674 has RGB values of R:49, G:22, B:116 and CMYK values of C:0.58, M:0.81, Y:0, K:0.55. Its decimal value is 3217012.

Hex triplet	311674	`#311674`
RGB Decimal	49, 22, 116	`rgb(49,22,116)`
RGB Percent	19.2, 8.6, 45.5	`rgb(19.2%,8.6%,45.5%)`
CMYK	58, 81, 0, 55
HSL	257.2°, 68.1, 27.1	`hsl(257.2,68.1%,27.1%)`
HSV (or HSB)	257.2°, 81, 45.5
Web Safe	330066	`#330066`

CIE-LAB	17.863, 37.633, -48.789
XYZ	4.705, 2.488, 16.754
xyY	0.196, 0.104, 2.488
CIE-LCH	17.863, 61.617, 307.644
CIE-LUV	17.863, 1.42, -52.417
Hunter-Lab	15.772, 25.651, -51.941
Binary	00110001, 00010110, 01110100

#311674
```
#311674 rgb(49,22,116)
```
#597416
```
#597416 rgb(89,116,22)
```

Complementary Color

#162a74
```
#162a74 rgb(22,42,116)
```
#311674
```
#311674 rgb(49,22,116)
```
#601674
```
#601674 rgb(96,22,116)
```

Analogous Color

#2a7416
```
#2a7416 rgb(42,116,22)
```
#311674
```
#311674 rgb(49,22,116)
```
#746016
```
#746016 rgb(116,96,22)
```

Split Complementary Color

#167431
```
#167431 rgb(22,116,49)
```
#311674
```
#311674 rgb(49,22,116)
```
#743116
```
#743116 rgb(116,49,22)
```

Triadic Color

#165974
```
#165974 rgb(22,89,116)
```
#311674
```
#311674 rgb(49,22,116)
```
#743116
```
#743116 rgb(116,49,22)
```
#597416
```
#597416 rgb(89,116,22)
```

Tetradic Color

#160a34
```
#160a34 rgb(22,10,52)
```
#1f0e49
```
#1f0e49 rgb(31,14,73)
```
#28125f
```
#28125f rgb(40,18,95)
```
#311674
```
#311674 rgb(49,22,116)
```
#3a1a89
```
#3a1a89 rgb(58,26,137)
```
#431e9f
```
#431e9f rgb(67,30,159)
```
#4c22b4
```
#4c22b4 rgb(76,34,180)
```

Monochromatic Color

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

#1a1674
```
#1a1674 rgb(26,22,116)
```
#211674
```
#211674 rgb(33,22,116)
```
#291674
```
#291674 rgb(41,22,116)
```
#311674
```
#311674 rgb(49,22,116)
```
#391674
```
#391674 rgb(57,22,116)
```
#411674
```
#411674 rgb(65,22,116)
```
#481674
```
#481674 rgb(72,22,116)
```

Similar Colors

Text with hexadecimal color #311674

This text has a font color of #311674.

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

#311674 background color

This paragraph has a background color of #311674.

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

#311674 border color

This element has a border color of #311674.

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

CSS codes

.text {color:#311674;}

.background {background-color:#311674;}

.border {border:1px solid #311674;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070311
```
#070311 rgb(7,3,17)
```
#0e0622
```
#0e0622 rgb(14,6,34)
```
#150932
```
#150932 rgb(21,9,50)
```
#1c0d43
```
#1c0d43 rgb(28,13,67)
```
#231053
```
#231053 rgb(35,16,83)
```
#2a1364
```
#2a1364 rgb(42,19,100)
```
#311674
```
#311674 rgb(49,22,116)
```
#381984
```
#381984 rgb(56,25,132)
```
#3f1c95
```
#3f1c95 rgb(63,28,149)
```
#461fa5
```
#461fa5 rgb(70,31,165)
```
#4d23b6
```
#4d23b6 rgb(77,35,182)
```
#5426c6
```
#5426c6 rgb(84,38,198)
```

Shade Color Variation

#5b29d6
```
#5b29d6 rgb(91,41,214)
```
#683ada
```
#683ada rgb(104,58,218)
```
#744add
```
#744add rgb(116,74,221)
```
#815be0
```
#815be0 rgb(129,91,224)
```
#8e6be3
```
#8e6be3 rgb(142,107,227)
```
#9a7ce6
```
#9a7ce6 rgb(154,124,230)
```
#a78ce9
```
#a78ce9 rgb(167,140,233)
```
#b49dec
```
#b49dec rgb(180,157,236)
```
#c0adef
```
#c0adef rgb(192,173,239)
```
#cdbef3
```
#cdbef3 rgb(205,190,243)
```
#d9cef6
```
#d9cef6 rgb(217,206,246)
```
#e6dff9
```
#e6dff9 rgb(230,223,249)
```
#f3effc
```
#f3effc rgb(243,239,252)
```

Tint Color Variation

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

#43404a
```
#43404a rgb(67,64,74)
```
#413b4f
```
#413b4f rgb(65,59,79)
```
#3f3654
```
#3f3654 rgb(63,54,84)
```
#3c3159
```
#3c3159 rgb(60,49,89)
```
#3a2b5f
```
#3a2b5f rgb(58,43,95)
```
#382664
```
#382664 rgb(56,38,100)
```
#362169
```
#362169 rgb(54,33,105)
```
#331b6f
```
#331b6f rgb(51,27,111)
```
#311674
```
#311674 rgb(49,22,116)
```
#2f1179
```
#2f1179 rgb(47,17,121)
```
#2c0b7f
```
#2c0b7f rgb(44,11,127)
```
#2a0684
```
#2a0684 rgb(42,6,132)
```
#280189
```
#280189 rgb(40,1,137)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2538 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003567 Protanopia 1% of men
#00385a Deuteranopia 1% of men
#1e3a3e Tritanopia 0.001% of the population

Trichromacy

#11296b Protanomaly 1% of men, 0.01% of women
#112b63 Deuteranomaly 6% of men, 0.4% of women
#252d52 Tritanomaly 0.01% of the population

#311674 hex color

#311674 Color Information

#311674 Color Conversion

Color Schemes with #311674

Alternatives to #311674

#311674 Preview

Shades and Tints of #311674

Tones of #311674

Color Blindness Simulator