#312a42 hex color

In a RGB color space, hex #312a42 is composed of 19.2% red, 16.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 36.4% magenta, 0% yellow and 74.1% black. It has a hue angle of 257.5 degrees, a saturation of 22.2% and a lightness of 21.2%. #312a42 color hex could be obtained by blending #625484 with #000000. Closest websafe color is: #333333.

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

● #312a42 color description : Very dark desaturated violet.

The hexadecimal color #312a42 has RGB values of R:49, G:42, B:66 and CMYK values of C:0.26, M:0.36, Y:0, K:0.74. Its decimal value is 3222082.

Hex triplet	312a42	`#312a42`
RGB Decimal	49, 42, 66	`rgb(49,42,66)`
RGB Percent	19.2, 16.5, 25.9	`rgb(19.2%,16.5%,25.9%)`
CMYK	26, 36, 0, 74
HSL	257.5°, 22.2, 21.2	`hsl(257.5,22.2%,21.2%)`
HSV (or HSB)	257.5°, 36.4, 25.9
Web Safe	333333	`#333333`

CIE-LAB	18.81, 9.327, -13.975
XYZ	3.078, 2.702, 5.513
xyY	0.273, 0.239, 2.702
CIE-LCH	18.81, 16.802, 303.72
CIE-LUV	18.81, 1.67, -15.655
Hunter-Lab	16.438, 4.653, -8.379
Binary	00110001, 00101010, 01000010

#312a42
```
#312a42 rgb(49,42,66)
```
#3b422a
```
#3b422a rgb(59,66,42)
```

Complementary Color

#2a2f42
```
#2a2f42 rgb(42,47,66)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#3d2a42
```
#3d2a42 rgb(61,42,66)
```

Analogous Color

#2f422a
```
#2f422a rgb(47,66,42)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#423d2a
```
#423d2a rgb(66,61,42)
```

Split Complementary Color

#2a4231
```
#2a4231 rgb(42,66,49)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#42312a
```
#42312a rgb(66,49,42)
```

Triadic Color

#2a3b42
```
#2a3b42 rgb(42,59,66)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#42312a
```
#42312a rgb(66,49,42)
```
#3b422a
```
#3b422a rgb(59,66,42)
```

Tetradic Color

#0e0c13
```
#0e0c13 rgb(14,12,19)
```
#1a1623
```
#1a1623 rgb(26,22,35)
```
#252032
```
#252032 rgb(37,32,50)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#3d3452
```
#3d3452 rgb(61,52,82)
```
#483e61
```
#483e61 rgb(72,62,97)
```
#544871
```
#544871 rgb(84,72,113)
```

Monochromatic Color

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

#2b2a42
```
#2b2a42 rgb(43,42,66)
```
#2d2a42
```
#2d2a42 rgb(45,42,66)
```
#2f2a42
```
#2f2a42 rgb(47,42,66)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#332a42
```
#332a42 rgb(51,42,66)
```
#352a42
```
#352a42 rgb(53,42,66)
```
#372a42
```
#372a42 rgb(55,42,66)
```

Similar Colors

Text with hexadecimal color #312a42

This text has a font color of #312a42.

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

#312a42 background color

This paragraph has a background color of #312a42.

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

#312a42 border color

This element has a border color of #312a42.

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

CSS codes

.text {color:#312a42;}

.background {background-color:#312a42;}

.border {border:1px solid #312a42;}

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

#050406
```
#050406 rgb(5,4,6)
```
#0d0b12
```
#0d0b12 rgb(13,11,18)
```
#16131e
```
#16131e rgb(22,19,30)
```
#1f1b2a
```
#1f1b2a rgb(31,27,42)
```
#282236
```
#282236 rgb(40,34,54)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#3a324e
```
#3a324e rgb(58,50,78)
```
#43395a
```
#43395a rgb(67,57,90)
```
#4c4166
```
#4c4166 rgb(76,65,102)
```
#554972
```
#554972 rgb(85,73,114)
```
#5d507e
```
#5d507e rgb(93,80,126)
```
#66588a
```
#66588a rgb(102,88,138)
```
#6f5f96
```
#6f5f96 rgb(111,95,150)
```

Shade Color Variation

#7969a0
```
#7969a0 rgb(121,105,160)
```
#8475a7
```
#8475a7 rgb(132,117,167)
```
#8f81af
```
#8f81af rgb(143,129,175)
```
#998db7
```
#998db7 rgb(153,141,183)
```
#a499be
```
#a499be rgb(164,153,190)
```
#afa5c6
```
#afa5c6 rgb(175,165,198)
```
#b9b1cd
```
#b9b1cd rgb(185,177,205)
```
#c4bdd5
```
#c4bdd5 rgb(196,189,213)
```
#cfc9dd
```
#cfc9dd rgb(207,201,221)
```
#dad5e4
```
#dad5e4 rgb(218,213,228)
```
#e4e1ec
```
#e4e1ec rgb(228,225,236)
```
#efedf4
```
#efedf4 rgb(239,237,244)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#34323a
```
#34323a rgb(52,50,58)
```
#332e3e
```
#332e3e rgb(51,46,62)
```
#312a42
```
#312a42 rgb(49,42,66)
```
#2f2646
```
#2f2646 rgb(47,38,70)
```
#2e224a
```
#2e224a rgb(46,34,74)
```
#2c1e4e
```
#2c1e4e rgb(44,30,78)
```
#2a1953
```
#2a1953 rgb(42,25,83)
```
#281557
```
#281557 rgb(40,21,87)
```
#27115b
```
#27115b rgb(39,17,91)
```
#250d5f
```
#250d5f rgb(37,13,95)
```
#230963
```
#230963 rgb(35,9,99)
```
#210567
```
#210567 rgb(33,5,103)
```
#20006c
```
#20006c rgb(32,0,108)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2e33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31374d Protanopia 1% of men
#32374a Deuteranopia 1% of men
#38383c Tritanopia 0.001% of the population

Trichromacy

#313249 Protanomaly 1% of men, 0.01% of women
#323247 Deuteranomaly 6% of men, 0.4% of women
#35333e Tritanomaly 0.01% of the population

#312a42 hex color

#312a42 Color Information

#312a42 Color Conversion

Color Schemes with #312a42

Alternatives to #312a42

#312a42 Preview

Shades and Tints of #312a42

Tones of #312a42

Color Blindness Simulator