#311263 hex color

In a RGB color space, hex #311263 is composed of 19.2% red, 7.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 81.8% magenta, 0% yellow and 61.2% black. It has a hue angle of 263 degrees, a saturation of 69.2% and a lightness of 22.9%. #311263 color hex could be obtained by blending #6224c6 with #000000. Closest websafe color is: #330066.

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

● #311263 color description : Very dark violet.

The hexadecimal color #311263 has RGB values of R:49, G:18, B:99 and CMYK values of C:0.51, M:0.82, Y:0, K:0.61. Its decimal value is 3215971.

Hex triplet	311263	`#311263`
RGB Decimal	49, 18, 99	`rgb(49,18,99)`
RGB Percent	19.2, 7.1, 38.8	`rgb(19.2%,7.1%,38.8%)`
CMYK	51, 82, 0, 61
HSL	263°, 69.2, 22.9	`hsl(263,69.2%,22.9%)`
HSV (or HSB)	263°, 81.8, 38.8
Web Safe	330066	`#330066`

CIE-LAB	15.416, 34.571, -41.699
XYZ	3.735, 1.986, 11.99
xyY	0.211, 0.112, 1.986
CIE-LCH	15.416, 54.166, 309.661
CIE-LUV	15.416, 3.427, -42.308
Hunter-Lab	14.094, 22.635, -40.575
Binary	00110001, 00010010, 01100011

#311263
```
#311263 rgb(49,18,99)
```
#446312
```
#446312 rgb(68,99,18)
```

Complementary Color

#121c63
```
#121c63 rgb(18,28,99)
```
#311263
```
#311263 rgb(49,18,99)
```
#5a1263
```
#5a1263 rgb(90,18,99)
```

Analogous Color

#1c6312
```
#1c6312 rgb(28,99,18)
```
#311263
```
#311263 rgb(49,18,99)
```
#635a12
```
#635a12 rgb(99,90,18)
```

Split Complementary Color

#126331
```
#126331 rgb(18,99,49)
```
#311263
```
#311263 rgb(49,18,99)
```
#633112
```
#633112 rgb(99,49,18)
```

Triadic Color

#124463
```
#124463 rgb(18,68,99)
```
#311263
```
#311263 rgb(49,18,99)
```
#633112
```
#633112 rgb(99,49,18)
```
#446312
```
#446312 rgb(68,99,18)
```

Tetradic Color

#110622
```
#110622 rgb(17,6,34)
```
#1c0a38
```
#1c0a38 rgb(28,10,56)
```
#260e4d
```
#260e4d rgb(38,14,77)
```
#311263
```
#311263 rgb(49,18,99)
```
#3c1679
```
#3c1679 rgb(60,22,121)
```
#461a8e
```
#461a8e rgb(70,26,142)
```
#511ea4
```
#511ea4 rgb(81,30,164)
```

Monochromatic Color

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

#1d1263
```
#1d1263 rgb(29,18,99)
```
#241263
```
#241263 rgb(36,18,99)
```
#2a1263
```
#2a1263 rgb(42,18,99)
```
#311263
```
#311263 rgb(49,18,99)
```
#381263
```
#381263 rgb(56,18,99)
```
#3f1263
```
#3f1263 rgb(63,18,99)
```
#451263
```
#451263 rgb(69,18,99)
```

Similar Colors

Text with hexadecimal color #311263

This text has a font color of #311263.

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

#311263 background color

This paragraph has a background color of #311263.

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

#311263 border color

This element has a border color of #311263.

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

CSS codes

.text {color:#311263;}

.background {background-color:#311263;}

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

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

#080310
```
#080310 rgb(8,3,16)
```
#100621
```
#100621 rgb(16,6,33)
```
#180931
```
#180931 rgb(24,9,49)
```
#210c42
```
#210c42 rgb(33,12,66)
```
#290f52
```
#290f52 rgb(41,15,82)
```
#311263
```
#311263 rgb(49,18,99)
```
#391574
```
#391574 rgb(57,21,116)
```
#411884
```
#411884 rgb(65,24,132)
```
#4a1b95
```
#4a1b95 rgb(74,27,149)
```
#521ea5
```
#521ea5 rgb(82,30,165)
```
#5a21b6
```
#5a21b6 rgb(90,33,182)
```
#6224c7
```
#6224c7 rgb(98,36,199)
```
#6b27d7
```
#6b27d7 rgb(107,39,215)
```

Shade Color Variation

#7637db
```
#7637db rgb(118,55,219)
```
#8148de
```
#8148de rgb(129,72,222)
```
#8d58e1
```
#8d58e1 rgb(141,88,225)
```
#9869e4
```
#9869e4 rgb(152,105,228)
```
#a37ae7
```
#a37ae7 rgb(163,122,231)
```
#af8aea
```
#af8aea rgb(175,138,234)
```
#ba9bed
```
#ba9bed rgb(186,155,237)
```
#c6abf0
```
#c6abf0 rgb(198,171,240)
```
#d1bcf3
```
#d1bcf3 rgb(209,188,243)
```
#dccdf6
```
#dccdf6 rgb(220,205,246)
```
#e8ddf9
```
#e8ddf9 rgb(232,221,249)
```
#f3eefc
```
#f3eefc rgb(243,238,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#39363f
```
#39363f rgb(57,54,63)
```
#383244
```
#383244 rgb(56,50,68)
```
#372d48
```
#372d48 rgb(55,45,72)
```
#36294d
```
#36294d rgb(54,41,77)
```
#352451
```
#352451 rgb(53,36,81)
```
#342056
```
#342056 rgb(52,32,86)
```
#331b5a
```
#331b5a rgb(51,27,90)
```
#32175f
```
#32175f rgb(50,23,95)
```
#311263
```
#311263 rgb(49,18,99)
```
#300e68
```
#300e68 rgb(48,14,104)
```
#2f096c
```
#2f096c rgb(47,9,108)
```
#2e0571
```
#2e0571 rgb(46,5,113)
```
#2d0075
```
#2d0075 rgb(45,0,117)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#272131 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00305e Protanopia 1% of men
#003352 Deuteranopia 1% of men
#2a3336 Tritanopia 0.001% of the population

Trichromacy

#11255f Protanomaly 1% of men, 0.01% of women
#112758 Deuteranomaly 6% of men, 0.4% of women
#2c2746 Tritanomaly 0.01% of the population

#311263 hex color

#311263 Color Information

#311263 Color Conversion

Color Schemes with #311263

Alternatives to #311263

#311263 Preview

Shades and Tints of #311263

Tones of #311263

Color Blindness Simulator