#312172 hex color

In a RGB color space, hex #312172 is composed of 19.2% red, 12.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 71.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 251.9 degrees, a saturation of 55.1% and a lightness of 28.8%. #312172 color hex could be obtained by blending #6242e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 45
RGB color chart
- C 57
- M 71
- Y 0
- K 55
CMYK color chart

● #312172 color description : Very dark blue.

The hexadecimal color #312172 has RGB values of R:49, G:33, B:114 and CMYK values of C:0.57, M:0.71, Y:0, K:0.55. Its decimal value is 3219826.

Hex triplet	312172	`#312172`
RGB Decimal	49, 33, 114	`rgb(49,33,114)`
RGB Percent	19.2, 12.9, 44.7	`rgb(19.2%,12.9%,44.7%)`
CMYK	57, 71, 0, 55
HSL	251.9°, 55.1, 28.8	`hsl(251.9,55.1%,28.8%)`
HSV (or HSB)	251.9°, 71.1, 44.7
Web Safe	333366	`#333366`

CIE-LAB	19.865, 30.83, -44.216
XYZ	4.847, 2.955, 16.234
xyY	0.202, 0.123, 2.955
CIE-LCH	19.865, 53.903, 304.887
CIE-LUV	19.865, 0.064, -50.766
Hunter-Lab	17.191, 20.244, -43.953
Binary	00110001, 00100001, 01110010

#312172
```
#312172 rgb(49,33,114)
```
#627221
```
#627221 rgb(98,114,33)
```

Complementary Color

#213972
```
#213972 rgb(33,57,114)
```
#312172
```
#312172 rgb(49,33,114)
```
#5a2172
```
#5a2172 rgb(90,33,114)
```

Analogous Color

#3a7221
```
#3a7221 rgb(58,114,33)
```
#312172
```
#312172 rgb(49,33,114)
```
#725a21
```
#725a21 rgb(114,90,33)
```

Split Complementary Color

#217231
```
#217231 rgb(33,114,49)
```
#312172
```
#312172 rgb(49,33,114)
```
#723121
```
#723121 rgb(114,49,33)
```

Triadic Color

#216272
```
#216272 rgb(33,98,114)
```
#312172
```
#312172 rgb(49,33,114)
```
#723121
```
#723121 rgb(114,49,33)
```
#627221
```
#627221 rgb(98,114,33)
```

Tetradic Color

#181037
```
#181037 rgb(24,16,55)
```
#20164a
```
#20164a rgb(32,22,74)
```
#291b5e
```
#291b5e rgb(41,27,94)
```
#312172
```
#312172 rgb(49,33,114)
```
#3a2786
```
#3a2786 rgb(58,39,134)
```
#422c9a
```
#422c9a rgb(66,44,154)
```
#4b32ad
```
#4b32ad rgb(75,50,173)
```

Monochromatic Color

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

#212572
```
#212572 rgb(33,37,114)
```
#242172
```
#242172 rgb(36,33,114)
```
#2a2172
```
#2a2172 rgb(42,33,114)
```
#312172
```
#312172 rgb(49,33,114)
```
#382172
```
#382172 rgb(56,33,114)
```
#3f2172
```
#3f2172 rgb(63,33,114)
```
#452172
```
#452172 rgb(69,33,114)
```

Similar Colors

Text with hexadecimal color #312172

This text has a font color of #312172.

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

#312172 background color

This paragraph has a background color of #312172.

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

#312172 border color

This element has a border color of #312172.

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

CSS codes

.text {color:#312172;}

.background {background-color:#312172;}

.border {border:1px solid #312172;}

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

#030208
```
#030208 rgb(3,2,8)
```
#0a0717
```
#0a0717 rgb(10,7,23)
```
#100b26
```
#100b26 rgb(16,11,38)
```
#170f35
```
#170f35 rgb(23,15,53)
```
#1d1444
```
#1d1444 rgb(29,20,68)
```
#241854
```
#241854 rgb(36,24,84)
```
#2a1d63
```
#2a1d63 rgb(42,29,99)
```
#312172
```
#312172 rgb(49,33,114)
```
#382581
```
#382581 rgb(56,37,129)
```
#3e2a90
```
#3e2a90 rgb(62,42,144)
```
#452ea0
```
#452ea0 rgb(69,46,160)
```
#4b33af
```
#4b33af rgb(75,51,175)
```
#5237be
```
#5237be rgb(82,55,190)
```

Shade Color Variation

#5b41c8
```
#5b41c8 rgb(91,65,200)
```
#6950cc
```
#6950cc rgb(105,80,204)
```
#765fd1
```
#765fd1 rgb(118,95,209)
```
#836ed5
```
#836ed5 rgb(131,110,213)
```
#907eda
```
#907eda rgb(144,126,218)
```
#9d8dde
```
#9d8dde rgb(157,141,222)
```
#aa9ce2
```
#aa9ce2 rgb(170,156,226)
```
#b7abe7
```
#b7abe7 rgb(183,171,231)
```
#c4baeb
```
#c4baeb rgb(196,186,235)
```
#d1caf0
```
#d1caf0 rgb(209,202,240)
```
#ded9f4
```
#ded9f4 rgb(222,217,244)
```
#ebe8f8
```
#ebe8f8 rgb(235,232,248)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#49494a
```
#49494a rgb(73,73,74)
```
#464350
```
#464350 rgb(70,67,80)
```
#423d56
```
#423d56 rgb(66,61,86)
```
#3f385b
```
#3f385b rgb(63,56,91)
```
#3b3261
```
#3b3261 rgb(59,50,97)
```
#382c67
```
#382c67 rgb(56,44,103)
```
#34276c
```
#34276c rgb(52,39,108)
```
#312172
```
#312172 rgb(49,33,114)
```
#2e1b78
```
#2e1b78 rgb(46,27,120)
```
#2a167d
```
#2a167d rgb(42,22,125)
```
#271083
```
#271083 rgb(39,16,131)
```
#230a89
```
#230a89 rgb(35,10,137)
```
#20058e
```
#20058e rgb(32,5,142)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#223e43 Tritanopia 0.001% of the population

Trichromacy

#113070 Protanomaly 1% of men, 0.01% of women
#113267 Deuteranomaly 6% of men, 0.4% of women
#273354 Tritanomaly 0.01% of the population

#312172 hex color

#312172 Color Information

#312172 Color Conversion

Color Schemes with #312172

Alternatives to #312172

#312172 Preview

Shades and Tints of #312172

Tones of #312172

Color Blindness Simulator