#312176 hex color

In a RGB color space, hex #312176 is composed of 19.2% red, 12.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 72% magenta, 0% yellow and 53.7% black. It has a hue angle of 251.3 degrees, a saturation of 56.3% and a lightness of 29.6%. #312176 color hex could be obtained by blending #6242ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 46
RGB color chart
- C 58
- M 72
- Y 0
- K 54
CMYK color chart

● #312176 color description : Dark blue.

The hexadecimal color #312176 has RGB values of R:49, G:33, B:118 and CMYK values of C:0.58, M:0.72, Y:0, K:0.54. Its decimal value is 3219830.

Hex triplet	312176	`#312176`
RGB Decimal	49, 33, 118	`rgb(49,33,118)`
RGB Percent	19.2, 12.9, 46.3	`rgb(19.2%,12.9%,46.3%)`
CMYK	58, 72, 0, 54
HSL	251.3°, 56.3, 29.6	`hsl(251.3,56.3%,29.6%)`
HSV (or HSB)	251.3°, 72, 46.3
Web Safe	333366	`#333366`

CIE-LAB	20.237, 32.145, -46.178
XYZ	5.08, 3.049, 17.459
xyY	0.199, 0.119, 3.049
CIE-LCH	20.237, 56.264, 304.842
CIE-LUV	20.237, -0.242, -53.259
Hunter-Lab	17.46, 21.378, -47.065
Binary	00110001, 00100001, 01110110

#312176
```
#312176 rgb(49,33,118)
```
#667621
```
#667621 rgb(102,118,33)
```

Complementary Color

#213c76
```
#213c76 rgb(33,60,118)
```
#312176
```
#312176 rgb(49,33,118)
```
#5b2176
```
#5b2176 rgb(91,33,118)
```

Analogous Color

#3c7621
```
#3c7621 rgb(60,118,33)
```
#312176
```
#312176 rgb(49,33,118)
```
#765c21
```
#765c21 rgb(118,92,33)
```

Split Complementary Color

#217631
```
#217631 rgb(33,118,49)
```
#312176
```
#312176 rgb(49,33,118)
```
#763121
```
#763121 rgb(118,49,33)
```

Triadic Color

#216676
```
#216676 rgb(33,102,118)
```
#312176
```
#312176 rgb(49,33,118)
```
#763121
```
#763121 rgb(118,49,33)
```
#667621
```
#667621 rgb(102,118,33)
```

Tetradic Color

#18103a
```
#18103a rgb(24,16,58)
```
#20164e
```
#20164e rgb(32,22,78)
```
#291b62
```
#291b62 rgb(41,27,98)
```
#312176
```
#312176 rgb(49,33,118)
```
#39278a
```
#39278a rgb(57,39,138)
```
#422c9e
```
#422c9e rgb(66,44,158)
```
#4a32b2
```
#4a32b2 rgb(74,50,178)
```

Monochromatic Color

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

#212676
```
#212676 rgb(33,38,118)
```
#232176
```
#232176 rgb(35,33,118)
```
#2a2176
```
#2a2176 rgb(42,33,118)
```
#312176
```
#312176 rgb(49,33,118)
```
#382176
```
#382176 rgb(56,33,118)
```
#3f2176
```
#3f2176 rgb(63,33,118)
```
#462176
```
#462176 rgb(70,33,118)
```

Similar Colors

Text with hexadecimal color #312176

This text has a font color of #312176.

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

#312176 background color

This paragraph has a background color of #312176.

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

#312176 border color

This element has a border color of #312176.

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

CSS codes

.text {color:#312176;}

.background {background-color:#312176;}

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

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

#04030b
```
#04030b rgb(4,3,11)
```
#0b071a
```
#0b071a rgb(11,7,26)
```
#110c29
```
#110c29 rgb(17,12,41)
```
#181039
```
#181039 rgb(24,16,57)
```
#1e1448
```
#1e1448 rgb(30,20,72)
```
#241857
```
#241857 rgb(36,24,87)
```
#2b1d67
```
#2b1d67 rgb(43,29,103)
```
#312176
```
#312176 rgb(49,33,118)
```
#372585
```
#372585 rgb(55,37,133)
```
#3e2a95
```
#3e2a95 rgb(62,42,149)
```
#442ea4
```
#442ea4 rgb(68,46,164)
```
#4a32b3
```
#4a32b3 rgb(74,50,179)
```
#5136c3
```
#5136c3 rgb(81,54,195)
```

Shade Color Variation

#5c42ca
```
#5c42ca rgb(92,66,202)
```
#6952cf
```
#6952cf rgb(105,82,207)
```
#7661d3
```
#7661d3 rgb(118,97,211)
```
#8470d7
```
#8470d7 rgb(132,112,215)
```
#9180db
```
#9180db rgb(145,128,219)
```
#9e8fe0
```
#9e8fe0 rgb(158,143,224)
```
#ab9ee4
```
#ab9ee4 rgb(171,158,228)
```
#b9aee8
```
#b9aee8 rgb(185,174,232)
```
#c6bded
```
#c6bded rgb(198,189,237)
```
#d3ccf1
```
#d3ccf1 rgb(211,204,241)
```
#e0dcf5
```
#e0dcf5 rgb(224,220,245)
```
#eeebf9
```
#eeebf9 rgb(238,235,249)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#4a4a4d
```
#4a4a4d rgb(74,74,77)
```
#474453
```
#474453 rgb(71,68,83)
```
#433e59
```
#433e59 rgb(67,62,89)
```
#3f385f
```
#3f385f rgb(63,56,95)
```
#3c3265
```
#3c3265 rgb(60,50,101)
```
#382d6a
```
#382d6a rgb(56,45,106)
```
#352770
```
#352770 rgb(53,39,112)
```
#312176
```
#312176 rgb(49,33,118)
```
#2d1b7c
```
#2d1b7c rgb(45,27,124)
```
#2a1582
```
#2a1582 rgb(42,21,130)
```
#261087
```
#261087 rgb(38,16,135)
```
#230a8d
```
#230a8d rgb(35,10,141)
```
#1f0493
```
#1f0493 rgb(31,4,147)
```

Tone Color Variation

Below, you can see how #312176 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
#2f2c3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#1f4044 Tritanopia 0.001% of the population

Trichromacy

#113072 Protanomaly 1% of men, 0.01% of women
#113269 Deuteranomaly 6% of men, 0.4% of women
#253456 Tritanomaly 0.01% of the population

#312176 hex color

#312176 Color Information

#312176 Color Conversion

Color Schemes with #312176

Alternatives to #312176

#312176 Preview

Shades and Tints of #312176

Tones of #312176

Color Blindness Simulator