#031493 hex color

In a RGB color space, hex #031493 is composed of 1.2% red, 7.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 86.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 232.9 degrees, a saturation of 96% and a lightness of 29.4%. #031493 color hex could be obtained by blending #0628ff with #000027. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 8
- B 58
RGB color chart
- C 98
- M 86
- Y 0
- K 42
CMYK color chart

● #031493 color description : Dark blue.

The hexadecimal color #031493 has RGB values of R:3, G:20, B:147 and CMYK values of C:0.98, M:0.86, Y:0, K:0.42. Its decimal value is 201875.

Hex triplet	031493	`#031493`
RGB Decimal	3, 20, 147	`rgb(3,20,147)`
RGB Percent	1.2, 7.8, 57.6	`rgb(1.2%,7.8%,57.6%)`
CMYK	98, 86, 0, 42
HSL	232.9°, 96, 29.4	`hsl(232.9,96%,29.4%)`
HSV (or HSB)	232.9°, 98, 57.6
Web Safe	000099	`#000099`

CIE-LAB	18.478, 45.402, -67.459
XYZ	5.553, 2.626, 27.816
xyY	0.154, 0.073, 2.626
CIE-LCH	18.478, 81.315, 303.942
CIE-LUV	18.478, -5.965, -68.286
Hunter-Lab	16.204, 32.813, -90.434
Binary	00000011, 00010100, 10010011

#031493
```
#031493 rgb(3,20,147)
```
#938203
```
#938203 rgb(147,130,3)
```

Complementary Color

#035c93
```
#035c93 rgb(3,92,147)
```
#031493
```
#031493 rgb(3,20,147)
```
#3a0393
```
#3a0393 rgb(58,3,147)
```

Analogous Color

#5c9303
```
#5c9303 rgb(92,147,3)
```
#031493
```
#031493 rgb(3,20,147)
```
#933a03
```
#933a03 rgb(147,58,3)
```

Split Complementary Color

#149303
```
#149303 rgb(20,147,3)
```
#031493
```
#031493 rgb(3,20,147)
```
#930314
```
#930314 rgb(147,3,20)
```

Triadic Color

#039382
```
#039382 rgb(3,147,130)
```
#031493
```
#031493 rgb(3,20,147)
```
#930314
```
#930314 rgb(147,3,20)
```
#938203
```
#938203 rgb(147,130,3)
```

Tetradic Color

#010a48
```
#010a48 rgb(1,10,72)
```
#020d61
```
#020d61 rgb(2,13,97)
```
#02117a
```
#02117a rgb(2,17,122)
```
#031493
```
#031493 rgb(3,20,147)
```
#0417ac
```
#0417ac rgb(4,23,172)
```
#041bc5
```
#041bc5 rgb(4,27,197)
```
#051ede
```
#051ede rgb(5,30,222)
```

Monochromatic Color

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

#033893
```
#033893 rgb(3,56,147)
```
#032c93
```
#032c93 rgb(3,44,147)
```
#032093
```
#032093 rgb(3,32,147)
```
#031493
```
#031493 rgb(3,20,147)
```
#030893
```
#030893 rgb(3,8,147)
```
#0a0393
```
#0a0393 rgb(10,3,147)
```
#160393
```
#160393 rgb(22,3,147)
```

Similar Colors

Text with hexadecimal color #031493

This text has a font color of #031493.

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

#031493 background color

This paragraph has a background color of #031493.

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

#031493 border color

This element has a border color of #031493.

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

CSS codes

.text {color:#031493;}

.background {background-color:#031493;}

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

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, #00020c is the darkest color, while #f8f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#010420
```
#010420 rgb(1,4,32)
```
#010733
```
#010733 rgb(1,7,51)
```
#010a46
```
#010a46 rgb(1,10,70)
```
#020c59
```
#020c59 rgb(2,12,89)
```
#020f6d
```
#020f6d rgb(2,15,109)
```
#031180
```
#031180 rgb(3,17,128)
```
#031493
```
#031493 rgb(3,20,147)
```
#0317a6
```
#0317a6 rgb(3,23,166)
```
#0419b9
```
#0419b9 rgb(4,25,185)
```
#041ccd
```
#041ccd rgb(4,28,205)
```
#051ee0
```
#051ee0 rgb(5,30,224)
```
#0521f3
```
#0521f3 rgb(5,33,243)
```

Shade Color Variation

#122dfa
```
#122dfa rgb(18,45,250)
```
#253efb
```
#253efb rgb(37,62,251)
```
#384ffb
```
#384ffb rgb(56,79,251)
```
#4b60fb
```
#4b60fb rgb(75,96,251)
```
#5e71fc
```
#5e71fc rgb(94,113,252)
```
#7282fc
```
#7282fc rgb(114,130,252)
```
#8593fd
```
#8593fd rgb(133,147,253)
```
#98a4fd
```
#98a4fd rgb(152,164,253)
```
#abb5fd
```
#abb5fd rgb(171,181,253)
```
#bfc6fe
```
#bfc6fe rgb(191,198,254)
```
#d2d7fe
```
#d2d7fe rgb(210,215,254)
```
#e5e8fe
```
#e5e8fe rgb(229,232,254)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#48494e
```
#48494e rgb(72,73,78)
```
#424454
```
#424454 rgb(66,68,84)
```
#3d4059
```
#3d4059 rgb(61,64,89)
```
#373c5f
```
#373c5f rgb(55,60,95)
```
#313765
```
#313765 rgb(49,55,101)
```
#2b336b
```
#2b336b rgb(43,51,107)
```
#262e70
```
#262e70 rgb(38,46,112)
```
#202a76
```
#202a76 rgb(32,42,118)
```
#1a267c
```
#1a267c rgb(26,38,124)
```
#142182
```
#142182 rgb(20,33,130)
```
#0f1d87
```
#0f1d87 rgb(15,29,135)
```
#09188d
```
#09188d rgb(9,24,141)
```
#031493
```
#031493 rgb(3,20,147)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#181b35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395a Deuteranopia 1% of men
#003d40 Tritanopia 0.001% of the population

Trichromacy

#012978 Protanomaly 1% of men, 0.01% of women
#012b6f Deuteranomaly 6% of men, 0.4% of women
#012e5e Tritanomaly 0.01% of the population

#031493 hex color

#031493 Color Information

#031493 Color Conversion

Color Schemes with #031493

Alternatives to #031493

#031493 Preview

Shades and Tints of #031493

Tones of #031493

Color Blindness Simulator