#312a51 hex color

In a RGB color space, hex #312a51 is composed of 19.2% red, 16.5% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 48.1% magenta, 0% yellow and 68.2% black. It has a hue angle of 250.8 degrees, a saturation of 31.7% and a lightness of 24.1%. #312a51 color hex could be obtained by blending #6254a2 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #312a51 has RGB values of R:49, G:42, B:81 and CMYK values of C:0.4, M:0.48, Y:0, K:0.68. Its decimal value is 3222097.

Hex triplet	312a51	`#312a51`
RGB Decimal	49, 42, 81	`rgb(49,42,81)`
RGB Percent	19.2, 16.5, 31.8	`rgb(19.2%,16.5%,31.8%)`
CMYK	40, 48, 0, 68
HSL	250.8°, 31.7, 24.1	`hsl(250.8,31.7%,24.1%)`
HSV (or HSB)	250.8°, 48.1, 31.8
Web Safe	333366	`#333366`

CIE-LAB	19.651, 13.929, -22.841
XYZ	3.58, 2.903, 8.156
xyY	0.245, 0.198, 2.903
CIE-LCH	19.651, 26.753, 301.376
CIE-LUV	19.651, 0.551, -26.414
Hunter-Lab	17.038, 7.685, -16.455
Binary	00110001, 00101010, 01010001

#312a51
```
#312a51 rgb(49,42,81)
```
#4a512a
```
#4a512a rgb(74,81,42)
```

Complementary Color

#2a3751
```
#2a3751 rgb(42,55,81)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#452a51
```
#452a51 rgb(69,42,81)
```

Analogous Color

#37512a
```
#37512a rgb(55,81,42)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#51452a
```
#51452a rgb(81,69,42)
```

Split Complementary Color

#2a5131
```
#2a5131 rgb(42,81,49)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#51312a
```
#51312a rgb(81,49,42)
```

Triadic Color

#2a4a51
```
#2a4a51 rgb(42,74,81)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#51312a
```
#51312a rgb(81,49,42)
```
#4a512a
```
#4a512a rgb(74,81,42)
```

Tetradic Color

#13101f
```
#13101f rgb(19,16,31)
```
#1d192f
```
#1d192f rgb(29,25,47)
```
#272140
```
#272140 rgb(39,33,64)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#3b3362
```
#3b3362 rgb(59,51,98)
```
#453b73
```
#453b73 rgb(69,59,115)
```
#4f4483
```
#4f4483 rgb(79,68,131)
```

Monochromatic Color

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

#2a2d51
```
#2a2d51 rgb(42,45,81)
```
#2b2a51
```
#2b2a51 rgb(43,42,81)
```
#2e2a51
```
#2e2a51 rgb(46,42,81)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#342a51
```
#342a51 rgb(52,42,81)
```
#372a51
```
#372a51 rgb(55,42,81)
```
#3b2a51
```
#3b2a51 rgb(59,42,81)
```

Similar Colors

Text with hexadecimal color #312a51

This text has a font color of #312a51.

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

#312a51 background color

This paragraph has a background color of #312a51.

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

#312a51 border color

This element has a border color of #312a51.

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

CSS codes

.text {color:#312a51;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0910
```
#0a0910 rgb(10,9,16)
```
#120f1d
```
#120f1d rgb(18,15,29)
```
#1a162a
```
#1a162a rgb(26,22,42)
```
#211d37
```
#211d37 rgb(33,29,55)
```
#292344
```
#292344 rgb(41,35,68)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#39315e
```
#39315e rgb(57,49,94)
```
#41376b
```
#41376b rgb(65,55,107)
```
#483e78
```
#483e78 rgb(72,62,120)
```
#504585
```
#504585 rgb(80,69,133)
```
#584b92
```
#584b92 rgb(88,75,146)
```
#60529f
```
#60529f rgb(96,82,159)
```

Shade Color Variation

#695baa
```
#695baa rgb(105,91,170)
```
#7567b0
```
#7567b0 rgb(117,103,176)
```
#8074b7
```
#8074b7 rgb(128,116,183)
```
#8c81be
```
#8c81be rgb(140,129,190)
```
#988ec5
```
#988ec5 rgb(152,142,197)
```
#a49bcb
```
#a49bcb rgb(164,155,203)
```
#b0a8d2
```
#b0a8d2 rgb(176,168,210)
```
#bbb5d9
```
#bbb5d9 rgb(187,181,217)
```
#c7c2df
```
#c7c2df rgb(199,194,223)
```
#d3cfe6
```
#d3cfe6 rgb(211,207,230)
```
#dfdced
```
#dfdced rgb(223,220,237)
```
#ebe9f3
```
#ebe9f3 rgb(235,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#3d3d3e
```
#3d3d3e rgb(61,61,62)
```
#3a3843
```
#3a3843 rgb(58,56,67)
```
#373348
```
#373348 rgb(55,51,72)
```
#342f4c
```
#342f4c rgb(52,47,76)
```
#312a51
```
#312a51 rgb(49,42,81)
```
#2e2556
```
#2e2556 rgb(46,37,86)
```
#2b215a
```
#2b215a rgb(43,33,90)
```
#281c5f
```
#281c5f rgb(40,28,95)
```
#251764
```
#251764 rgb(37,23,100)
```
#221269
```
#221269 rgb(34,18,105)
```
#1f0e6d
```
#1f0e6d rgb(31,14,109)
```
#1c0972
```
#1c0972 rgb(28,9,114)
```
#190477
```
#190477 rgb(25,4,119)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#313037 Atypical Achromatopsia 0.001% of the population

Dichromacy

#29395d Protanopia 1% of men
#283a58 Deuteranopia 1% of men
#343b3f Tritanopia 0.001% of the population

Trichromacy

#2c3358 Protanomaly 1% of men, 0.01% of women
#2b3455 Deuteranomaly 6% of men, 0.4% of women
#333545 Tritanomaly 0.01% of the population

#312a51 hex color

#312a51 Color Information

#312a51 Color Conversion

Color Schemes with #312a51

Alternatives to #312a51

#312a51 Preview

Shades and Tints of #312a51

Tones of #312a51

Color Blindness Simulator