#312240 hex color

In a RGB color space, hex #312240 is composed of 19.2% red, 13.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 46.9% magenta, 0% yellow and 74.9% black. It has a hue angle of 270 degrees, a saturation of 30.6% and a lightness of 19.2%. #312240 color hex could be obtained by blending #624480 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 25
RGB color chart
- C 23
- M 47
- Y 0
- K 75
CMYK color chart

● #312240 color description : Very dark desaturated violet.

The hexadecimal color #312240 has RGB values of R:49, G:34, B:64 and CMYK values of C:0.23, M:0.47, Y:0, K:0.75. Its decimal value is 3220032.

Hex triplet	312240	`#312240`
RGB Decimal	49, 34, 64	`rgb(49,34,64)`
RGB Percent	19.2, 13.3, 25.1	`rgb(19.2%,13.3%,25.1%)`
CMYK	23, 47, 0, 75
HSL	270°, 30.6, 19.2	`hsl(270,30.6%,19.2%)`
HSV (or HSB)	270°, 46.9, 25.1
Web Safe	333333	`#333333`

CIE-LAB	16.341, 14.353, -16.441
XYZ	2.764, 2.167, 5.123
xyY	0.275, 0.216, 2.167
CIE-LCH	16.341, 21.825, 311.122
CIE-LUV	16.341, 4.35, -17.669
Hunter-Lab	14.721, 7.75, -10.327
Binary	00110001, 00100010, 01000000

#312240
```
#312240 rgb(49,34,64)
```
#314022
```
#314022 rgb(49,64,34)
```

Complementary Color

#222240
```
#222240 rgb(34,34,64)
```
#312240
```
#312240 rgb(49,34,64)
```
#402240
```
#402240 rgb(64,34,64)
```

Analogous Color

#224022
```
#224022 rgb(34,64,34)
```
#312240
```
#312240 rgb(49,34,64)
```
#404022
```
#404022 rgb(64,64,34)
```

Split Complementary Color

#224031
```
#224031 rgb(34,64,49)
```
#312240
```
#312240 rgb(49,34,64)
```
#403122
```
#403122 rgb(64,49,34)
```

Triadic Color

#223140
```
#223140 rgb(34,49,64)
```
#312240
```
#312240 rgb(49,34,64)
```
#403122
```
#403122 rgb(64,49,34)
```
#314022
```
#314022 rgb(49,64,34)
```

Tetradic Color

#0b070e
```
#0b070e rgb(11,7,14)
```
#18101f
```
#18101f rgb(24,16,31)
```
#24192f
```
#24192f rgb(36,25,47)
```
#312240
```
#312240 rgb(49,34,64)
```
#3e2b51
```
#3e2b51 rgb(62,43,81)
```
#4b3461
```
#4b3461 rgb(75,52,97)
```
#573d72
```
#573d72 rgb(87,61,114)
```

Monochromatic Color

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

#2a2240
```
#2a2240 rgb(42,34,64)
```
#2c2240
```
#2c2240 rgb(44,34,64)
```
#2f2240
```
#2f2240 rgb(47,34,64)
```
#312240
```
#312240 rgb(49,34,64)
```
#342240
```
#342240 rgb(52,34,64)
```
#362240
```
#362240 rgb(54,34,64)
```
#392240
```
#392240 rgb(57,34,64)
```

Similar Colors

Text with hexadecimal color #312240

This text has a font color of #312240.

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

#312240 background color

This paragraph has a background color of #312240.

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

#312240 border color

This element has a border color of #312240.

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

CSS codes

.text {color:#312240;}

.background {background-color:#312240;}

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

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, #0a070d is the darkest color, while #ffffff is the lightest one.

#0a070d
```
#0a070d rgb(10,7,13)
```
#140e1a
```
#140e1a rgb(20,14,26)
```
#1d1426
```
#1d1426 rgb(29,20,38)
```
#271b33
```
#271b33 rgb(39,27,51)
```
#312240
```
#312240 rgb(49,34,64)
```
#3b294d
```
#3b294d rgb(59,41,77)
```
#45305a
```
#45305a rgb(69,48,90)
```
#4e3666
```
#4e3666 rgb(78,54,102)
```
#583d73
```
#583d73 rgb(88,61,115)
```
#624480
```
#624480 rgb(98,68,128)
```
#6c4b8d
```
#6c4b8d rgb(108,75,141)
```
#76529a
```
#76529a rgb(118,82,154)
```
#7f58a6
```
#7f58a6 rgb(127,88,166)
```

Shade Color Variation

#8965ad
```
#8965ad rgb(137,101,173)
```
#9372b4
```
#9372b4 rgb(147,114,180)
```
#9d7fbb
```
#9d7fbb rgb(157,127,187)
```
#a78cc2
```
#a78cc2 rgb(167,140,194)
```
#b198c9
```
#b198c9 rgb(177,152,201)
```
#baa5cf
```
#baa5cf rgb(186,165,207)
```
#c4b2d6
```
#c4b2d6 rgb(196,178,214)
```
#cebfdd
```
#cebfdd rgb(206,191,221)
```
#d8cce4
```
#d8cce4 rgb(216,204,228)
```
#e2d9eb
```
#e2d9eb rgb(226,217,235)
```
#ebe5f1
```
#ebe5f1 rgb(235,229,241)
```
#f5f2f8
```
#f5f2f8 rgb(245,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#312d35
```
#312d35 rgb(49,45,53)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#31263c
```
#31263c rgb(49,38,60)
```
#312240
```
#312240 rgb(49,34,64)
```
#311e44
```
#311e44 rgb(49,30,68)
```
#311a48
```
#311a48 rgb(49,26,72)
```
#31174b
```
#31174b rgb(49,23,75)
```
#31134f
```
#31134f rgb(49,19,79)
```
#310f53
```
#310f53 rgb(49,15,83)
```
#310b57
```
#310b57 rgb(49,11,87)
```
#31085a
```
#31085a rgb(49,8,90)
```
#31045e
```
#31045e rgb(49,4,94)
```
#310062
```
#310062 rgb(49,0,98)
```

Tone Color Variation

Below, you can see how #312240 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
#2b282e Atypical Achromatopsia 0.001% of the population

Dichromacy

#28324d Protanopia 1% of men
#2b3347 Deuteranopia 1% of men
#373235 Tritanopia 0.001% of the population

Trichromacy

#2b2c48 Protanomaly 1% of men, 0.01% of women
#2d2c45 Deuteranomaly 6% of men, 0.4% of women
#352c39 Tritanomaly 0.01% of the population

#312240 hex color

#312240 Color Information

#312240 Color Conversion

Color Schemes with #312240

Alternatives to #312240

#312240 Preview

Shades and Tints of #312240

Tones of #312240

Color Blindness Simulator