#031284 hex color

In a RGB color space, hex #031284 is composed of 1.2% red, 7.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 86.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 233 degrees, a saturation of 95.6% and a lightness of 26.5%. #031284 color hex could be obtained by blending #0624ff with #000009. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 7
- B 52
RGB color chart
- C 98
- M 86
- Y 0
- K 48
CMYK color chart

● #031284 color description : Dark blue.

The hexadecimal color #031284 has RGB values of R:3, G:18, B:132 and CMYK values of C:0.98, M:0.86, Y:0, K:0.48. Its decimal value is 201348.

Hex triplet	031284	`#031284`
RGB Decimal	3, 18, 132	`rgb(3,18,132)`
RGB Percent	1.2, 7.1, 51.8	`rgb(1.2%,7.1%,51.8%)`
CMYK	98, 86, 0, 48
HSL	233°, 95.6, 26.5	`hsl(233,95.6%,26.5%)`
HSV (or HSB)	233°, 97.7, 51.8
Web Safe	000099	`#000099`

CIE-LAB	16.092, 41.445, -62.035
XYZ	4.418, 2.118, 22.004
xyY	0.155, 0.074, 2.118
CIE-LCH	16.092, 74.606, 303.746
CIE-LUV	16.092, -5.213, -58.963
Hunter-Lab	14.552, 28.726, -79.468
Binary	00000011, 00010010, 10000100

#031284
```
#031284 rgb(3,18,132)
```
#847503
```
#847503 rgb(132,117,3)
```

Complementary Color

#035384
```
#035384 rgb(3,83,132)
```
#031284
```
#031284 rgb(3,18,132)
```
#350384
```
#350384 rgb(53,3,132)
```

Analogous Color

#538403
```
#538403 rgb(83,132,3)
```
#031284
```
#031284 rgb(3,18,132)
```
#843403
```
#843403 rgb(132,52,3)
```

Split Complementary Color

#128403
```
#128403 rgb(18,132,3)
```
#031284
```
#031284 rgb(3,18,132)
```
#840312
```
#840312 rgb(132,3,18)
```

Triadic Color

#038475
```
#038475 rgb(3,132,117)
```
#031284
```
#031284 rgb(3,18,132)
```
#840312
```
#840312 rgb(132,3,18)
```
#847503
```
#847503 rgb(132,117,3)
```

Tetradic Color

#010839
```
#010839 rgb(1,8,57)
```
#020b52
```
#020b52 rgb(2,11,82)
```
#020f6b
```
#020f6b rgb(2,15,107)
```
#031284
```
#031284 rgb(3,18,132)
```
#04159d
```
#04159d rgb(4,21,157)
```
#0419b6
```
#0419b6 rgb(4,25,182)
```
#051ccf
```
#051ccf rgb(5,28,207)
```

Monochromatic Color

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

#033284
```
#033284 rgb(3,50,132)
```
#032884
```
#032884 rgb(3,40,132)
```
#031d84
```
#031d84 rgb(3,29,132)
```
#031284
```
#031284 rgb(3,18,132)
```
#030784
```
#030784 rgb(3,7,132)
```
#090384
```
#090384 rgb(9,3,132)
```
#140384
```
#140384 rgb(20,3,132)
```

Similar Colors

Text with hexadecimal color #031284

This text has a font color of #031284.

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

#031284 background color

This paragraph has a background color of #031284.

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

#031284 border color

This element has a border color of #031284.

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

CSS codes

.text {color:#031284;}

.background {background-color:#031284;}

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

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

#000211
```
#000211 rgb(0,2,17)
```
#010524
```
#010524 rgb(1,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#020a4a
```
#020a4a rgb(2,10,74)
```
#020d5e
```
#020d5e rgb(2,13,94)
```
#030f71
```
#030f71 rgb(3,15,113)
```
#031284
```
#031284 rgb(3,18,132)
```
#031597
```
#031597 rgb(3,21,151)
```
#0417aa
```
#0417aa rgb(4,23,170)
```
#041abe
```
#041abe rgb(4,26,190)
```
#051cd1
```
#051cd1 rgb(5,28,209)
```
#051fe4
```
#051fe4 rgb(5,31,228)
```
#0622f7
```
#0622f7 rgb(6,34,247)
```

Shade Color Variation

#1731fa
```
#1731fa rgb(23,49,250)
```
#2a42fa
```
#2a42fa rgb(42,66,250)
```
#3d53fb
```
#3d53fb rgb(61,83,251)
```
#5064fb
```
#5064fb rgb(80,100,251)
```
#6375fb
```
#6375fb rgb(99,117,251)
```
#7686fc
```
#7686fc rgb(118,134,252)
```
#8a97fc
```
#8a97fc rgb(138,151,252)
```
#9da8fd
```
#9da8fd rgb(157,168,253)
```
#b0b9fd
```
#b0b9fd rgb(176,185,253)
```
#c3cafe
```
#c3cafe rgb(195,202,254)
```
#d6dbfe
```
#d6dbfe rgb(214,219,254)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#414246
```
#414246 rgb(65,66,70)
```
#3c3e4b
```
#3c3e4b rgb(60,62,75)
```
#373a50
```
#373a50 rgb(55,58,80)
```
#323655
```
#323655 rgb(50,54,85)
```
#2d325a
```
#2d325a rgb(45,50,90)
```
#272e60
```
#272e60 rgb(39,46,96)
```
#222a65
```
#222a65 rgb(34,42,101)
```
#1d266a
```
#1d266a rgb(29,38,106)
```
#18226f
```
#18226f rgb(24,34,111)
```
#131e74
```
#131e74 rgb(19,30,116)
```
#0d1a7a
```
#0d1a7a rgb(13,26,122)
```
#08167f
```
#08167f rgb(8,22,127)
```
#031284
```
#031284 rgb(3,18,132)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161930 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003160 Protanopia 1% of men
#003453 Deuteranopia 1% of men
#00383a Tritanopia 0.001% of the population

Trichromacy

#01266d Protanomaly 1% of men, 0.01% of women
#012864 Deuteranomaly 6% of men, 0.4% of women
#012a55 Tritanomaly 0.01% of the population

#031284 hex color

#031284 Color Information

#031284 Color Conversion

Color Schemes with #031284

Alternatives to #031284

#031284 Preview

Shades and Tints of #031284

Tones of #031284

Color Blindness Simulator