#312a49 hex color

In a RGB color space, hex #312a49 is composed of 19.2% red, 16.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 42.5% magenta, 0% yellow and 71.4% black. It has a hue angle of 253.5 degrees, a saturation of 27% and a lightness of 22.5%. #312a49 color hex could be obtained by blending #625492 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 29
RGB color chart
- C 33
- M 42
- Y 0
- K 71
CMYK color chart

● #312a49 color description : Very dark desaturated blue.

The hexadecimal color #312a49 has RGB values of R:49, G:42, B:73 and CMYK values of C:0.33, M:0.42, Y:0, K:0.71. Its decimal value is 3222089.

Hex triplet	312a49	`#312a49`
RGB Decimal	49, 42, 73	`rgb(49,42,73)`
RGB Percent	19.2, 16.5, 28.6	`rgb(19.2%,16.5%,28.6%)`
CMYK	33, 42, 0, 71
HSL	253.5°, 27, 22.5	`hsl(253.5,27%,22.5%)`
HSV (or HSB)	253.5°, 42.5, 28.6
Web Safe	333333	`#333333`

CIE-LAB	19.182, 11.419, -18.173
XYZ	3.297, 2.79, 6.668
xyY	0.258, 0.219, 2.79
CIE-LCH	19.182, 21.463, 302.142
CIE-LUV	19.182, 1.144, -20.679
Hunter-Lab	16.703, 6.003, -11.976
Binary	00110001, 00101010, 01001001

#312a49
```
#312a49 rgb(49,42,73)
```
#42492a
```
#42492a rgb(66,73,42)
```

Complementary Color

#2a3349
```
#2a3349 rgb(42,51,73)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#412a49
```
#412a49 rgb(65,42,73)
```

Analogous Color

#33492a
```
#33492a rgb(51,73,42)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#49412a
```
#49412a rgb(73,65,42)
```

Split Complementary Color

#2a4931
```
#2a4931 rgb(42,73,49)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#49312a
```
#49312a rgb(73,49,42)
```

Triadic Color

#2a4249
```
#2a4249 rgb(42,66,73)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#49312a
```
#49312a rgb(73,49,42)
```
#42492a
```
#42492a rgb(66,73,42)
```

Tetradic Color

#100e18
```
#100e18 rgb(16,14,24)
```
#1b1729
```
#1b1729 rgb(27,23,41)
```
#262139
```
#262139 rgb(38,33,57)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#3c3359
```
#3c3359 rgb(60,51,89)
```
#473d69
```
#473d69 rgb(71,61,105)
```
#52467a
```
#52467a rgb(82,70,122)
```

Monochromatic Color

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

#2a2b49
```
#2a2b49 rgb(42,43,73)
```
#2c2a49
```
#2c2a49 rgb(44,42,73)
```
#2e2a49
```
#2e2a49 rgb(46,42,73)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#342a49
```
#342a49 rgb(52,42,73)
```
#362a49
```
#362a49 rgb(54,42,73)
```
#392a49
```
#392a49 rgb(57,42,73)
```

Similar Colors

Text with hexadecimal color #312a49

This text has a font color of #312a49.

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

#312a49 background color

This paragraph has a background color of #312a49.

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

#312a49 border color

This element has a border color of #312a49.

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

CSS codes

.text {color:#312a49;}

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

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

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

#07060b
```
#07060b rgb(7,6,11)
```
#100d17
```
#100d17 rgb(16,13,23)
```
#181524
```
#181524 rgb(24,21,36)
```
#201c30
```
#201c30 rgb(32,28,48)
```
#29233d
```
#29233d rgb(41,35,61)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#393155
```
#393155 rgb(57,49,85)
```
#423862
```
#423862 rgb(66,56,98)
```
#4a3f6e
```
#4a3f6e rgb(74,63,110)
```
#52477b
```
#52477b rgb(82,71,123)
```
#5b4e87
```
#5b4e87 rgb(91,78,135)
```
#635594
```
#635594 rgb(99,85,148)
```
#6c5ca0
```
#6c5ca0 rgb(108,92,160)
```

Shade Color Variation

#7668a8
```
#7668a8 rgb(118,104,168)
```
#8274af
```
#8274af rgb(130,116,175)
```
#8d81b6
```
#8d81b6 rgb(141,129,182)
```
#988dbe
```
#988dbe rgb(152,141,190)
```
#a39ac5
```
#a39ac5 rgb(163,154,197)
```
#afa6cc
```
#afa6cc rgb(175,166,204)
```
#bab3d3
```
#bab3d3 rgb(186,179,211)
```
#c5bfda
```
#c5bfda rgb(197,191,218)
```
#d0cbe1
```
#d0cbe1 rgb(208,203,225)
```
#dcd8e9
```
#dcd8e9 rgb(220,216,233)
```
#e7e4f0
```
#e7e4f0 rgb(231,228,240)
```
#f2f1f7
```
#f2f1f7 rgb(242,241,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#38373c
```
#38373c rgb(56,55,60)
```
#363340
```
#363340 rgb(54,51,64)
```
#332e45
```
#332e45 rgb(51,46,69)
```
#312a49
```
#312a49 rgb(49,42,73)
```
#2f264d
```
#2f264d rgb(47,38,77)
```
#2c2152
```
#2c2152 rgb(44,33,82)
```
#2a1d56
```
#2a1d56 rgb(42,29,86)
```
#27185b
```
#27185b rgb(39,24,91)
```
#25145f
```
#25145f rgb(37,20,95)
```
#220f64
```
#220f64 rgb(34,15,100)
```
#200b68
```
#200b68 rgb(32,11,104)
```
#1e076c
```
#1e076c rgb(30,7,108)
```
#1b0271
```
#1b0271 rgb(27,2,113)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302f35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3854 Protanopia 1% of men
#2e3951 Deuteranopia 1% of men
#36393d Tritanopia 0.001% of the population

Trichromacy

#2f3350 Protanomaly 1% of men, 0.01% of women
#2f334e Deuteranomaly 6% of men, 0.4% of women
#343341 Tritanomaly 0.01% of the population

#312a49 hex color

#312a49 Color Information

#312a49 Color Conversion

Color Schemes with #312a49

Alternatives to #312a49

#312a49 Preview

Shades and Tints of #312a49

Tones of #312a49

Color Blindness Simulator