#031695 hex color

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

● #031695 color description : Dark blue.

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

Hex triplet	031695	`#031695`
RGB Decimal	3, 22, 149	`rgb(3,22,149)`
RGB Percent	1.2, 8.6, 58.4	`rgb(1.2%,8.6%,58.4%)`
CMYK	98, 85, 0, 42
HSL	232.2°, 96.1, 29.8	`hsl(232.2,96.1%,29.8%)`
HSV (or HSB)	232.2°, 98, 58.4
Web Safe	000099	`#000099`

CIE-LAB	19.067, 45.11, -67.718
XYZ	5.748, 2.763, 28.662
xyY	0.155, 0.074, 2.763
CIE-LCH	19.067, 81.367, 303.669
CIE-LUV	19.067, -6.244, -69.81
Hunter-Lab	16.621, 32.644, -90.608
Binary	00000011, 00010110, 10010101

#031695
```
#031695 rgb(3,22,149)
```
#958203
```
#958203 rgb(149,130,3)
```

Complementary Color

#035f95
```
#035f95 rgb(3,95,149)
```
#031695
```
#031695 rgb(3,22,149)
```
#390395
```
#390395 rgb(57,3,149)
```

Analogous Color

#5f9503
```
#5f9503 rgb(95,149,3)
```
#031695
```
#031695 rgb(3,22,149)
```
#953903
```
#953903 rgb(149,57,3)
```

Split Complementary Color

#169503
```
#169503 rgb(22,149,3)
```
#031695
```
#031695 rgb(3,22,149)
```
#950316
```
#950316 rgb(149,3,22)
```

Triadic Color

#039582
```
#039582 rgb(3,149,130)
```
#031695
```
#031695 rgb(3,22,149)
```
#950316
```
#950316 rgb(149,3,22)
```
#958203
```
#958203 rgb(149,130,3)
```

Tetradic Color

#010b4a
```
#010b4a rgb(1,11,74)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#02127c
```
#02127c rgb(2,18,124)
```
#031695
```
#031695 rgb(3,22,149)
```
#041aae
```
#041aae rgb(4,26,174)
```
#041dc7
```
#041dc7 rgb(4,29,199)
```
#0521e0
```
#0521e0 rgb(5,33,224)
```

Monochromatic Color

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

#033b95
```
#033b95 rgb(3,59,149)
```
#032e95
```
#032e95 rgb(3,46,149)
```
#032295
```
#032295 rgb(3,34,149)
```
#031695
```
#031695 rgb(3,22,149)
```
#030a95
```
#030a95 rgb(3,10,149)
```
#080395
```
#080395 rgb(8,3,149)
```
#150395
```
#150395 rgb(21,3,149)
```

Similar Colors

Text with hexadecimal color #031695

This text has a font color of #031695.

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

#031695 background color

This paragraph has a background color of #031695.

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

#031695 border color

This element has a border color of #031695.

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

CSS codes

.text {color:#031695;}

.background {background-color:#031695;}

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

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)
```
#010522
```
#010522 rgb(1,5,34)
```
#010835
```
#010835 rgb(1,8,53)
```
#010b48
```
#010b48 rgb(1,11,72)
```
#020d5b
```
#020d5b rgb(2,13,91)
```
#02106f
```
#02106f rgb(2,16,111)
```
#031382
```
#031382 rgb(3,19,130)
```
#031695
```
#031695 rgb(3,22,149)
```
#0319a8
```
#0319a8 rgb(3,25,168)
```
#041cbb
```
#041cbb rgb(4,28,187)
```
#041fcf
```
#041fcf rgb(4,31,207)
```
#0521e2
```
#0521e2 rgb(5,33,226)
```
#0524f5
```
#0524f5 rgb(5,36,245)
```

Shade Color Variation

#1331fa
```
#1331fa rgb(19,49,250)
```
#2742fb
```
#2742fb rgb(39,66,251)
```
#3a53fb
```
#3a53fb rgb(58,83,251)
```
#4d64fb
```
#4d64fb rgb(77,100,251)
```
#6075fc
```
#6075fc rgb(96,117,252)
```
#7485fc
```
#7485fc rgb(116,133,252)
```
#8796fd
```
#8796fd rgb(135,150,253)
```
#9aa7fd
```
#9aa7fd rgb(154,167,253)
```
#adb8fd
```
#adb8fd rgb(173,184,253)
```
#c0c8fe
```
#c0c8fe rgb(192,200,254)
```
#d4d9fe
```
#d4d9fe rgb(212,217,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 #031695 is the most saturated one.

#494a4f
```
#494a4f rgb(73,74,79)
```
#434655
```
#434655 rgb(67,70,85)
```
#3d415b
```
#3d415b rgb(61,65,91)
```
#383d60
```
#383d60 rgb(56,61,96)
```
#323966
```
#323966 rgb(50,57,102)
```
#2c346c
```
#2c346c rgb(44,52,108)
```
#263072
```
#263072 rgb(38,48,114)
```
#202c78
```
#202c78 rgb(32,44,120)
```
#1a277e
```
#1a277e rgb(26,39,126)
```
#152383
```
#152383 rgb(21,35,131)
```
#0f1f89
```
#0f1f89 rgb(15,31,137)
```
#091a8f
```
#091a8f rgb(9,26,143)
```
#031695
```
#031695 rgb(3,22,149)
```

Tone Color Variation

Below, you can see how #031695 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
#191d37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e41 Tritanopia 0.001% of the population

Trichromacy

#012b7a Protanomaly 1% of men, 0.01% of women
#012d71 Deuteranomaly 6% of men, 0.4% of women
#01305f Tritanomaly 0.01% of the population

#031695 hex color

#031695 Color Information

#031695 Color Conversion

Color Schemes with #031695

Alternatives to #031695

#031695 Preview

Shades and Tints of #031695

Tones of #031695

Color Blindness Simulator