#312244 hex color

In a RGB color space, hex #312244 is composed of 19.2% red, 13.3% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 50% magenta, 0% yellow and 73.3% black. It has a hue angle of 266.5 degrees, a saturation of 33.3% and a lightness of 20%. #312244 color hex could be obtained by blending #624488 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 27
RGB color chart
- C 28
- M 50
- Y 0
- K 73
CMYK color chart

● #312244 color description : Very dark desaturated violet.

The hexadecimal color #312244 has RGB values of R:49, G:34, B:68 and CMYK values of C:0.28, M:0.5, Y:0, K:0.73. Its decimal value is 3220036.

Hex triplet	312244	`#312244`
RGB Decimal	49, 34, 68	`rgb(49,34,68)`
RGB Percent	19.2, 13.3, 26.7	`rgb(19.2%,13.3%,26.7%)`
CMYK	28, 50, 0, 73
HSL	266.5°, 33.3, 20	`hsl(266.5,33.3%,20%)`
HSV (or HSB)	266.5°, 50, 26.7
Web Safe	333333	`#333333`

CIE-LAB	16.574, 15.506, -18.847
XYZ	2.882, 2.214, 5.744
xyY	0.266, 0.204, 2.214
CIE-LCH	16.574, 24.406, 309.445
CIE-LUV	16.574, 3.946, -20.391
Hunter-Lab	14.881, 8.527, -12.47
Binary	00110001, 00100010, 01000100

#312244
```
#312244 rgb(49,34,68)
```
#354422
```
#354422 rgb(53,68,34)
```

Complementary Color

#222444
```
#222444 rgb(34,36,68)
```
#312244
```
#312244 rgb(49,34,68)
```
#422244
```
#422244 rgb(66,34,68)
```

Analogous Color

#244422
```
#244422 rgb(36,68,34)
```
#312244
```
#312244 rgb(49,34,68)
```
#444222
```
#444222 rgb(68,66,34)
```

Split Complementary Color

#224431
```
#224431 rgb(34,68,49)
```
#312244
```
#312244 rgb(49,34,68)
```
#443122
```
#443122 rgb(68,49,34)
```

Triadic Color

#223544
```
#223544 rgb(34,53,68)
```
#312244
```
#312244 rgb(49,34,68)
```
#443122
```
#443122 rgb(68,49,34)
```
#354422
```
#354422 rgb(53,68,34)
```

Tetradic Color

#0c0911
```
#0c0911 rgb(12,9,17)
```
#191122
```
#191122 rgb(25,17,34)
```
#251a33
```
#251a33 rgb(37,26,51)
```
#312244
```
#312244 rgb(49,34,68)
```
#3d2b55
```
#3d2b55 rgb(61,43,85)
```
#4a3366
```
#4a3366 rgb(74,51,102)
```
#563c77
```
#563c77 rgb(86,60,119)
```

Monochromatic Color

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

#292244
```
#292244 rgb(41,34,68)
```
#2b2244
```
#2b2244 rgb(43,34,68)
```
#2e2244
```
#2e2244 rgb(46,34,68)
```
#312244
```
#312244 rgb(49,34,68)
```
#342244
```
#342244 rgb(52,34,68)
```
#372244
```
#372244 rgb(55,34,68)
```
#3a2244
```
#3a2244 rgb(58,34,68)
```

Similar Colors

Text with hexadecimal color #312244

This text has a font color of #312244.

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

#312244 background color

This paragraph has a background color of #312244.

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

#312244 border color

This element has a border color of #312244.

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

CSS codes

.text {color:#312244;}

.background {background-color:#312244;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0810
```
#0b0810 rgb(11,8,16)
```
#150e1d
```
#150e1d rgb(21,14,29)
```
#1e152a
```
#1e152a rgb(30,21,42)
```
#281b37
```
#281b37 rgb(40,27,55)
```
#312244
```
#312244 rgb(49,34,68)
```
#3a2951
```
#3a2951 rgb(58,41,81)
```
#442f5e
```
#442f5e rgb(68,47,94)
```
#4d366b
```
#4d366b rgb(77,54,107)
```
#573c78
```
#573c78 rgb(87,60,120)
```
#604385
```
#604385 rgb(96,67,133)
```
#6a4992
```
#6a4992 rgb(106,73,146)
```
#7350a0
```
#7350a0 rgb(115,80,160)
```

Shade Color Variation

#7d58ab
```
#7d58ab rgb(125,88,171)
```
#8765b2
```
#8765b2 rgb(135,101,178)
```
#9172b8
```
#9172b8 rgb(145,114,184)
```
#9b7fbf
```
#9b7fbf rgb(155,127,191)
```
#a58cc5
```
#a58cc5 rgb(165,140,197)
```
#b099cc
```
#b099cc rgb(176,153,204)
```
#baa6d3
```
#baa6d3 rgb(186,166,211)
```
#c4b3d9
```
#c4b3d9 rgb(196,179,217)
```
#cec0e0
```
#cec0e0 rgb(206,192,224)
```
#d8cde6
```
#d8cde6 rgb(216,205,230)
```
#e2daed
```
#e2daed rgb(226,218,237)
```
#ede7f3
```
#ede7f3 rgb(237,231,243)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

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

#333234
```
#333234 rgb(51,50,52)
```
#322e38
```
#322e38 rgb(50,46,56)
```
#322a3c
```
#322a3c rgb(50,42,60)
```
#312640
```
#312640 rgb(49,38,64)
```
#312244
```
#312244 rgb(49,34,68)
```
#311e48
```
#311e48 rgb(49,30,72)
```
#301a4c
```
#301a4c rgb(48,26,76)
```
#301650
```
#301650 rgb(48,22,80)
```
#2f1254
```
#2f1254 rgb(47,18,84)
```
#2f0e58
```
#2f0e58 rgb(47,14,88)
```
#2e0a5c
```
#2e0a5c rgb(46,10,92)
```
#2e075f
```
#2e075f rgb(46,7,95)
```
#2d0363
```
#2d0363 rgb(45,3,99)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b282f Atypical Achromatopsia 0.001% of the population

Dichromacy

#263352 Protanopia 1% of men
#28334b Deuteranopia 1% of men
#363336 Tritanopia 0.001% of the population

Trichromacy

#2a2c4c Protanomaly 1% of men, 0.01% of women
#2b2d48 Deuteranomaly 6% of men, 0.4% of women
#342c3b Tritanomaly 0.01% of the population

#312244 hex color

#312244 Color Information

#312244 Color Conversion

Color Schemes with #312244

Alternatives to #312244

#312244 Preview

Shades and Tints of #312244

Tones of #312244

Color Blindness Simulator