#313084 hex color

In a RGB color space, hex #313084 is composed of 19.2% red, 18.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 63.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 240.7 degrees, a saturation of 46.7% and a lightness of 35.3%. #313084 color hex could be obtained by blending #6260ff with #000009. Closest websafe color is: #333399.

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

● #313084 color description : Dark moderate blue.

The hexadecimal color #313084 has RGB values of R:49, G:48, B:132 and CMYK values of C:0.63, M:0.64, Y:0, K:0.48. Its decimal value is 3223684.

Hex triplet	313084	`#313084`
RGB Decimal	49, 48, 132	`rgb(49,48,132)`
RGB Percent	19.2, 18.8, 51.8	`rgb(19.2%,18.8%,51.8%)`
CMYK	63, 64, 0, 48
HSL	240.7°, 46.7, 35.3	`hsl(240.7,46.7%,35.3%)`
HSV (or HSB)	240.7°, 63.6, 51.8
Web Safe	333399	`#333399`

CIE-LAB	25.053, 27.388, -47.184
XYZ	6.488, 4.433, 22.342
xyY	0.195, 0.133, 4.433
CIE-LCH	25.053, 54.557, 300.133
CIE-LUV	25.053, -4.065, -59.728
Hunter-Lab	21.054, 18.161, -48.182
Binary	00110001, 00110000, 10000100

#313084
```
#313084 rgb(49,48,132)
```
#838430
```
#838430 rgb(131,132,48)
```

Complementary Color

#305984
```
#305984 rgb(48,89,132)
```
#313084
```
#313084 rgb(49,48,132)
```
#5b3084
```
#5b3084 rgb(91,48,132)
```

Analogous Color

#598430
```
#598430 rgb(89,132,48)
```
#313084
```
#313084 rgb(49,48,132)
```
#845b30
```
#845b30 rgb(132,91,48)
```

Split Complementary Color

#308431
```
#308431 rgb(48,132,49)
```
#313084
```
#313084 rgb(49,48,132)
```
#843130
```
#843130 rgb(132,49,48)
```

Triadic Color

#308384
```
#308384 rgb(48,131,132)
```
#313084
```
#313084 rgb(49,48,132)
```
#843130
```
#843130 rgb(132,49,48)
```
#838430
```
#838430 rgb(131,132,48)
```

Tetradic Color

#1c1c4c
```
#1c1c4c rgb(28,28,76)
```
#23225f
```
#23225f rgb(35,34,95)
```
#2a2971
```
#2a2971 rgb(42,41,113)
```
#313084
```
#313084 rgb(49,48,132)
```
#383797
```
#383797 rgb(56,55,151)
```
#3f3ea9
```
#3f3ea9 rgb(63,62,169)
```
#4745bb
```
#4745bb rgb(71,69,187)
```

Monochromatic Color

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

#304484
```
#304484 rgb(48,68,132)
```
#303d84
```
#303d84 rgb(48,61,132)
```
#303684
```
#303684 rgb(48,54,132)
```
#313084
```
#313084 rgb(49,48,132)
```
#383084
```
#383084 rgb(56,48,132)
```
#3f3084
```
#3f3084 rgb(63,48,132)
```
#463084
```
#463084 rgb(70,48,132)
```

Similar Colors

Text with hexadecimal color #313084

This text has a font color of #313084.

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

#313084 background color

This paragraph has a background color of #313084.

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

#313084 border color

This element has a border color of #313084.

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

CSS codes

.text {color:#313084;}

.background {background-color:#313084;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060611
```
#060611 rgb(6,6,17)
```
#0c0b1f
```
#0c0b1f rgb(12,11,31)
```
#11112e
```
#11112e rgb(17,17,46)
```
#16163c
```
#16163c rgb(22,22,60)
```
#1c1b4a
```
#1c1b4a rgb(28,27,74)
```
#212059
```
#212059 rgb(33,32,89)
```
#262667
```
#262667 rgb(38,38,103)
```
#2c2b76
```
#2c2b76 rgb(44,43,118)
```
#313084
```
#313084 rgb(49,48,132)
```
#363592
```
#363592 rgb(54,53,146)
```
#3c3aa1
```
#3c3aa1 rgb(60,58,161)
```
#4140af
```
#4140af rgb(65,64,175)
```

Shade Color Variation

#4847bc
```
#4847bc rgb(72,71,188)
```
#5655c1
```
#5655c1 rgb(86,85,193)
```
#6463c6
```
#6463c6 rgb(100,99,198)
```
#7372cc
```
#7372cc rgb(115,114,204)
```
#8180d1
```
#8180d1 rgb(129,128,209)
```
#8f8ed6
```
#8f8ed6 rgb(143,142,214)
```
#9e9ddb
```
#9e9ddb rgb(158,157,219)
```
#acabe1
```
#acabe1 rgb(172,171,225)
```
#babae6
```
#babae6 rgb(186,186,230)
```
#c8c8eb
```
#c8c8eb rgb(200,200,235)
```
#d7d6f0
```
#d7d6f0 rgb(215,214,240)
```
#e5e5f5
```
#e5e5f5 rgb(229,229,245)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#535361
```
#535361 rgb(83,83,97)
```
#4c4c68
```
#4c4c68 rgb(76,76,104)
```
#45456f
```
#45456f rgb(69,69,111)
```
#3f3e76
```
#3f3e76 rgb(63,62,118)
```
#38377d
```
#38377d rgb(56,55,125)
```
#313084
```
#313084 rgb(49,48,132)
```
#2a298b
```
#2a298b rgb(42,41,139)
```
#232292
```
#232292 rgb(35,34,146)
```
#1d1b99
```
#1d1b99 rgb(29,27,153)
```
#1614a0
```
#1614a0 rgb(22,20,160)
```
#0f0da7
```
#0f0da7 rgb(15,13,167)
```
#0806ae
```
#0806ae rgb(8,6,174)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004773 Deuteranopia 1% of men
#114c51 Tritanopia 0.001% of the population

Trichromacy

#113c84 Protanomaly 1% of men, 0.01% of women
#113e79 Deuteranomaly 6% of men, 0.4% of women
#1c4163 Tritanomaly 0.01% of the population

#313084 hex color

#313084 Color Information

#313084 Color Conversion

Color Schemes with #313084

Alternatives to #313084

#313084 Preview

Shades and Tints of #313084

Tones of #313084

Color Blindness Simulator