#312a82 hex color

In a RGB color space, hex #312a82 is composed of 19.2% red, 16.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 67.7% magenta, 0% yellow and 49% black. It has a hue angle of 244.8 degrees, a saturation of 51.2% and a lightness of 33.7%. #312a82 color hex could be obtained by blending #6254ff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 16
- B 51
RGB color chart
- C 62
- M 68
- Y 0
- K 49
CMYK color chart

● #312a82 color description : Dark moderate blue.

The hexadecimal color #312a82 has RGB values of R:49, G:42, B:130 and CMYK values of C:0.62, M:0.68, Y:0, K:0.49. Its decimal value is 3222146.

Hex triplet	312a82	`#312a82`
RGB Decimal	49, 42, 130	`rgb(49,42,130)`
RGB Percent	19.2, 16.5, 51	`rgb(19.2%,16.5%,51%)`
CMYK	62, 68, 0, 49
HSL	244.8°, 51.2, 33.7	`hsl(244.8,51.2%,33.7%)`
HSV (or HSB)	244.8°, 67.7, 51
Web Safe	333399	`#333399`

CIE-LAB	23.406, 30.583, -48.615
XYZ	6.123, 3.92, 21.552
xyY	0.194, 0.124, 3.92
CIE-LCH	23.406, 57.435, 302.173
CIE-LUV	23.406, -2.688, -59.657
Hunter-Lab	19.8, 20.551, -50.676
Binary	00110001, 00101010, 10000010

#312a82
```
#312a82 rgb(49,42,130)
```
#7b822a
```
#7b822a rgb(123,130,42)
```

Complementary Color

#2a4f82
```
#2a4f82 rgb(42,79,130)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#5d2a82
```
#5d2a82 rgb(93,42,130)
```

Analogous Color

#4f822a
```
#4f822a rgb(79,130,42)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#825d2a
```
#825d2a rgb(130,93,42)
```

Split Complementary Color

#2a8231
```
#2a8231 rgb(42,130,49)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#82312a
```
#82312a rgb(130,49,42)
```

Triadic Color

#2a7b82
```
#2a7b82 rgb(42,123,130)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#82312a
```
#82312a rgb(130,49,42)
```
#7b822a
```
#7b822a rgb(123,130,42)
```

Tetradic Color

#1b1748
```
#1b1748 rgb(27,23,72)
```
#221e5b
```
#221e5b rgb(34,30,91)
```
#2a246f
```
#2a246f rgb(42,36,111)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#383095
```
#383095 rgb(56,48,149)
```
#4036a9
```
#4036a9 rgb(64,54,169)
```
#473dbc
```
#473dbc rgb(71,61,188)
```

Monochromatic Color

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

#2a3982
```
#2a3982 rgb(42,57,130)
```
#2a3282
```
#2a3282 rgb(42,50,130)
```
#2a2a82
```
#2a2a82 rgb(42,42,130)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#382a82
```
#382a82 rgb(56,42,130)
```
#402a82
```
#402a82 rgb(64,42,130)
```
#472a82
```
#472a82 rgb(71,42,130)
```

Similar Colors

Text with hexadecimal color #312a82

This text has a font color of #312a82.

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

#312a82 background color

This paragraph has a background color of #312a82.

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

#312a82 border color

This element has a border color of #312a82.

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

CSS codes

.text {color:#312a82;}

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

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

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

#04040b
```
#04040b rgb(4,4,11)
```
#0a081a
```
#0a081a rgb(10,8,26)
```
#0f0d29
```
#0f0d29 rgb(15,13,41)
```
#151238
```
#151238 rgb(21,18,56)
```
#1b1747
```
#1b1747 rgb(27,23,71)
```
#201c56
```
#201c56 rgb(32,28,86)
```
#262064
```
#262064 rgb(38,32,100)
```
#2b2573
```
#2b2573 rgb(43,37,115)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#372f91
```
#372f91 rgb(55,47,145)
```
#3c34a0
```
#3c34a0 rgb(60,52,160)
```
#4238ae
```
#4238ae rgb(66,56,174)
```
#473dbd
```
#473dbd rgb(71,61,189)
```

Shade Color Variation

#534ac4
```
#534ac4 rgb(83,74,196)
```
#6158c9
```
#6158c9 rgb(97,88,201)
```
#6f67ce
```
#6f67ce rgb(111,103,206)
```
#7e76d3
```
#7e76d3 rgb(126,118,211)
```
#8c85d8
```
#8c85d8 rgb(140,133,216)
```
#9a94dc
```
#9a94dc rgb(154,148,220)
```
#a8a3e1
```
#a8a3e1 rgb(168,163,225)
```
#b6b1e6
```
#b6b1e6 rgb(182,177,230)
```
#c4c0eb
```
#c4c0eb rgb(196,192,235)
```
#d2cff0
```
#d2cff0 rgb(210,207,240)
```
#e0def4
```
#e0def4 rgb(224,222,244)
```
#eeedf9
```
#eeedf9 rgb(238,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#52525a
```
#52525a rgb(82,82,90)
```
#4d4b61
```
#4d4b61 rgb(77,75,97)
```
#474468
```
#474468 rgb(71,68,104)
```
#423e6e
```
#423e6e rgb(66,62,110)
```
#3c3775
```
#3c3775 rgb(60,55,117)
```
#37317b
```
#37317b rgb(55,49,123)
```
#312a82
```
#312a82 rgb(49,42,130)
```
#2b2389
```
#2b2389 rgb(43,35,137)
```
#261d8f
```
#261d8f rgb(38,29,143)
```
#201696
```
#201696 rgb(32,22,150)
```
#1b109c
```
#1b109c rgb(27,16,156)
```
#1509a3
```
#1509a3 rgb(21,9,163)
```
#1002aa
```
#1002aa rgb(16,2,170)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#11484d Tritanopia 0.001% of the population

Trichromacy

#11387e Protanomaly 1% of men, 0.01% of women
#113a74 Deuteranomaly 6% of men, 0.4% of women
#1c3d60 Tritanomaly 0.01% of the population

#312a82 hex color

#312a82 Color Information

#312a82 Color Conversion

Color Schemes with #312a82

Alternatives to #312a82

#312a82 Preview

Shades and Tints of #312a82

Tones of #312a82

Color Blindness Simulator