#031395 hex color

In a RGB color space, hex #031395 is composed of 1.2% red, 7.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 87.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 233.4 degrees, a saturation of 96.1% and a lightness of 29.8%. #031395 color hex could be obtained by blending #0626ff with #00002b. 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

● #031395 color description : Dark blue.

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

Hex triplet	031395	`#031395`
RGB Decimal	3, 19, 149	`rgb(3,19,149)`
RGB Percent	1.2, 7.5, 58.4	`rgb(1.2%,7.5%,58.4%)`
CMYK	98, 87, 0, 42
HSL	233.4°, 96.1, 29.8	`hsl(233.4,96.1%,29.8%)`
HSV (or HSB)	233.4°, 98, 58.4
Web Safe	000099	`#000099`

CIE-LAB	18.604, 46.49, -68.49
XYZ	5.694, 2.655, 28.644
xyY	0.154, 0.072, 2.655
CIE-LCH	18.604, 82.778, 304.168
CIE-LUV	18.604, -5.94, -69.309
Hunter-Lab	16.293, 33.871, -92.832
Binary	00000011, 00010011, 10010101

#031395
```
#031395 rgb(3,19,149)
```
#958503
```
#958503 rgb(149,133,3)
```

Complementary Color

#035c95
```
#035c95 rgb(3,92,149)
```
#031395
```
#031395 rgb(3,19,149)
```
#3c0395
```
#3c0395 rgb(60,3,149)
```

Analogous Color

#5c9503
```
#5c9503 rgb(92,149,3)
```
#031395
```
#031395 rgb(3,19,149)
```
#953c03
```
#953c03 rgb(149,60,3)
```

Split Complementary Color

#139503
```
#139503 rgb(19,149,3)
```
#031395
```
#031395 rgb(3,19,149)
```
#950313
```
#950313 rgb(149,3,19)
```

Triadic Color

#039585
```
#039585 rgb(3,149,133)
```
#031395
```
#031395 rgb(3,19,149)
```
#950313
```
#950313 rgb(149,3,19)
```
#958503
```
#958503 rgb(149,133,3)
```

Tetradic Color

#01094a
```
#01094a rgb(1,9,74)
```
#020d63
```
#020d63 rgb(2,13,99)
```
#02107c
```
#02107c rgb(2,16,124)
```
#031395
```
#031395 rgb(3,19,149)
```
#0416ae
```
#0416ae rgb(4,22,174)
```
#0419c7
```
#0419c7 rgb(4,25,199)
```
#051de0
```
#051de0 rgb(5,29,224)
```

Monochromatic Color

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

#033895
```
#033895 rgb(3,56,149)
```
#032b95
```
#032b95 rgb(3,43,149)
```
#031f95
```
#031f95 rgb(3,31,149)
```
#031395
```
#031395 rgb(3,19,149)
```
#030795
```
#030795 rgb(3,7,149)
```
#0b0395
```
#0b0395 rgb(11,3,149)
```
#180395
```
#180395 rgb(24,3,149)
```

Similar Colors

Text with hexadecimal color #031395

This text has a font color of #031395.

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

#031395 background color

This paragraph has a background color of #031395.

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

#031395 border color

This element has a border color of #031395.

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

CSS codes

.text {color:#031395;}

.background {background-color:#031395;}

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

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

#00020e
```
#00020e rgb(0,2,14)
```
#010422
```
#010422 rgb(1,4,34)
```
#010735
```
#010735 rgb(1,7,53)
```
#010948
```
#010948 rgb(1,9,72)
```
#020c5b
```
#020c5b rgb(2,12,91)
```
#020e6f
```
#020e6f rgb(2,14,111)
```
#031182
```
#031182 rgb(3,17,130)
```
#031395
```
#031395 rgb(3,19,149)
```
#0315a8
```
#0315a8 rgb(3,21,168)
```
#0418bb
```
#0418bb rgb(4,24,187)
```
#041acf
```
#041acf rgb(4,26,207)
```
#051de2
```
#051de2 rgb(5,29,226)
```
#051ff5
```
#051ff5 rgb(5,31,245)
```

Shade Color Variation

#132dfa
```
#132dfa rgb(19,45,250)
```
#273efb
```
#273efb rgb(39,62,251)
```
#3a4ffb
```
#3a4ffb rgb(58,79,251)
```
#4d60fb
```
#4d60fb rgb(77,96,251)
```
#6071fc
```
#6071fc rgb(96,113,252)
```
#7483fc
```
#7483fc rgb(116,131,252)
```
#8794fd
```
#8794fd rgb(135,148,253)
```
#9aa5fd
```
#9aa5fd rgb(154,165,253)
```
#adb6fd
```
#adb6fd rgb(173,182,253)
```
#c0c7fe
```
#c0c7fe rgb(192,199,254)
```
#d4d8fe
```
#d4d8fe rgb(212,216,254)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#494a4f
```
#494a4f rgb(73,74,79)
```
#434555
```
#434555 rgb(67,69,85)
```
#3d415b
```
#3d415b rgb(61,65,91)
```
#383c60
```
#383c60 rgb(56,60,96)
```
#323866
```
#323866 rgb(50,56,102)
```
#2c336c
```
#2c336c rgb(44,51,108)
```
#262e72
```
#262e72 rgb(38,46,114)
```
#202a78
```
#202a78 rgb(32,42,120)
```
#1a257e
```
#1a257e rgb(26,37,126)
```
#152183
```
#152183 rgb(21,33,131)
```
#0f1c89
```
#0f1c89 rgb(15,28,137)
```
#09188f
```
#09188f rgb(9,24,143)
```
#031395
```
#031395 rgb(3,19,149)
```

Tone Color Variation

Below, you can see how #031395 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
#00395b Deuteranopia 1% of men
#003d40 Tritanopia 0.001% of the population

Trichromacy

#012979 Protanomaly 1% of men, 0.01% of women
#012b70 Deuteranomaly 6% of men, 0.4% of women
#012e5f Tritanomaly 0.01% of the population

#031395 hex color

#031395 Color Information

#031395 Color Conversion

Color Schemes with #031395

Alternatives to #031395

#031395 Preview

Shades and Tints of #031395

Tones of #031395

Color Blindness Simulator