#031697 hex color

In a RGB color space, hex #031697 is composed of 1.2% red, 8.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 85.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 232.3 degrees, a saturation of 96.1% and a lightness of 30.2%. #031697 color hex could be obtained by blending #062cff with #00002f. Closest websafe color is: #000099.

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

● #031697 color description : Dark blue.

The hexadecimal color #031697 has RGB values of R:3, G:22, B:151 and CMYK values of C:0.98, M:0.85, Y:0, K:0.41. Its decimal value is 202391.

Hex triplet	031697	`#031697`
RGB Decimal	3, 22, 151	`rgb(3,22,151)`
RGB Percent	1.2, 8.6, 59.2	`rgb(1.2%,8.6%,59.2%)`
CMYK	98, 85, 0, 41
HSL	232.3°, 96.1, 30.2	`hsl(232.3,96.1%,30.2%)`
HSV (or HSB)	232.3°, 98, 59.2
Web Safe	000099	`#000099`

CIE-LAB	19.338, 45.76, -68.504
XYZ	5.909, 2.827, 29.511
xyY	0.155, 0.074, 2.827
CIE-LCH	19.338, 82.382, 303.743
CIE-LUV	19.338, -6.314, -70.994
Hunter-Lab	16.814, 33.31, -92.292
Binary	00000011, 00010110, 10010111

#031697
```
#031697 rgb(3,22,151)
```
#978403
```
#978403 rgb(151,132,3)
```

Complementary Color

#036097
```
#036097 rgb(3,96,151)
```
#031697
```
#031697 rgb(3,22,151)
```
#3a0397
```
#3a0397 rgb(58,3,151)
```

Analogous Color

#609703
```
#609703 rgb(96,151,3)
```
#031697
```
#031697 rgb(3,22,151)
```
#973a03
```
#973a03 rgb(151,58,3)
```

Split Complementary Color

#169703
```
#169703 rgb(22,151,3)
```
#031697
```
#031697 rgb(3,22,151)
```
#970316
```
#970316 rgb(151,3,22)
```

Triadic Color

#039784
```
#039784 rgb(3,151,132)
```
#031697
```
#031697 rgb(3,22,151)
```
#970316
```
#970316 rgb(151,3,22)
```
#978403
```
#978403 rgb(151,132,3)
```

Tetradic Color

#020b4c
```
#020b4c rgb(2,11,76)
```
#020f65
```
#020f65 rgb(2,15,101)
```
#03127e
```
#03127e rgb(3,18,126)
```
#031697
```
#031697 rgb(3,22,151)
```
#031ab0
```
#031ab0 rgb(3,26,176)
```
#041dc9
```
#041dc9 rgb(4,29,201)
```
#0421e2
```
#0421e2 rgb(4,33,226)
```

Monochromatic Color

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

#033b97
```
#033b97 rgb(3,59,151)
```
#032f97
```
#032f97 rgb(3,47,151)
```
#032297
```
#032297 rgb(3,34,151)
```
#031697
```
#031697 rgb(3,22,151)
```
#030a97
```
#030a97 rgb(3,10,151)
```
#090397
```
#090397 rgb(9,3,151)
```
#150397
```
#150397 rgb(21,3,151)
```

Similar Colors

Text with hexadecimal color #031697

This text has a font color of #031697.

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

#031697 background color

This paragraph has a background color of #031697.

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

#031697 border color

This element has a border color of #031697.

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

CSS codes

.text {color:#031697;}

.background {background-color:#031697;}

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

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, #000210 is the darkest color, while #fcfcff is the lightest one.

#000210
```
#000210 rgb(0,2,16)
```
#010524
```
#010524 rgb(1,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#010b4a
```
#010b4a rgb(1,11,74)
```
#020e5d
```
#020e5d rgb(2,14,93)
```
#021071
```
#021071 rgb(2,16,113)
```
#031384
```
#031384 rgb(3,19,132)
```
#031697
```
#031697 rgb(3,22,151)
```
#0319aa
```
#0319aa rgb(3,25,170)
```
#041cbd
```
#041cbd rgb(4,28,189)
```
#041ed1
```
#041ed1 rgb(4,30,209)
```
#0521e4
```
#0521e4 rgb(5,33,228)
```
#0524f7
```
#0524f7 rgb(5,36,247)
```

Shade Color Variation

#1533fa
```
#1533fa rgb(21,51,250)
```
#2944fb
```
#2944fb rgb(41,68,251)
```
#3c54fb
```
#3c54fb rgb(60,84,251)
```
#4f65fc
```
#4f65fc rgb(79,101,252)
```
#6276fc
```
#6276fc rgb(98,118,252)
```
#7687fc
```
#7687fc rgb(118,135,252)
```
#8998fd
```
#8998fd rgb(137,152,253)
```
#9ca8fd
```
#9ca8fd rgb(156,168,253)
```
#afb9fd
```
#afb9fd rgb(175,185,253)
```
#c2cafe
```
#c2cafe rgb(194,202,254)
```
#d6dbfe
```
#d6dbfe rgb(214,219,254)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#4a4b50
```
#4a4b50 rgb(74,75,80)
```
#444656
```
#444656 rgb(68,70,86)
```
#3e425c
```
#3e425c rgb(62,66,92)
```
#383e62
```
#383e62 rgb(56,62,98)
```
#323968
```
#323968 rgb(50,57,104)
```
#2c356e
```
#2c356e rgb(44,53,110)
```
#273073
```
#273073 rgb(39,48,115)
```
#212c79
```
#212c79 rgb(33,44,121)
```
#1b287f
```
#1b287f rgb(27,40,127)
```
#152385
```
#152385 rgb(21,35,133)
```
#0f1f8b
```
#0f1f8b rgb(15,31,139)
```
#091a91
```
#091a91 rgb(9,26,145)
```
#031697
```
#031697 rgb(3,22,151)
```

Tone Color Variation

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

#00386c Protanopia 1% of men
#003b5d Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#012b7c Protanomaly 1% of men, 0.01% of women
#012d72 Deuteranomaly 6% of men, 0.4% of women
#013060 Tritanomaly 0.01% of the population

#031697 hex color

#031697 Color Information

#031697 Color Conversion

Color Schemes with #031697

Alternatives to #031697

#031697 Preview

Shades and Tints of #031697

Tones of #031697

Color Blindness Simulator