#312a8c hex color

In a RGB color space, hex #312a8c is composed of 19.2% red, 16.5% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 70% magenta, 0% yellow and 45.1% black. It has a hue angle of 244.3 degrees, a saturation of 53.8% and a lightness of 35.7%. #312a8c color hex could be obtained by blending #6254ff with #000019. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 16
- B 55
RGB color chart
- C 65
- M 70
- Y 0
- K 45
CMYK color chart

● #312a8c color description : Dark blue.

The hexadecimal color #312a8c has RGB values of R:49, G:42, B:140 and CMYK values of C:0.65, M:0.7, Y:0, K:0.45. Its decimal value is 3222156.

Hex triplet	312a8c	`#312a8c`
RGB Decimal	49, 42, 140	`rgb(49,42,140)`
RGB Percent	19.2, 16.5, 54.9	`rgb(19.2%,16.5%,54.9%)`
CMYK	65, 70, 0, 45
HSL	244.3°, 53.8, 35.7	`hsl(244.3,53.8%,35.7%)`
HSV (or HSB)	244.3°, 70, 54.9
Web Safe	333399	`#333399`

CIE-LAB	24.328, 34.016, -53.361
XYZ	6.827, 4.202, 25.261
xyY	0.188, 0.116, 4.202
CIE-LCH	24.328, 63.281, 302.516
CIE-LUV	24.328, -3.267, -65.995
Hunter-Lab	20.499, 23.578, -58.714
Binary	00110001, 00101010, 10001100

#312a8c
```
#312a8c rgb(49,42,140)
```
#858c2a
```
#858c2a rgb(133,140,42)
```

Complementary Color

#2a548c
```
#2a548c rgb(42,84,140)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#622a8c
```
#622a8c rgb(98,42,140)
```

Analogous Color

#548c2a
```
#548c2a rgb(84,140,42)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#8c622a
```
#8c622a rgb(140,98,42)
```

Split Complementary Color

#2a8c31
```
#2a8c31 rgb(42,140,49)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#8c312a
```
#8c312a rgb(140,49,42)
```

Triadic Color

#2a858c
```
#2a858c rgb(42,133,140)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#8c312a
```
#8c312a rgb(140,49,42)
```
#858c2a
```
#858c2a rgb(133,140,42)
```

Tetradic Color

#1c1851
```
#1c1851 rgb(28,24,81)
```
#231e65
```
#231e65 rgb(35,30,101)
```
#2a2478
```
#2a2478 rgb(42,36,120)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#3830a0
```
#3830a0 rgb(56,48,160)
```
#3f36b3
```
#3f36b3 rgb(63,54,179)
```
#473ec5
```
#473ec5 rgb(71,62,197)
```

Monochromatic Color

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

#2a3c8c
```
#2a3c8c rgb(42,60,140)
```
#2a338c
```
#2a338c rgb(42,51,140)
```
#2a2b8c
```
#2a2b8c rgb(42,43,140)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#392a8c
```
#392a8c rgb(57,42,140)
```
#412a8c
```
#412a8c rgb(65,42,140)
```
#492a8c
```
#492a8c rgb(73,42,140)
```

Similar Colors

Text with hexadecimal color #312a8c

This text has a font color of #312a8c.

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

#312a8c background color

This paragraph has a background color of #312a8c.

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

#312a8c border color

This element has a border color of #312a8c.

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

CSS codes

.text {color:#312a8c;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#070613
```
#070613 rgb(7,6,19)
```
#0c0a22
```
#0c0a22 rgb(12,10,34)
```
#110f31
```
#110f31 rgb(17,15,49)
```
#171341
```
#171341 rgb(23,19,65)
```
#1c1850
```
#1c1850 rgb(28,24,80)
```
#211c5f
```
#211c5f rgb(33,28,95)
```
#26216e
```
#26216e rgb(38,33,110)
```
#2c257d
```
#2c257d rgb(44,37,125)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#362f9b
```
#362f9b rgb(54,47,155)
```
#3c33aa
```
#3c33aa rgb(60,51,170)
```
#4138b9
```
#4138b9 rgb(65,56,185)
```

Shade Color Variation

#493fc5
```
#493fc5 rgb(73,63,197)
```
#574eca
```
#574eca rgb(87,78,202)
```
#655dce
```
#655dce rgb(101,93,206)
```
#746cd3
```
#746cd3 rgb(116,108,211)
```
#827bd8
```
#827bd8 rgb(130,123,216)
```
#908adc
```
#908adc rgb(144,138,220)
```
#9f9ae1
```
#9f9ae1 rgb(159,154,225)
```
#ada9e5
```
#ada9e5 rgb(173,169,229)
```
#bbb8ea
```
#bbb8ea rgb(187,184,234)
```
#cac7ee
```
#cac7ee rgb(202,199,238)
```
#d8d6f3
```
#d8d6f3 rgb(216,214,243)
```
#e6e5f7
```
#e6e5f7 rgb(230,229,247)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#555462
```
#555462 rgb(85,84,98)
```
#4f4d69
```
#4f4d69 rgb(79,77,105)
```
#494670
```
#494670 rgb(73,70,112)
```
#433f77
```
#433f77 rgb(67,63,119)
```
#3d387e
```
#3d387e rgb(61,56,126)
```
#373185
```
#373185 rgb(55,49,133)
```
#312a8c
```
#312a8c rgb(49,42,140)
```
#2b2393
```
#2b2393 rgb(43,35,147)
```
#251c9a
```
#251c9a rgb(37,28,154)
```
#1f15a1
```
#1f15a1 rgb(31,21,161)
```
#190ea8
```
#190ea8 rgb(25,14,168)
```
#1307af
```
#1307af rgb(19,7,175)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#113984 Protanomaly 1% of men, 0.01% of women
#113b7a Deuteranomaly 6% of men, 0.4% of women
#113e65 Tritanomaly 0.01% of the population

#312a8c hex color

#312a8c Color Information

#312a8c Color Conversion

Color Schemes with #312a8c

Alternatives to #312a8c

#312a8c Preview

Shades and Tints of #312a8c

Tones of #312a8c

Color Blindness Simulator