#312b84 hex color

In a RGB color space, hex #312b84 is composed of 19.2% red, 16.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 67.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 244 degrees, a saturation of 50.9% and a lightness of 34.3%. #312b84 color hex could be obtained by blending #6256ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 17
- B 52
RGB color chart
- C 63
- M 67
- Y 0
- K 48
CMYK color chart

● #312b84 color description : Dark moderate blue.

The hexadecimal color #312b84 has RGB values of R:49, G:43, B:132 and CMYK values of C:0.63, M:0.67, Y:0, K:0.48. Its decimal value is 3222404.

Hex triplet	312b84	`#312b84`
RGB Decimal	49, 43, 132	`rgb(49,43,132)`
RGB Percent	19.2, 16.9, 51.8	`rgb(19.2%,16.9%,51.8%)`
CMYK	63, 67, 0, 48
HSL	244°, 50.9, 34.3	`hsl(244,50.9%,34.3%)`
HSV (or HSB)	244°, 67.4, 51.8
Web Safe	333399	`#333399`

CIE-LAB	23.824, 30.636, -49.189
XYZ	6.295, 4.046, 22.278
xyY	0.193, 0.124, 4.046
CIE-LCH	23.824, 57.949, 301.915
CIE-LUV	23.824, -3.003, -60.768
Hunter-Lab	20.116, 20.653, -51.582
Binary	00110001, 00101011, 10000100

#312b84
```
#312b84 rgb(49,43,132)
```
#7e842b
```
#7e842b rgb(126,132,43)
```

Complementary Color

#2b5184
```
#2b5184 rgb(43,81,132)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#5e2b84
```
#5e2b84 rgb(94,43,132)
```

Analogous Color

#51842b
```
#51842b rgb(81,132,43)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#845e2b
```
#845e2b rgb(132,94,43)
```

Split Complementary Color

#2b8431
```
#2b8431 rgb(43,132,49)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#84312b
```
#84312b rgb(132,49,43)
```

Triadic Color

#2b7e84
```
#2b7e84 rgb(43,126,132)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#84312b
```
#84312b rgb(132,49,43)
```
#7e842b
```
#7e842b rgb(126,132,43)
```

Tetradic Color

#1c184a
```
#1c184a rgb(28,24,74)
```
#231e5e
```
#231e5e rgb(35,30,94)
```
#2a2571
```
#2a2571 rgb(42,37,113)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#383197
```
#383197 rgb(56,49,151)
```
#3f38aa
```
#3f38aa rgb(63,56,170)
```
#463ebe
```
#463ebe rgb(70,62,190)
```

Monochromatic Color

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

#2b3b84
```
#2b3b84 rgb(43,59,132)
```
#2b3484
```
#2b3484 rgb(43,52,132)
```
#2b2c84
```
#2b2c84 rgb(43,44,132)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#382b84
```
#382b84 rgb(56,43,132)
```
#402b84
```
#402b84 rgb(64,43,132)
```
#472b84
```
#472b84 rgb(71,43,132)
```

Similar Colors

Text with hexadecimal color #312b84

This text has a font color of #312b84.

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

#312b84 background color

This paragraph has a background color of #312b84.

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

#312b84 border color

This element has a border color of #312b84.

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

CSS codes

.text {color:#312b84;}

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

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

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, #05040e is the darkest color, while #fefeff is the lightest one.

#05040e
```
#05040e rgb(5,4,14)
```
#0b091c
```
#0b091c rgb(11,9,28)
```
#100e2b
```
#100e2b rgb(16,14,43)
```
#16133a
```
#16133a rgb(22,19,58)
```
#1b1849
```
#1b1849 rgb(27,24,73)
```
#211d58
```
#211d58 rgb(33,29,88)
```
#262166
```
#262166 rgb(38,33,102)
```
#2c2675
```
#2c2675 rgb(44,38,117)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#363093
```
#363093 rgb(54,48,147)
```
#3c35a2
```
#3c35a2 rgb(60,53,162)
```
#4139b0
```
#4139b0 rgb(65,57,176)
```
#473ebf
```
#473ebf rgb(71,62,191)
```

Shade Color Variation

#544cc5
```
#544cc5 rgb(84,76,197)
```
#635bca
```
#635bca rgb(99,91,202)
```
#716ace
```
#716ace rgb(113,106,206)
```
#7f79d3
```
#7f79d3 rgb(127,121,211)
```
#8d87d8
```
#8d87d8 rgb(141,135,216)
```
#9b96dd
```
#9b96dd rgb(155,150,221)
```
#a9a5e2
```
#a9a5e2 rgb(169,165,226)
```
#b7b4e7
```
#b7b4e7 rgb(183,180,231)
```
#c5c3eb
```
#c5c3eb rgb(197,195,235)
```
#d4d1f0
```
#d4d1f0 rgb(212,209,240)
```
#e2e0f5
```
#e2e0f5 rgb(226,224,245)
```
#f0effa
```
#f0effa rgb(240,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#54535c
```
#54535c rgb(84,83,92)
```
#4e4d62
```
#4e4d62 rgb(78,77,98)
```
#484669
```
#484669 rgb(72,70,105)
```
#423f70
```
#423f70 rgb(66,63,112)
```
#3d3877
```
#3d3877 rgb(61,56,119)
```
#37327d
```
#37327d rgb(55,50,125)
```
#312b84
```
#312b84 rgb(49,43,132)
```
#2b248b
```
#2b248b rgb(43,36,139)
```
#251e91
```
#251e91 rgb(37,30,145)
```
#201798
```
#201798 rgb(32,23,152)
```
#1a109f
```
#1a109f rgb(26,16,159)
```
#1409a6
```
#1409a6 rgb(20,9,166)
```
#0e03ac
```
#0e03ac rgb(14,3,172)
```

Tone Color Variation

Below, you can see how #312b84 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
#363546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446e Deuteranopia 1% of men
#0b494e Tritanopia 0.001% of the population

Trichromacy

#113980 Protanomaly 1% of men, 0.01% of women
#113b76 Deuteranomaly 6% of men, 0.4% of women
#193e62 Tritanomaly 0.01% of the population

#312b84 hex color

#312b84 Color Information

#312b84 Color Conversion

Color Schemes with #312b84

Alternatives to #312b84

#312b84 Preview

Shades and Tints of #312b84

Tones of #312b84

Color Blindness Simulator