#311675 hex color

In a RGB color space, hex #311675 is composed of 19.2% red, 8.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 81.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 257.1 degrees, a saturation of 68.3% and a lightness of 27.3%. #311675 color hex could be obtained by blending #622cea with #000000. Closest websafe color is: #330066.

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

● #311675 color description : Dark violet.

The hexadecimal color #311675 has RGB values of R:49, G:22, B:117 and CMYK values of C:0.58, M:0.81, Y:0, K:0.54. Its decimal value is 3217013.

Hex triplet	311675	`#311675`
RGB Decimal	49, 22, 117	`rgb(49,22,117)`
RGB Percent	19.2, 8.6, 45.9	`rgb(19.2%,8.6%,45.9%)`
CMYK	58, 81, 0, 54
HSL	257.1°, 68.3, 27.3	`hsl(257.1,68.3%,27.3%)`
HSV (or HSB)	257.1°, 81.2, 45.9
Web Safe	330066	`#330066`

CIE-LAB	17.968, 37.934, -49.26
XYZ	4.764, 2.511, 17.062
xyY	0.196, 0.103, 2.511
CIE-LCH	17.968, 62.173, 307.6
CIE-LUV	17.968, 1.333, -53.009
Hunter-Lab	15.846, 25.931, -52.748
Binary	00110001, 00010110, 01110101

#311675
```
#311675 rgb(49,22,117)
```
#5a7516
```
#5a7516 rgb(90,117,22)
```

Complementary Color

#162b75
```
#162b75 rgb(22,43,117)
```
#311675
```
#311675 rgb(49,22,117)
```
#611675
```
#611675 rgb(97,22,117)
```

Analogous Color

#2b7516
```
#2b7516 rgb(43,117,22)
```
#311675
```
#311675 rgb(49,22,117)
```
#756116
```
#756116 rgb(117,97,22)
```

Split Complementary Color

#167531
```
#167531 rgb(22,117,49)
```
#311675
```
#311675 rgb(49,22,117)
```
#753116
```
#753116 rgb(117,49,22)
```

Triadic Color

#165a75
```
#165a75 rgb(22,90,117)
```
#311675
```
#311675 rgb(49,22,117)
```
#753116
```
#753116 rgb(117,49,22)
```
#5a7516
```
#5a7516 rgb(90,117,22)
```

Tetradic Color

#160a35
```
#160a35 rgb(22,10,53)
```
#1f0e4a
```
#1f0e4a rgb(31,14,74)
```
#281260
```
#281260 rgb(40,18,96)
```
#311675
```
#311675 rgb(49,22,117)
```
#3a1a8a
```
#3a1a8a rgb(58,26,138)
```
#431ea0
```
#431ea0 rgb(67,30,160)
```
#4c22b5
```
#4c22b5 rgb(76,34,181)
```

Monochromatic Color

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

#191675
```
#191675 rgb(25,22,117)
```
#211675
```
#211675 rgb(33,22,117)
```
#291675
```
#291675 rgb(41,22,117)
```
#311675
```
#311675 rgb(49,22,117)
```
#391675
```
#391675 rgb(57,22,117)
```
#411675
```
#411675 rgb(65,22,117)
```
#491675
```
#491675 rgb(73,22,117)
```

Similar Colors

Text with hexadecimal color #311675

This text has a font color of #311675.

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

#311675 background color

This paragraph has a background color of #311675.

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

#311675 border color

This element has a border color of #311675.

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

CSS codes

.text {color:#311675;}

.background {background-color:#311675;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#080312
```
#080312 rgb(8,3,18)
```
#0e0622
```
#0e0622 rgb(14,6,34)
```
#150a33
```
#150a33 rgb(21,10,51)
```
#1c0d43
```
#1c0d43 rgb(28,13,67)
```
#231054
```
#231054 rgb(35,16,84)
```
#2a1364
```
#2a1364 rgb(42,19,100)
```
#311675
```
#311675 rgb(49,22,117)
```
#381986
```
#381986 rgb(56,25,134)
```
#3f1c96
```
#3f1c96 rgb(63,28,150)
```
#461fa7
```
#461fa7 rgb(70,31,167)
```
#4d22b7
```
#4d22b7 rgb(77,34,183)
```
#5426c8
```
#5426c8 rgb(84,38,200)
```

Shade Color Variation

#5b2ad7
```
#5b2ad7 rgb(91,42,215)
```
#683ada
```
#683ada rgb(104,58,218)
```
#744bdd
```
#744bdd rgb(116,75,221)
```
#815be0
```
#815be0 rgb(129,91,224)
```
#8e6ce3
```
#8e6ce3 rgb(142,108,227)
```
#9a7ce6
```
#9a7ce6 rgb(154,124,230)
```
#a78dea
```
#a78dea rgb(167,141,234)
```
#b49ded
```
#b49ded rgb(180,157,237)
```
#c1aef0
```
#c1aef0 rgb(193,174,240)
```
#cdbef3
```
#cdbef3 rgb(205,190,243)
```
#dacff6
```
#dacff6 rgb(218,207,246)
```
#e7dff9
```
#e7dff9 rgb(231,223,249)
```
#f3f0fc
```
#f3f0fc rgb(243,240,252)
```

Tint Color Variation

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

#43414a
```
#43414a rgb(67,65,74)
```
#413b50
```
#413b50 rgb(65,59,80)
```
#3f3655
```
#3f3655 rgb(63,54,85)
```
#3d315a
```
#3d315a rgb(61,49,90)
```
#3a2b60
```
#3a2b60 rgb(58,43,96)
```
#382665
```
#382665 rgb(56,38,101)
```
#36216a
```
#36216a rgb(54,33,106)
```
#331b70
```
#331b70 rgb(51,27,112)
```
#311675
```
#311675 rgb(49,22,117)
```
#2f117a
```
#2f117a rgb(47,17,122)
```
#2c0b80
```
#2c0b80 rgb(44,11,128)
```
#2a0685
```
#2a0685 rgb(42,6,133)
```
#28018a
```
#28018a rgb(40,1,138)
```

Tone Color Variation

Below, you can see how #311675 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
#1d3b3f Tritanopia 0.001% of the population

Trichromacy

#11296c Protanomaly 1% of men, 0.01% of women
#112b64 Deuteranomaly 6% of men, 0.4% of women
#242d52 Tritanomaly 0.01% of the population

#311675 hex color

#311675 Color Information

#311675 Color Conversion

Color Schemes with #311675

Alternatives to #311675

#311675 Preview

Shades and Tints of #311675

Tones of #311675

Color Blindness Simulator