#031484 hex color

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

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

● #031484 color description : Dark blue.

The hexadecimal color #031484 has RGB values of R:3, G:20, B:132 and CMYK values of C:0.98, M:0.85, Y:0, K:0.48. Its decimal value is 201860.

Hex triplet	031484	`#031484`
RGB Decimal	3, 20, 132	`rgb(3,20,132)`
RGB Percent	1.2, 7.8, 51.8	`rgb(1.2%,7.8%,51.8%)`
CMYK	98, 85, 0, 48
HSL	232.1°, 95.6, 26.5	`hsl(232.1,95.6%,26.5%)`
HSV (or HSB)	232.1°, 97.7, 51.8
Web Safe	000099	`#000099`

CIE-LAB	16.431, 40.444, -61.472
XYZ	4.452, 2.185, 22.016
xyY	0.155, 0.076, 2.185
CIE-LCH	16.431, 73.583, 303.342
CIE-LUV	16.431, -5.43, -59.361
Hunter-Lab	14.783, 27.885, -77.953
Binary	00000011, 00010100, 10000100

#031484
```
#031484 rgb(3,20,132)
```
#847303
```
#847303 rgb(132,115,3)
```

Complementary Color

#035584
```
#035584 rgb(3,85,132)
```
#031484
```
#031484 rgb(3,20,132)
```
#330384
```
#330384 rgb(51,3,132)
```

Analogous Color

#558403
```
#558403 rgb(85,132,3)
```
#031484
```
#031484 rgb(3,20,132)
```
#843203
```
#843203 rgb(132,50,3)
```

Split Complementary Color

#148403
```
#148403 rgb(20,132,3)
```
#031484
```
#031484 rgb(3,20,132)
```
#840314
```
#840314 rgb(132,3,20)
```

Triadic Color

#038473
```
#038473 rgb(3,132,115)
```
#031484
```
#031484 rgb(3,20,132)
```
#840314
```
#840314 rgb(132,3,20)
```
#847303
```
#847303 rgb(132,115,3)
```

Tetradic Color

#010939
```
#010939 rgb(1,9,57)
```
#020c52
```
#020c52 rgb(2,12,82)
```
#02106b
```
#02106b rgb(2,16,107)
```
#031484
```
#031484 rgb(3,20,132)
```
#04189d
```
#04189d rgb(4,24,157)
```
#041cb6
```
#041cb6 rgb(4,28,182)
```
#051fcf
```
#051fcf rgb(5,31,207)
```

Monochromatic Color

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

#033484
```
#033484 rgb(3,52,132)
```
#032a84
```
#032a84 rgb(3,42,132)
```
#031f84
```
#031f84 rgb(3,31,132)
```
#031484
```
#031484 rgb(3,20,132)
```
#030984
```
#030984 rgb(3,9,132)
```
#070384
```
#070384 rgb(7,3,132)
```
#120384
```
#120384 rgb(18,3,132)
```

Similar Colors

Text with hexadecimal color #031484

This text has a font color of #031484.

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

#031484 background color

This paragraph has a background color of #031484.

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

#031484 border color

This element has a border color of #031484.

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

CSS codes

.text {color:#031484;}

.background {background-color:#031484;}

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

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

#000311
```
#000311 rgb(0,3,17)
```
#010524
```
#010524 rgb(1,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#020b4a
```
#020b4a rgb(2,11,74)
```
#020e5e
```
#020e5e rgb(2,14,94)
```
#031171
```
#031171 rgb(3,17,113)
```
#031484
```
#031484 rgb(3,20,132)
```
#031797
```
#031797 rgb(3,23,151)
```
#041aaa
```
#041aaa rgb(4,26,170)
```
#041dbe
```
#041dbe rgb(4,29,190)
```
#0520d1
```
#0520d1 rgb(5,32,209)
```
#0523e4
```
#0523e4 rgb(5,35,228)
```
#0625f7
```
#0625f7 rgb(6,37,247)
```

Shade Color Variation

#1735fa
```
#1735fa rgb(23,53,250)
```
#2a45fa
```
#2a45fa rgb(42,69,250)
```
#3d56fb
```
#3d56fb rgb(61,86,251)
```
#5067fb
```
#5067fb rgb(80,103,251)
```
#6377fb
```
#6377fb rgb(99,119,251)
```
#7688fc
```
#7688fc rgb(118,136,252)
```
#8a99fc
```
#8a99fc rgb(138,153,252)
```
#9da9fd
```
#9da9fd rgb(157,169,253)
```
#b0bafd
```
#b0bafd rgb(176,186,253)
```
#c3cbfe
```
#c3cbfe rgb(195,203,254)
```
#d6dcfe
```
#d6dcfe rgb(214,220,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 #031484 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)
```
#2d335a
```
#2d335a rgb(45,51,90)
```
#272f60
```
#272f60 rgb(39,47,96)
```
#222b65
```
#222b65 rgb(34,43,101)
```
#1d276a
```
#1d276a rgb(29,39,106)
```
#18236f
```
#18236f rgb(24,35,111)
```
#131f74
```
#131f74 rgb(19,31,116)
```
#0d1c7a
```
#0d1c7a rgb(13,28,122)
```
#08187f
```
#08187f rgb(8,24,127)
```
#031484
```
#031484 rgb(3,20,132)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171a31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003261 Protanopia 1% of men
#003554 Deuteranopia 1% of men
#00393b Tritanopia 0.001% of the population

Trichromacy

#01276e Protanomaly 1% of men, 0.01% of women
#012965 Deuteranomaly 6% of men, 0.4% of women
#012b55 Tritanomaly 0.01% of the population

#031484 hex color

#031484 Color Information

#031484 Color Conversion

Color Schemes with #031484

Alternatives to #031484

#031484 Preview

Shades and Tints of #031484

Tones of #031484

Color Blindness Simulator