#312b77 hex color

In a RGB color space, hex #312b77 is composed of 19.2% red, 16.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 63.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 244.7 degrees, a saturation of 46.9% and a lightness of 31.8%. #312b77 color hex could be obtained by blending #6256ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 17
- B 47
RGB color chart
- C 59
- M 64
- Y 0
- K 53
CMYK color chart

● #312b77 color description : Dark moderate blue.

The hexadecimal color #312b77 has RGB values of R:49, G:43, B:119 and CMYK values of C:0.59, M:0.64, Y:0, K:0.53. Its decimal value is 3222391.

Hex triplet	312b77	`#312b77`
RGB Decimal	49, 43, 119	`rgb(49,43,119)`
RGB Percent	19.2, 16.9, 46.7	`rgb(19.2%,16.9%,46.7%)`
CMYK	59, 64, 0, 53
HSL	244.7°, 46.9, 31.8	`hsl(244.7,46.9%,31.8%)`
HSV (or HSB)	244.7°, 63.9, 46.7
Web Safe	333366	`#333366`

CIE-LAB	22.697, 26.123, -42.804
XYZ	5.46, 3.712, 17.881
xyY	0.202, 0.137, 3.712
CIE-LCH	22.697, 50.145, 301.396
CIE-LUV	22.697, -2.239, -52.303
Hunter-Lab	19.268, 16.861, -41.534
Binary	00110001, 00101011, 01110111

#312b77
```
#312b77 rgb(49,43,119)
```
#71772b
```
#71772b rgb(113,119,43)
```

Complementary Color

#2b4b77
```
#2b4b77 rgb(43,75,119)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#572b77
```
#572b77 rgb(87,43,119)
```

Analogous Color

#4b772b
```
#4b772b rgb(75,119,43)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#77572b
```
#77572b rgb(119,87,43)
```

Split Complementary Color

#2b7731
```
#2b7731 rgb(43,119,49)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#77312b
```
#77312b rgb(119,49,43)
```

Triadic Color

#2b7177
```
#2b7177 rgb(43,113,119)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#77312b
```
#77312b rgb(119,49,43)
```
#71772b
```
#71772b rgb(113,119,43)
```

Tetradic Color

#1a173f
```
#1a173f rgb(26,23,63)
```
#221d52
```
#221d52 rgb(34,29,82)
```
#292464
```
#292464 rgb(41,36,100)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#39328a
```
#39328a rgb(57,50,138)
```
#40399c
```
#40399c rgb(64,57,156)
```
#483faf
```
#483faf rgb(72,63,175)
```

Monochromatic Color

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

#2b3877
```
#2b3877 rgb(43,56,119)
```
#2b3277
```
#2b3277 rgb(43,50,119)
```
#2b2b77
```
#2b2b77 rgb(43,43,119)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#372b77
```
#372b77 rgb(55,43,119)
```
#3e2b77
```
#3e2b77 rgb(62,43,119)
```
#442b77
```
#442b77 rgb(68,43,119)
```

Similar Colors

Text with hexadecimal color #312b77

This text has a font color of #312b77.

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

#312b77 background color

This paragraph has a background color of #312b77.

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

#312b77 border color

This element has a border color of #312b77.

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

CSS codes

.text {color:#312b77;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#070712
```
#070712 rgb(7,7,18)
```
#0d0c21
```
#0d0c21 rgb(13,12,33)
```
#13112f
```
#13112f rgb(19,17,47)
```
#19163d
```
#19163d rgb(25,22,61)
```
#1f1b4c
```
#1f1b4c rgb(31,27,76)
```
#25215a
```
#25215a rgb(37,33,90)
```
#2b2669
```
#2b2669 rgb(43,38,105)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#373085
```
#373085 rgb(55,48,133)
```
#3d3594
```
#3d3594 rgb(61,53,148)
```
#433ba2
```
#433ba2 rgb(67,59,162)
```
#4940b1
```
#4940b1 rgb(73,64,177)
```

Shade Color Variation

#5147bd
```
#5147bd rgb(81,71,189)
```
#5e56c2
```
#5e56c2 rgb(94,86,194)
```
#6c64c7
```
#6c64c7 rgb(108,100,199)
```
#7a73cc
```
#7a73cc rgb(122,115,204)
```
#8781d1
```
#8781d1 rgb(135,129,209)
```
#958fd7
```
#958fd7 rgb(149,143,215)
```
#a39edc
```
#a39edc rgb(163,158,220)
```
#b0ace1
```
#b0ace1 rgb(176,172,225)
```
#bebbe6
```
#bebbe6 rgb(190,187,230)
```
#ccc9ec
```
#ccc9ec rgb(204,201,236)
```
#d9d8f1
```
#d9d8f1 rgb(217,216,241)
```
#e7e6f6
```
#e7e6f6 rgb(231,230,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#505052
```
#505052 rgb(80,80,82)
```
#4b4a58
```
#4b4a58 rgb(75,74,88)
```
#46445e
```
#46445e rgb(70,68,94)
```
#413e64
```
#413e64 rgb(65,62,100)
```
#3b376b
```
#3b376b rgb(59,55,107)
```
#363171
```
#363171 rgb(54,49,113)
```
#312b77
```
#312b77 rgb(49,43,119)
```
#2c257d
```
#2c257d rgb(44,37,125)
```
#271f83
```
#271f83 rgb(39,31,131)
```
#21188a
```
#21188a rgb(33,24,138)
```
#1c1290
```
#1c1290 rgb(28,18,144)
```
#170c96
```
#170c96 rgb(23,12,150)
```
#12069c
```
#12069c rgb(18,6,156)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00426b Deuteranopia 1% of men
#21454a Tritanopia 0.001% of the population

Trichromacy

#113779 Protanomaly 1% of men, 0.01% of women
#11396f Deuteranomaly 6% of men, 0.4% of women
#263b5a Tritanomaly 0.01% of the population

#312b77 hex color

#312b77 Color Information

#312b77 Color Conversion

Color Schemes with #312b77

Alternatives to #312b77

#312b77 Preview

Shades and Tints of #312b77

Tones of #312b77

Color Blindness Simulator