#312a94 hex color

In a RGB color space, hex #312a94 is composed of 19.2% red, 16.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 71.6% magenta, 0% yellow and 42% black. It has a hue angle of 244 degrees, a saturation of 55.8% and a lightness of 37.3%. #312a94 color hex could be obtained by blending #6254ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 16
- B 58
RGB color chart
- C 67
- M 72
- Y 0
- K 42
CMYK color chart

● #312a94 color description : Dark blue.

The hexadecimal color #312a94 has RGB values of R:49, G:42, B:148 and CMYK values of C:0.67, M:0.72, Y:0, K:0.42. Its decimal value is 3222164.

Hex triplet	312a94	`#312a94`
RGB Decimal	49, 42, 148	`rgb(49,42,148)`
RGB Percent	19.2, 16.5, 58	`rgb(19.2%,16.5%,58%)`
CMYK	67, 72, 0, 42
HSL	244°, 55.8, 37.3	`hsl(244,55.8%,37.3%)`
HSV (or HSB)	244°, 71.6, 58
Web Safe	333399	`#333399`

CIE-LAB	25.096, 36.735, -57.052
XYZ	7.439, 4.447, 28.482
xyY	0.184, 0.11, 4.447
CIE-LCH	25.096, 67.856, 302.777
CIE-LUV	25.096, -3.714, -70.979
Hunter-Lab	21.087, 26.066, -65.32
Binary	00110001, 00101010, 10010100

#312a94
```
#312a94 rgb(49,42,148)
```
#8d942a
```
#8d942a rgb(141,148,42)
```

Complementary Color

#2a5894
```
#2a5894 rgb(42,88,148)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#662a94
```
#662a94 rgb(102,42,148)
```

Analogous Color

#58942a
```
#58942a rgb(88,148,42)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#94662a
```
#94662a rgb(148,102,42)
```

Split Complementary Color

#2a9431
```
#2a9431 rgb(42,148,49)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#94312a
```
#94312a rgb(148,49,42)
```

Triadic Color

#2a8d94
```
#2a8d94 rgb(42,141,148)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#94312a
```
#94312a rgb(148,49,42)
```
#8d942a
```
#8d942a rgb(141,148,42)
```

Tetradic Color

#1d1958
```
#1d1958 rgb(29,25,88)
```
#241f6c
```
#241f6c rgb(36,31,108)
```
#2a2480
```
#2a2480 rgb(42,36,128)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#3830a8
```
#3830a8 rgb(56,48,168)
```
#3e35bc
```
#3e35bc rgb(62,53,188)
```
#4a41c9
```
#4a41c9 rgb(74,65,201)
```

Monochromatic Color

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

#2a3d94
```
#2a3d94 rgb(42,61,148)
```
#2a3594
```
#2a3594 rgb(42,53,148)
```
#2a2c94
```
#2a2c94 rgb(42,44,148)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#3a2a94
```
#3a2a94 rgb(58,42,148)
```
#432a94
```
#432a94 rgb(67,42,148)
```
#4c2a94
```
#4c2a94 rgb(76,42,148)
```

Similar Colors

Text with hexadecimal color #312a94

This text has a font color of #312a94.

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

#312a94 background color

This paragraph has a background color of #312a94.

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

#312a94 border color

This element has a border color of #312a94.

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

CSS codes

.text {color:#312a94;}

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

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

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

#03030a
```
#03030a rgb(3,3,10)
```
#09071a
```
#09071a rgb(9,7,26)
```
#0e0c29
```
#0e0c29 rgb(14,12,41)
```
#131038
```
#131038 rgb(19,16,56)
```
#181448
```
#181448 rgb(24,20,72)
```
#1d1957
```
#1d1957 rgb(29,25,87)
```
#221d66
```
#221d66 rgb(34,29,102)
```
#272175
```
#272175 rgb(39,33,117)
```
#2c2685
```
#2c2685 rgb(44,38,133)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#362ea3
```
#362ea3 rgb(54,46,163)
```
#3b33b3
```
#3b33b3 rgb(59,51,179)
```
#4037c2
```
#4037c2 rgb(64,55,194)
```

Shade Color Variation

#4c43ca
```
#4c43ca rgb(76,67,202)
```
#5a52ce
```
#5a52ce rgb(90,82,206)
```
#6961d2
```
#6961d2 rgb(105,97,210)
```
#7771d7
```
#7771d7 rgb(119,113,215)
```
#8680db
```
#8680db rgb(134,128,219)
```
#958fdf
```
#958fdf rgb(149,143,223)
```
#a39fe4
```
#a39fe4 rgb(163,159,228)
```
#b2aee8
```
#b2aee8 rgb(178,174,232)
```
#c0bdec
```
#c0bdec rgb(192,189,236)
```
#cfccf1
```
#cfccf1 rgb(207,204,241)
```
#dddcf5
```
#dddcf5 rgb(221,220,245)
```
#ecebf9
```
#ecebf9 rgb(236,235,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#5d5d61
```
#5d5d61 rgb(93,93,97)
```
#575668
```
#575668 rgb(87,86,104)
```
#514f6f
```
#514f6f rgb(81,79,111)
```
#4a4777
```
#4a4777 rgb(74,71,119)
```
#44407e
```
#44407e rgb(68,64,126)
```
#3e3985
```
#3e3985 rgb(62,57,133)
```
#37318d
```
#37318d rgb(55,49,141)
```
#312a94
```
#312a94 rgb(49,42,148)
```
#2b239b
```
#2b239b rgb(43,35,155)
```
#241ba3
```
#241ba3 rgb(36,27,163)
```
#1e14aa
```
#1e14aa rgb(30,20,170)
```
#180db1
```
#180db1 rgb(24,13,177)
```
#1105b9
```
#1105b9 rgb(17,5,185)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#37354a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#113a89 Protanomaly 1% of men, 0.01% of women
#113c7e Deuteranomaly 6% of men, 0.4% of women
#113f69 Tritanomaly 0.01% of the population

#312a94 hex color

#312a94 Color Information

#312a94 Color Conversion

Color Schemes with #312a94

Alternatives to #312a94

#312a94 Preview

Shades and Tints of #312a94

Tones of #312a94

Color Blindness Simulator