#311563 hex color

In a RGB color space, hex #311563 is composed of 19.2% red, 8.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 78.8% magenta, 0% yellow and 61.2% black. It has a hue angle of 261.5 degrees, a saturation of 65% and a lightness of 23.5%. #311563 color hex could be obtained by blending #622ac6 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 8
- B 39
RGB color chart
- C 51
- M 79
- Y 0
- K 61
CMYK color chart

● #311563 color description : Very dark violet.

The hexadecimal color #311563 has RGB values of R:49, G:21, B:99 and CMYK values of C:0.51, M:0.79, Y:0, K:0.61. Its decimal value is 3216739.

Hex triplet	311563	`#311563`
RGB Decimal	49, 21, 99	`rgb(49,21,99)`
RGB Percent	19.2, 8.2, 38.8	`rgb(19.2%,8.2%,38.8%)`
CMYK	51, 79, 0, 61
HSL	261.5°, 65, 23.5	`hsl(261.5,65%,23.5%)`
HSV (or HSB)	261.5°, 78.8, 38.8
Web Safe	330066	`#330066`

CIE-LAB	15.953, 33.038, -40.818
XYZ	3.787, 2.09, 12.008
xyY	0.212, 0.117, 2.09
CIE-LCH	15.953, 52.513, 308.986
CIE-LUV	15.953, 3.111, -42.306
Hunter-Lab	14.457, 21.451, -39.124
Binary	00110001, 00010101, 01100011

#311563
```
#311563 rgb(49,21,99)
```
#476315
```
#476315 rgb(71,99,21)
```

Complementary Color

#152063
```
#152063 rgb(21,32,99)
```
#311563
```
#311563 rgb(49,21,99)
```
#581563
```
#581563 rgb(88,21,99)
```

Analogous Color

#206315
```
#206315 rgb(32,99,21)
```
#311563
```
#311563 rgb(49,21,99)
```
#635815
```
#635815 rgb(99,88,21)
```

Split Complementary Color

#156331
```
#156331 rgb(21,99,49)
```
#311563
```
#311563 rgb(49,21,99)
```
#633115
```
#633115 rgb(99,49,21)
```

Triadic Color

#154763
```
#154763 rgb(21,71,99)
```
#311563
```
#311563 rgb(49,21,99)
```
#633115
```
#633115 rgb(99,49,21)
```
#476315
```
#476315 rgb(71,99,21)
```

Tetradic Color

#120824
```
#120824 rgb(18,8,36)
```
#1c0c39
```
#1c0c39 rgb(28,12,57)
```
#27114e
```
#27114e rgb(39,17,78)
```
#311563
```
#311563 rgb(49,21,99)
```
#3b1978
```
#3b1978 rgb(59,25,120)
```
#461e8d
```
#461e8d rgb(70,30,141)
```
#5022a2
```
#5022a2 rgb(80,34,162)
```

Monochromatic Color

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

#1e1563
```
#1e1563 rgb(30,21,99)
```
#241563
```
#241563 rgb(36,21,99)
```
#2b1563
```
#2b1563 rgb(43,21,99)
```
#311563
```
#311563 rgb(49,21,99)
```
#381563
```
#381563 rgb(56,21,99)
```
#3e1563
```
#3e1563 rgb(62,21,99)
```
#451563
```
#451563 rgb(69,21,99)
```

Similar Colors

Text with hexadecimal color #311563

This text has a font color of #311563.

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

#311563 background color

This paragraph has a background color of #311563.

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

#311563 border color

This element has a border color of #311563.

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

CSS codes

.text {color:#311563;}

.background {background-color:#311563;}

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

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 #f5f1fc is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#090412
```
#090412 rgb(9,4,18)
```
#110722
```
#110722 rgb(17,7,34)
```
#190b32
```
#190b32 rgb(25,11,50)
```
#210e43
```
#210e43 rgb(33,14,67)
```
#291253
```
#291253 rgb(41,18,83)
```
#311563
```
#311563 rgb(49,21,99)
```
#391873
```
#391873 rgb(57,24,115)
```
#411c83
```
#411c83 rgb(65,28,131)
```
#491f94
```
#491f94 rgb(73,31,148)
```
#5123a4
```
#5123a4 rgb(81,35,164)
```
#5926b4
```
#5926b4 rgb(89,38,180)
```
#612ac4
```
#612ac4 rgb(97,42,196)
```

Shade Color Variation

#692fd3
```
#692fd3 rgb(105,47,211)
```
#753fd6
```
#753fd6 rgb(117,63,214)
```
#814fda
```
#814fda rgb(129,79,218)
```
#8c5fdd
```
#8c5fdd rgb(140,95,221)
```
#986fe1
```
#986fe1 rgb(152,111,225)
```
#a47fe4
```
#a47fe4 rgb(164,127,228)
```
#af90e7
```
#af90e7 rgb(175,144,231)
```
#bba0eb
```
#bba0eb rgb(187,160,235)
```
#c6b0ee
```
#c6b0ee rgb(198,176,238)
```
#d2c0f2
```
#d2c0f2 rgb(210,192,242)
```
#ded0f5
```
#ded0f5 rgb(222,208,245)
```
#e9e1f9
```
#e9e1f9 rgb(233,225,249)
```
#f5f1fc
```
#f5f1fc rgb(245,241,252)
```

Tint Color Variation

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

#3b3a3e
```
#3b3a3e rgb(59,58,62)
```
#3a3543
```
#3a3543 rgb(58,53,67)
```
#393147
```
#393147 rgb(57,49,71)
```
#382c4c
```
#382c4c rgb(56,44,76)
```
#362751
```
#362751 rgb(54,39,81)
```
#352355
```
#352355 rgb(53,35,85)
```
#341e5a
```
#341e5a rgb(52,30,90)
```
#321a5e
```
#321a5e rgb(50,26,94)
```
#311563
```
#311563 rgb(49,21,99)
```
#301068
```
#301068 rgb(48,16,104)
```
#2e0c6c
```
#2e0c6c rgb(46,12,108)
```
#2d0771
```
#2d0771 rgb(45,7,113)
```
#2c0375
```
#2c0375 rgb(44,3,117)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282332 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003160 Protanopia 1% of men
#003454 Deuteranopia 1% of men
#2a3438 Tritanopia 0.001% of the population

Trichromacy

#112761 Protanomaly 1% of men, 0.01% of women
#112859 Deuteranomaly 6% of men, 0.4% of women
#2c2947 Tritanomaly 0.01% of the population

#311563 hex color

#311563 Color Information

#311563 Color Conversion

Color Schemes with #311563

Alternatives to #311563

#311563 Preview

Shades and Tints of #311563

Tones of #311563

Color Blindness Simulator