#311768 hex color

In a RGB color space, hex #311768 is composed of 19.2% red, 9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 77.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 259.3 degrees, a saturation of 63.8% and a lightness of 24.9%. #311768 color hex could be obtained by blending #622ed0 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 9
- B 41
RGB color chart
- C 53
- M 78
- Y 0
- K 59
CMYK color chart

● #311768 color description : Very dark violet.

The hexadecimal color #311768 has RGB values of R:49, G:23, B:104 and CMYK values of C:0.53, M:0.78, Y:0, K:0.59. Its decimal value is 3217256.

Hex triplet	311768	`#311768`
RGB Decimal	49, 23, 104	`rgb(49,23,104)`
RGB Percent	19.2, 9, 40.8	`rgb(19.2%,9%,40.8%)`
CMYK	53, 78, 0, 59
HSL	259.3°, 63.8, 24.9	`hsl(259.3,63.8%,24.9%)`
HSV (or HSB)	259.3°, 77.9, 40.8
Web Safe	330066	`#330066`

CIE-LAB	16.822, 33.473, -42.692
XYZ	4.071, 2.265, 13.319
xyY	0.207, 0.115, 2.265
CIE-LCH	16.822, 54.249, 308.098
CIE-LUV	16.822, 2.39, -45.264
Hunter-Lab	15.05, 21.947, -41.932
Binary	00110001, 00010111, 01101000

#311768
```
#311768 rgb(49,23,104)
```
#4e6817
```
#4e6817 rgb(78,104,23)
```

Complementary Color

#172668
```
#172668 rgb(23,38,104)
```
#311768
```
#311768 rgb(49,23,104)
```
#5a1768
```
#5a1768 rgb(90,23,104)
```

Analogous Color

#266817
```
#266817 rgb(38,104,23)
```
#311768
```
#311768 rgb(49,23,104)
```
#685a17
```
#685a17 rgb(104,90,23)
```

Split Complementary Color

#176831
```
#176831 rgb(23,104,49)
```
#311768
```
#311768 rgb(49,23,104)
```
#683117
```
#683117 rgb(104,49,23)
```

Triadic Color

#174e68
```
#174e68 rgb(23,78,104)
```
#311768
```
#311768 rgb(49,23,104)
```
#683117
```
#683117 rgb(104,49,23)
```
#4e6817
```
#4e6817 rgb(78,104,23)
```

Tetradic Color

#130929
```
#130929 rgb(19,9,41)
```
#1d0e3e
```
#1d0e3e rgb(29,14,62)
```
#271253
```
#271253 rgb(39,18,83)
```
#311768
```
#311768 rgb(49,23,104)
```
#3b1c7d
```
#3b1c7d rgb(59,28,125)
```
#452092
```
#452092 rgb(69,32,146)
```
#4f25a7
```
#4f25a7 rgb(79,37,167)
```

Monochromatic Color

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

#1d1768
```
#1d1768 rgb(29,23,104)
```
#241768
```
#241768 rgb(36,23,104)
```
#2a1768
```
#2a1768 rgb(42,23,104)
```
#311768
```
#311768 rgb(49,23,104)
```
#381768
```
#381768 rgb(56,23,104)
```
#3f1768
```
#3f1768 rgb(63,23,104)
```
#451768
```
#451768 rgb(69,23,104)
```

Similar Colors

Text with hexadecimal color #311768

This text has a font color of #311768.

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

#311768 background color

This paragraph has a background color of #311768.

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

#311768 border color

This element has a border color of #311768.

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

CSS codes

.text {color:#311768;}

.background {background-color:#311768;}

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0b0518
```
#0b0518 rgb(11,5,24)
```
#130928
```
#130928 rgb(19,9,40)
```
#1a0c38
```
#1a0c38 rgb(26,12,56)
```
#221048
```
#221048 rgb(34,16,72)
```
#291358
```
#291358 rgb(41,19,88)
```
#311768
```
#311768 rgb(49,23,104)
```
#391b78
```
#391b78 rgb(57,27,120)
```
#401e88
```
#401e88 rgb(64,30,136)
```
#482298
```
#482298 rgb(72,34,152)
```
#4f25a8
```
#4f25a8 rgb(79,37,168)
```
#5729b8
```
#5729b8 rgb(87,41,184)
```
#5e2cc8
```
#5e2cc8 rgb(94,44,200)
```

Shade Color Variation

#6836d3
```
#6836d3 rgb(104,54,211)
```
#7446d6
```
#7446d6 rgb(116,70,214)
```
#8056da
```
#8056da rgb(128,86,218)
```
#8c66dd
```
#8c66dd rgb(140,102,221)
```
#9876e1
```
#9876e1 rgb(152,118,225)
```
#a486e4
```
#a486e4 rgb(164,134,228)
```
#b096e8
```
#b096e8 rgb(176,150,232)
```
#bca6eb
```
#bca6eb rgb(188,166,235)
```
#c8b6ef
```
#c8b6ef rgb(200,182,239)
```
#d5c6f2
```
#d5c6f2 rgb(213,198,242)
```
#e1d6f6
```
#e1d6f6 rgb(225,214,246)
```
#ede6fa
```
#ede6fa rgb(237,230,250)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

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

#3f3e41
```
#3f3e41 rgb(63,62,65)
```
#3d3946
```
#3d3946 rgb(61,57,70)
```
#3b344b
```
#3b344b rgb(59,52,75)
```
#3a2f50
```
#3a2f50 rgb(58,47,80)
```
#382b54
```
#382b54 rgb(56,43,84)
```
#362659
```
#362659 rgb(54,38,89)
```
#34215e
```
#34215e rgb(52,33,94)
```
#331c63
```
#331c63 rgb(51,28,99)
```
#311768
```
#311768 rgb(49,23,104)
```
#2f126d
```
#2f126d rgb(47,18,109)
```
#2e0d72
```
#2e0d72 rgb(46,13,114)
```
#2c0877
```
#2c0877 rgb(44,8,119)
```
#2a037c
```
#2a037c rgb(42,3,124)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2535 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003557 Deuteranopia 1% of men
#27373b Tritanopia 0.001% of the population

Trichromacy

#112865 Protanomaly 1% of men, 0.01% of women
#112a5d Deuteranomaly 6% of men, 0.4% of women
#2b2b4b Tritanomaly 0.01% of the population

#311768 hex color

#311768 Color Information

#311768 Color Conversion

Color Schemes with #311768

Alternatives to #311768

#311768 Preview

Shades and Tints of #311768

Tones of #311768

Color Blindness Simulator