#312151 hex color

In a RGB color space, hex #312151 is composed of 19.2% red, 12.9% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 59.3% magenta, 0% yellow and 68.2% black. It has a hue angle of 260 degrees, a saturation of 42.1% and a lightness of 22.4%. #312151 color hex could be obtained by blending #6242a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 32
RGB color chart
- C 40
- M 59
- Y 0
- K 68
CMYK color chart

● #312151 color description : Very dark desaturated violet.

The hexadecimal color #312151 has RGB values of R:49, G:33, B:81 and CMYK values of C:0.4, M:0.59, Y:0, K:0.68. Its decimal value is 3219793.

Hex triplet	312151	`#312151`
RGB Decimal	49, 33, 81	`rgb(49,33,81)`
RGB Percent	19.2, 12.9, 31.8	`rgb(19.2%,12.9%,31.8%)`
CMYK	40, 59, 0, 68
HSL	260°, 42.1, 22.4	`hsl(260,42.1%,22.4%)`
HSV (or HSB)	260°, 59.3, 31.8
Web Safe	333366	`#333366`

CIE-LAB	17.154, 20.134, -26.818
XYZ	3.295, 2.335, 8.061
xyY	0.241, 0.171, 2.335
CIE-LCH	17.154, 33.535, 306.899
CIE-LUV	17.154, 2.914, -29.466
Hunter-Lab	15.28, 11.757, -20.583
Binary	00110001, 00100001, 01010001

#312151
```
#312151 rgb(49,33,81)
```
#415121
```
#415121 rgb(65,81,33)
```

Complementary Color

#212951
```
#212951 rgb(33,41,81)
```
#312151
```
#312151 rgb(49,33,81)
```
#492151
```
#492151 rgb(73,33,81)
```

Analogous Color

#295121
```
#295121 rgb(41,81,33)
```
#312151
```
#312151 rgb(49,33,81)
```
#514921
```
#514921 rgb(81,73,33)
```

Split Complementary Color

#215131
```
#215131 rgb(33,81,49)
```
#312151
```
#312151 rgb(49,33,81)
```
#513121
```
#513121 rgb(81,49,33)
```

Triadic Color

#214151
```
#214151 rgb(33,65,81)
```
#312151
```
#312151 rgb(49,33,81)
```
#513121
```
#513121 rgb(81,49,33)
```
#415121
```
#415121 rgb(65,81,33)
```

Tetradic Color

#100b1b
```
#100b1b rgb(16,11,27)
```
#1b122d
```
#1b122d rgb(27,18,45)
```
#261a3f
```
#261a3f rgb(38,26,63)
```
#312151
```
#312151 rgb(49,33,81)
```
#3c2863
```
#3c2863 rgb(60,40,99)
```
#473075
```
#473075 rgb(71,48,117)
```
#523787
```
#523787 rgb(82,55,135)
```

Monochromatic Color

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

#252151
```
#252151 rgb(37,33,81)
```
#292151
```
#292151 rgb(41,33,81)
```
#2d2151
```
#2d2151 rgb(45,33,81)
```
#312151
```
#312151 rgb(49,33,81)
```
#352151
```
#352151 rgb(53,33,81)
```
#392151
```
#392151 rgb(57,33,81)
```
#3d2151
```
#3d2151 rgb(61,33,81)
```

Similar Colors

Text with hexadecimal color #312151

This text has a font color of #312151.

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

#312151 background color

This paragraph has a background color of #312151.

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

#312151 border color

This element has a border color of #312151.

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

CSS codes

.text {color:#312151;}

.background {background-color:#312151;}

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

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, #07050b is the darkest color, while #fdfcfe is the lightest one.

#07050b
```
#07050b rgb(7,5,11)
```
#0f0a19
```
#0f0a19 rgb(15,10,25)
```
#181027
```
#181027 rgb(24,16,39)
```
#201635
```
#201635 rgb(32,22,53)
```
#291b43
```
#291b43 rgb(41,27,67)
```
#312151
```
#312151 rgb(49,33,81)
```
#39275f
```
#39275f rgb(57,39,95)
```
#422c6d
```
#422c6d rgb(66,44,109)
```
#4a327b
```
#4a327b rgb(74,50,123)
```
#533889
```
#533889 rgb(83,56,137)
```
#5b3d97
```
#5b3d97 rgb(91,61,151)
```
#6443a5
```
#6443a5 rgb(100,67,165)
```
#6c49b3
```
#6c49b3 rgb(108,73,179)
```

Shade Color Variation

#7755ba
```
#7755ba rgb(119,85,186)
```
#8263bf
```
#8263bf rgb(130,99,191)
```
#8d71c5
```
#8d71c5 rgb(141,113,197)
```
#987fcb
```
#987fcb rgb(152,127,203)
```
#a38dd1
```
#a38dd1 rgb(163,141,209)
```
#af9bd6
```
#af9bd6 rgb(175,155,214)
```
#baa9dc
```
#baa9dc rgb(186,169,220)
```
#c5b7e2
```
#c5b7e2 rgb(197,183,226)
```
#d0c5e7
```
#d0c5e7 rgb(208,197,231)
```
#dbd3ed
```
#dbd3ed rgb(219,211,237)
```
#e7e1f3
```
#e7e1f3 rgb(231,225,243)
```
#f2eef8
```
#f2eef8 rgb(242,238,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#38373b
```
#38373b rgb(56,55,59)
```
#37333f
```
#37333f rgb(55,51,63)
```
#352e44
```
#352e44 rgb(53,46,68)
```
#342a48
```
#342a48 rgb(52,42,72)
```
#32254d
```
#32254d rgb(50,37,77)
```
#312151
```
#312151 rgb(49,33,81)
```
#301d55
```
#301d55 rgb(48,29,85)
```
#2e185a
```
#2e185a rgb(46,24,90)
```
#2d145e
```
#2d145e rgb(45,20,94)
```
#2b0f63
```
#2b0f63 rgb(43,15,99)
```
#2a0b67
```
#2a0b67 rgb(42,11,103)
```
#28076b
```
#28076b rgb(40,7,107)
```
#270270
```
#270270 rgb(39,2,112)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2933 Atypical Achromatopsia 0.001% of the population

Dichromacy

#183360 Protanopia 1% of men
#193556 Deuteranopia 1% of men
#333539 Tritanopia 0.001% of the population

Trichromacy

#212c5a Protanomaly 1% of men, 0.01% of women
#212e54 Deuteranomaly 6% of men, 0.4% of women
#322e41 Tritanomaly 0.01% of the population

#312151 hex color

#312151 Color Information

#312151 Color Conversion

Color Schemes with #312151

Alternatives to #312151

#312151 Preview

Shades and Tints of #312151

Tones of #312151

Color Blindness Simulator