#031693 hex color

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

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

● #031693 color description : Dark blue.

The hexadecimal color #031693 has RGB values of R:3, G:22, B:147 and CMYK values of C:0.98, M:0.85, Y:0, K:0.42. Its decimal value is 202387.

Hex triplet	031693	`#031693`
RGB Decimal	3, 22, 147	`rgb(3,22,147)`
RGB Percent	1.2, 8.6, 57.6	`rgb(1.2%,8.6%,57.6%)`
CMYK	98, 85, 0, 42
HSL	232.1°, 96, 29.4	`hsl(232.1,96%,29.4%)`
HSV (or HSB)	232.1°, 98, 57.6
Web Safe	000099	`#000099`

CIE-LAB	18.797, 44.455, -66.928
XYZ	5.59, 2.699, 27.829
xyY	0.155, 0.075, 2.699
CIE-LCH	18.797, 80.347, 303.593
CIE-LUV	18.797, -6.174, -68.625
Hunter-Lab	16.43, 31.979, -88.925
Binary	00000011, 00010110, 10010011

#031693
```
#031693 rgb(3,22,147)
```
#938003
```
#938003 rgb(147,128,3)
```

Complementary Color

#035e93
```
#035e93 rgb(3,94,147)
```
#031693
```
#031693 rgb(3,22,147)
```
#380393
```
#380393 rgb(56,3,147)
```

Analogous Color

#5e9303
```
#5e9303 rgb(94,147,3)
```
#031693
```
#031693 rgb(3,22,147)
```
#933803
```
#933803 rgb(147,56,3)
```

Split Complementary Color

#169303
```
#169303 rgb(22,147,3)
```
#031693
```
#031693 rgb(3,22,147)
```
#930316
```
#930316 rgb(147,3,22)
```

Triadic Color

#039380
```
#039380 rgb(3,147,128)
```
#031693
```
#031693 rgb(3,22,147)
```
#930316
```
#930316 rgb(147,3,22)
```
#938003
```
#938003 rgb(147,128,3)
```

Tetradic Color

#010b48
```
#010b48 rgb(1,11,72)
```
#020f61
```
#020f61 rgb(2,15,97)
```
#02127a
```
#02127a rgb(2,18,122)
```
#031693
```
#031693 rgb(3,22,147)
```
#041aac
```
#041aac rgb(4,26,172)
```
#041dc5
```
#041dc5 rgb(4,29,197)
```
#0521de
```
#0521de rgb(5,33,222)
```

Monochromatic Color

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

#033a93
```
#033a93 rgb(3,58,147)
```
#032e93
```
#032e93 rgb(3,46,147)
```
#032293
```
#032293 rgb(3,34,147)
```
#031693
```
#031693 rgb(3,22,147)
```
#030a93
```
#030a93 rgb(3,10,147)
```
#080393
```
#080393 rgb(8,3,147)
```
#140393
```
#140393 rgb(20,3,147)
```

Similar Colors

Text with hexadecimal color #031693

This text has a font color of #031693.

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

#031693 background color

This paragraph has a background color of #031693.

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

#031693 border color

This element has a border color of #031693.

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

CSS codes

.text {color:#031693;}

.background {background-color:#031693;}

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

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)
```
#010520
```
#010520 rgb(1,5,32)
```
#010833
```
#010833 rgb(1,8,51)
```
#010a46
```
#010a46 rgb(1,10,70)
```
#020d59
```
#020d59 rgb(2,13,89)
```
#02106d
```
#02106d rgb(2,16,109)
```
#031380
```
#031380 rgb(3,19,128)
```
#031693
```
#031693 rgb(3,22,147)
```
#0319a6
```
#0319a6 rgb(3,25,166)
```
#041cb9
```
#041cb9 rgb(4,28,185)
```
#041fcd
```
#041fcd rgb(4,31,205)
```
#0522e0
```
#0522e0 rgb(5,34,224)
```
#0524f3
```
#0524f3 rgb(5,36,243)
```

Shade Color Variation

#1230fa
```
#1230fa rgb(18,48,250)
```
#2541fb
```
#2541fb rgb(37,65,251)
```
#3852fb
```
#3852fb rgb(56,82,251)
```
#4b62fb
```
#4b62fb rgb(75,98,251)
```
#5e73fc
```
#5e73fc rgb(94,115,252)
```
#7284fc
```
#7284fc rgb(114,132,252)
```
#8595fd
```
#8595fd rgb(133,149,253)
```
#98a5fd
```
#98a5fd rgb(152,165,253)
```
#abb6fd
```
#abb6fd rgb(171,182,253)
```
#bfc7fe
```
#bfc7fe rgb(191,199,254)
```
#d2d8fe
```
#d2d8fe rgb(210,216,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 #031693 is the most saturated one.

#48494e
```
#48494e rgb(72,73,78)
```
#424554
```
#424554 rgb(66,69,84)
```
#3d4059
```
#3d4059 rgb(61,64,89)
```
#373c5f
```
#373c5f rgb(55,60,95)
```
#313865
```
#313865 rgb(49,56,101)
```
#2b346b
```
#2b346b rgb(43,52,107)
```
#262f70
```
#262f70 rgb(38,47,112)
```
#202b76
```
#202b76 rgb(32,43,118)
```
#1a277c
```
#1a277c rgb(26,39,124)
```
#142382
```
#142382 rgb(20,35,130)
```
#0f1e87
```
#0f1e87 rgb(15,30,135)
```
#091a8d
```
#091a8d rgb(9,26,141)
```
#031693
```
#031693 rgb(3,22,147)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#191d36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376a Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e40 Tritanopia 0.001% of the population

Trichromacy

#012b79 Protanomaly 1% of men, 0.01% of women
#012d70 Deuteranomaly 6% of men, 0.4% of women
#012f5e Tritanomaly 0.01% of the population

#031693 hex color

#031693 Color Information

#031693 Color Conversion

Color Schemes with #031693

Alternatives to #031693

#031693 Preview

Shades and Tints of #031693

Tones of #031693

Color Blindness Simulator