#312142 hex color

In a RGB color space, hex #312142 is composed of 19.2% red, 12.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 50% magenta, 0% yellow and 74.1% black. It has a hue angle of 269.1 degrees, a saturation of 33.3% and a lightness of 19.4%. #312142 color hex could be obtained by blending #624284 with #000000. Closest websafe color is: #333333.

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

● #312142 color description : Very dark desaturated violet.

The hexadecimal color #312142 has RGB values of R:49, G:33, B:66 and CMYK values of C:0.26, M:0.5, Y:0, K:0.74. Its decimal value is 3219778.

Hex triplet	312142	`#312142`
RGB Decimal	49, 33, 66	`rgb(49,33,66)`
RGB Percent	19.2, 12.9, 25.9	`rgb(19.2%,12.9%,25.9%)`
CMYK	26, 50, 0, 74
HSL	269.1°, 33.3, 19.4	`hsl(269.1,33.3%,19.4%)`
HSV (or HSB)	269.1°, 50, 25.9
Web Safe	333333	`#333333`

CIE-LAB	16.176, 15.618, -18.09
XYZ	2.794, 2.134, 5.419
xyY	0.27, 0.206, 2.134
CIE-LCH	16.176, 23.9, 310.805
CIE-LUV	16.176, 4.419, -19.385
Hunter-Lab	14.608, 8.571, -11.767
Binary	00110001, 00100001, 01000010

#312142
```
#312142 rgb(49,33,66)
```
#324221
```
#324221 rgb(50,66,33)
```

Complementary Color

#212242
```
#212242 rgb(33,34,66)
```
#312142
```
#312142 rgb(49,33,66)
```
#422142
```
#422142 rgb(66,33,66)
```

Analogous Color

#224221
```
#224221 rgb(34,66,33)
```
#312142
```
#312142 rgb(49,33,66)
```
#424221
```
#424221 rgb(66,66,33)
```

Split Complementary Color

#214231
```
#214231 rgb(33,66,49)
```
#312142
```
#312142 rgb(49,33,66)
```
#423121
```
#423121 rgb(66,49,33)
```

Triadic Color

#213242
```
#213242 rgb(33,50,66)
```
#312142
```
#312142 rgb(49,33,66)
```
#423121
```
#423121 rgb(66,49,33)
```
#324221
```
#324221 rgb(50,66,33)
```

Tetradic Color

#0b080f
```
#0b080f rgb(11,8,15)
```
#181020
```
#181020 rgb(24,16,32)
```
#241931
```
#241931 rgb(36,25,49)
```
#312142
```
#312142 rgb(49,33,66)
```
#3e2a53
```
#3e2a53 rgb(62,42,83)
```
#4a3264
```
#4a3264 rgb(74,50,100)
```
#573b75
```
#573b75 rgb(87,59,117)
```

Monochromatic Color

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

#292142
```
#292142 rgb(41,33,66)
```
#2c2142
```
#2c2142 rgb(44,33,66)
```
#2e2142
```
#2e2142 rgb(46,33,66)
```
#312142
```
#312142 rgb(49,33,66)
```
#342142
```
#342142 rgb(52,33,66)
```
#372142
```
#372142 rgb(55,33,66)
```
#392142
```
#392142 rgb(57,33,66)
```

Similar Colors

Text with hexadecimal color #312142

This text has a font color of #312142.

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

#312142 background color

This paragraph has a background color of #312142.

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

#312142 border color

This element has a border color of #312142.

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

CSS codes

.text {color:#312142;}

.background {background-color:#312142;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a070e
```
#0a070e rgb(10,7,14)
```
#140d1b
```
#140d1b rgb(20,13,27)
```
#1e1428
```
#1e1428 rgb(30,20,40)
```
#271a35
```
#271a35 rgb(39,26,53)
```
#312142
```
#312142 rgb(49,33,66)
```
#3b284f
```
#3b284f rgb(59,40,79)
```
#442e5c
```
#442e5c rgb(68,46,92)
```
#4e3569
```
#4e3569 rgb(78,53,105)
```
#583b76
```
#583b76 rgb(88,59,118)
```
#624283
```
#624283 rgb(98,66,131)
```
#6b4890
```
#6b4890 rgb(107,72,144)
```
#754f9e
```
#754f9e rgb(117,79,158)
```

Shade Color Variation

#7f56aa
```
#7f56aa rgb(127,86,170)
```
#8963b1
```
#8963b1 rgb(137,99,177)
```
#9270b7
```
#9270b7 rgb(146,112,183)
```
#9c7dbe
```
#9c7dbe rgb(156,125,190)
```
#a68ac4
```
#a68ac4 rgb(166,138,196)
```
#b097cb
```
#b097cb rgb(176,151,203)
```
#baa4d2
```
#baa4d2 rgb(186,164,210)
```
#c4b1d8
```
#c4b1d8 rgb(196,177,216)
```
#cebedf
```
#cebedf rgb(206,190,223)
```
#d8cbe5
```
#d8cbe5 rgb(216,203,229)
```
#e2d8ec
```
#e2d8ec rgb(226,216,236)
```
#ece5f2
```
#ece5f2 rgb(236,229,242)
```
#f6f3f9
```
#f6f3f9 rgb(246,243,249)
```

Tint Color Variation

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

#313033
```
#313033 rgb(49,48,51)
```
#312c37
```
#312c37 rgb(49,44,55)
```
#31293a
```
#31293a rgb(49,41,58)
```
#31253e
```
#31253e rgb(49,37,62)
```
#312142
```
#312142 rgb(49,33,66)
```
#311d46
```
#311d46 rgb(49,29,70)
```
#31194a
```
#31194a rgb(49,25,74)
```
#31164d
```
#31164d rgb(49,22,77)
```
#311251
```
#311251 rgb(49,18,81)
```
#300e55
```
#300e55 rgb(48,14,85)
```
#300a59
```
#300a59 rgb(48,10,89)
```
#30065d
```
#30065d rgb(48,6,93)
```
#300360
```
#300360 rgb(48,3,96)
```

Tone Color Variation

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

#263250 Protanopia 1% of men
#283349 Deuteranopia 1% of men
#373135 Tritanopia 0.001% of the population

Trichromacy

#2a2c4b Protanomaly 1% of men, 0.01% of women
#2b2c46 Deuteranomaly 6% of men, 0.4% of women
#342b3a Tritanomaly 0.01% of the population

#312142 hex color

#312142 Color Information

#312142 Color Conversion

Color Schemes with #312142

Alternatives to #312142

#312142 Preview

Shades and Tints of #312142

Tones of #312142

Color Blindness Simulator