#031393 hex color

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

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

● #031393 color description : Dark blue.

The hexadecimal color #031393 has RGB values of R:3, G:19, B:147 and CMYK values of C:0.98, M:0.87, Y:0, K:0.42. Its decimal value is 201619.

Hex triplet	031393	`#031393`
RGB Decimal	3, 19, 147	`rgb(3,19,147)`
RGB Percent	1.2, 7.5, 57.6	`rgb(1.2%,7.5%,57.6%)`
CMYK	98, 87, 0, 42
HSL	233.3°, 96, 29.4	`hsl(233.3,96%,29.4%)`
HSV (or HSB)	233.3°, 98, 57.6
Web Safe	000099	`#000099`

CIE-LAB	18.326, 45.855, -67.712
XYZ	5.536, 2.591, 27.811
xyY	0.154, 0.072, 2.591
CIE-LCH	18.326, 81.778, 304.106
CIE-LUV	18.326, -5.866, -68.115
Hunter-Lab	16.097, 33.215, -91.164
Binary	00000011, 00010011, 10010011

#031393
```
#031393 rgb(3,19,147)
```
#938303
```
#938303 rgb(147,131,3)
```

Complementary Color

#035b93
```
#035b93 rgb(3,91,147)
```
#031393
```
#031393 rgb(3,19,147)
```
#3b0393
```
#3b0393 rgb(59,3,147)
```

Analogous Color

#5b9303
```
#5b9303 rgb(91,147,3)
```
#031393
```
#031393 rgb(3,19,147)
```
#933b03
```
#933b03 rgb(147,59,3)
```

Split Complementary Color

#139303
```
#139303 rgb(19,147,3)
```
#031393
```
#031393 rgb(3,19,147)
```
#930313
```
#930313 rgb(147,3,19)
```

Triadic Color

#039383
```
#039383 rgb(3,147,131)
```
#031393
```
#031393 rgb(3,19,147)
```
#930313
```
#930313 rgb(147,3,19)
```
#938303
```
#938303 rgb(147,131,3)
```

Tetradic Color

#010948
```
#010948 rgb(1,9,72)
```
#020d61
```
#020d61 rgb(2,13,97)
```
#02107a
```
#02107a rgb(2,16,122)
```
#031393
```
#031393 rgb(3,19,147)
```
#0416ac
```
#0416ac rgb(4,22,172)
```
#0419c5
```
#0419c5 rgb(4,25,197)
```
#051dde
```
#051dde rgb(5,29,222)
```

Monochromatic Color

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

#033793
```
#033793 rgb(3,55,147)
```
#032b93
```
#032b93 rgb(3,43,147)
```
#031f93
```
#031f93 rgb(3,31,147)
```
#031393
```
#031393 rgb(3,19,147)
```
#030793
```
#030793 rgb(3,7,147)
```
#0b0393
```
#0b0393 rgb(11,3,147)
```
#170393
```
#170393 rgb(23,3,147)
```

Similar Colors

Text with hexadecimal color #031393

This text has a font color of #031393.

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

#031393 background color

This paragraph has a background color of #031393.

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

#031393 border color

This element has a border color of #031393.

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

CSS codes

.text {color:#031393;}

.background {background-color:#031393;}

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

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)
```
#010946
```
#010946 rgb(1,9,70)
```
#020c59
```
#020c59 rgb(2,12,89)
```
#020e6d
```
#020e6d rgb(2,14,109)
```
#031180
```
#031180 rgb(3,17,128)
```
#031393
```
#031393 rgb(3,19,147)
```
#0315a6
```
#0315a6 rgb(3,21,166)
```
#0418b9
```
#0418b9 rgb(4,24,185)
```
#041acd
```
#041acd rgb(4,26,205)
```
#051de0
```
#051de0 rgb(5,29,224)
```
#051ff3
```
#051ff3 rgb(5,31,243)
```

Shade Color Variation

#122bfa
```
#122bfa rgb(18,43,250)
```
#253dfb
```
#253dfb rgb(37,61,251)
```
#384efb
```
#384efb rgb(56,78,251)
```
#4b5ffb
```
#4b5ffb rgb(75,95,251)
```
#5e70fc
```
#5e70fc rgb(94,112,252)
```
#7281fc
```
#7281fc rgb(114,129,252)
```
#8592fd
```
#8592fd rgb(133,146,253)
```
#98a3fd
```
#98a3fd rgb(152,163,253)
```
#abb4fd
```
#abb4fd rgb(171,180,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 #031393 is the most saturated one.

#48494e
```
#48494e rgb(72,73,78)
```
#424454
```
#424454 rgb(66,68,84)
```
#3d4059
```
#3d4059 rgb(61,64,89)
```
#373b5f
```
#373b5f rgb(55,59,95)
```
#313765
```
#313765 rgb(49,55,101)
```
#2b326b
```
#2b326b rgb(43,50,107)
```
#262e70
```
#262e70 rgb(38,46,112)
```
#202976
```
#202976 rgb(32,41,118)
```
#1a257c
```
#1a257c rgb(26,37,124)
```
#142082
```
#142082 rgb(20,32,130)
```
#0f1c87
```
#0f1c87 rgb(15,28,135)
```
#09178d
```
#09178d rgb(9,23,141)
```
#031393
```
#031393 rgb(3,19,147)
```

Tone Color Variation

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

#003668 Protanopia 1% of men
#00395a Deuteranopia 1% of men
#003d3f 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
#012d5d Tritanomaly 0.01% of the population

#031393 hex color

#031393 Color Information

#031393 Color Conversion

Color Schemes with #031393

Alternatives to #031393

#031393 Preview

Shades and Tints of #031393

Tones of #031393

Color Blindness Simulator