#312a6d hex color

In a RGB color space, hex #312a6d is composed of 19.2% red, 16.5% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 61.5% magenta, 0% yellow and 57.3% black. It has a hue angle of 246.3 degrees, a saturation of 44.4% and a lightness of 29.6%. #312a6d color hex could be obtained by blending #6254da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 43
RGB color chart
- C 55
- M 61
- Y 0
- K 57
CMYK color chart

● #312a6d color description : Very dark blue.

The hexadecimal color #312a6d has RGB values of R:49, G:42, B:109 and CMYK values of C:0.55, M:0.61, Y:0, K:0.57. Its decimal value is 3222125.

Hex triplet	312a6d	`#312a6d`
RGB Decimal	49, 42, 109	`rgb(49,42,109)`
RGB Percent	19.2, 16.5, 42.7	`rgb(19.2%,16.5%,42.7%)`
CMYK	55, 61, 0, 57
HSL	246.3°, 44.4, 29.6	`hsl(246.3,44.4%,29.6%)`
HSV (or HSB)	246.3°, 61.5, 42.7
Web Safe	333366	`#333366`

CIE-LAB	21.627, 23.326, -38.121
XYZ	4.854, 3.413, 14.87
xyY	0.21, 0.148, 3.413
CIE-LCH	21.627, 44.691, 301.462
CIE-LUV	21.627, -1.387, -45.879
Hunter-Lab	18.474, 14.575, -34.792
Binary	00110001, 00101010, 01101101

#312a6d
```
#312a6d rgb(49,42,109)
```
#666d2a
```
#666d2a rgb(102,109,42)
```

Complementary Color

#2a456d
```
#2a456d rgb(42,69,109)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#532a6d
```
#532a6d rgb(83,42,109)
```

Analogous Color

#456d2a
```
#456d2a rgb(69,109,42)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#6d532a
```
#6d532a rgb(109,83,42)
```

Split Complementary Color

#2a6d31
```
#2a6d31 rgb(42,109,49)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#6d312a
```
#6d312a rgb(109,49,42)
```

Triadic Color

#2a666d
```
#2a666d rgb(42,102,109)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#6d312a
```
#6d312a rgb(109,49,42)
```
#666d2a
```
#666d2a rgb(102,109,42)
```

Tetradic Color

#181536
```
#181536 rgb(24,21,54)
```
#201c48
```
#201c48 rgb(32,28,72)
```
#29235b
```
#29235b rgb(41,35,91)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#39317f
```
#39317f rgb(57,49,127)
```
#423892
```
#423892 rgb(66,56,146)
```
#4a3fa4
```
#4a3fa4 rgb(74,63,164)
```

Monochromatic Color

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

#2a346d
```
#2a346d rgb(42,52,109)
```
#2a2e6d
```
#2a2e6d rgb(42,46,109)
```
#2b2a6d
```
#2b2a6d rgb(43,42,109)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#372a6d
```
#372a6d rgb(55,42,109)
```
#3c2a6d
```
#3c2a6d rgb(60,42,109)
```
#422a6d
```
#422a6d rgb(66,42,109)
```

Similar Colors

Text with hexadecimal color #312a6d

This text has a font color of #312a6d.

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

#312a6d background color

This paragraph has a background color of #312a6d.

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

#312a6d border color

This element has a border color of #312a6d.

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

CSS codes

.text {color:#312a6d;}

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

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

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

#04040a
```
#04040a rgb(4,4,10)
```
#0b0918
```
#0b0918 rgb(11,9,24)
```
#110f26
```
#110f26 rgb(17,15,38)
```
#181434
```
#181434 rgb(24,20,52)
```
#1e1a43
```
#1e1a43 rgb(30,26,67)
```
#241f51
```
#241f51 rgb(36,31,81)
```
#2b255f
```
#2b255f rgb(43,37,95)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#372f7b
```
#372f7b rgb(55,47,123)
```
#3e3589
```
#3e3589 rgb(62,53,137)
```
#443a97
```
#443a97 rgb(68,58,151)
```
#4a40a6
```
#4a40a6 rgb(74,64,166)
```
#5145b4
```
#5145b4 rgb(81,69,180)
```

Shade Color Variation

#5c51bc
```
#5c51bc rgb(92,81,188)
```
#695fc1
```
#695fc1 rgb(105,95,193)
```
#766dc7
```
#766dc7 rgb(118,109,199)
```
#847bcc
```
#847bcc rgb(132,123,204)
```
#9189d2
```
#9189d2 rgb(145,137,210)
```
#9e98d7
```
#9e98d7 rgb(158,152,215)
```
#aba6dd
```
#aba6dd rgb(171,166,221)
```
#b9b4e2
```
#b9b4e2 rgb(185,180,226)
```
#c6c2e8
```
#c6c2e8 rgb(198,194,232)
```
#d3d0ed
```
#d3d0ed rgb(211,208,237)
```
#e0def2
```
#e0def2 rgb(224,222,242)
```
#eeedf8
```
#eeedf8 rgb(238,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#484750
```
#484750 rgb(72,71,80)
```
#434156
```
#434156 rgb(67,65,86)
```
#3f3b5c
```
#3f3b5c rgb(63,59,92)
```
#3a3661
```
#3a3661 rgb(58,54,97)
```
#363067
```
#363067 rgb(54,48,103)
```
#312a6d
```
#312a6d rgb(49,42,109)
```
#2c2473
```
#2c2473 rgb(44,36,115)
```
#281e79
```
#281e79 rgb(40,30,121)
```
#23197e
```
#23197e rgb(35,25,126)
```
#1f1384
```
#1f1384 rgb(31,19,132)
```
#1a0d8a
```
#1a0d8a rgb(26,13,138)
```
#150790
```
#150790 rgb(21,7,144)
```
#110196
```
#110196 rgb(17,1,150)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33323f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c76 Protanopia 1% of men
#003f68 Deuteranopia 1% of men
#284247 Tritanopia 0.001% of the population

Trichromacy

#113573 Protanomaly 1% of men, 0.01% of women
#11376a Deuteranomaly 6% of men, 0.4% of women
#2b3954 Tritanomaly 0.01% of the population

#312a6d hex color

#312a6d Color Information

#312a6d Color Conversion

Color Schemes with #312a6d

Alternatives to #312a6d

#312a6d Preview

Shades and Tints of #312a6d

Tones of #312a6d

Color Blindness Simulator