#031696 hex color

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

● #031696 color description : Dark blue.

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

Hex triplet	031696	`#031696`
RGB Decimal	3, 22, 150	`rgb(3,22,150)`
RGB Percent	1.2, 8.6, 58.8	`rgb(1.2%,8.6%,58.8%)`
CMYK	98, 85, 0, 41
HSL	232.2°, 96.1, 30	`hsl(232.2,96.1%,30%)`
HSV (or HSB)	232.2°, 98, 58.8
Web Safe	000099	`#000099`

CIE-LAB	19.202, 45.436, -68.111
XYZ	5.828, 2.795, 29.085
xyY	0.155, 0.074, 2.795
CIE-LCH	19.202, 81.875, 303.706
CIE-LUV	19.202, -6.279, -70.402
Hunter-Lab	16.717, 32.977, -91.45
Binary	00000011, 00010110, 10010110

#031696
```
#031696 rgb(3,22,150)
```
#968303
```
#968303 rgb(150,131,3)
```

Complementary Color

#036096
```
#036096 rgb(3,96,150)
```
#031696
```
#031696 rgb(3,22,150)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```

Analogous Color

#609603
```
#609603 rgb(96,150,3)
```
#031696
```
#031696 rgb(3,22,150)
```
#963a03
```
#963a03 rgb(150,58,3)
```

Split Complementary Color

#169603
```
#169603 rgb(22,150,3)
```
#031696
```
#031696 rgb(3,22,150)
```
#960316
```
#960316 rgb(150,3,22)
```

Triadic Color

#039683
```
#039683 rgb(3,150,131)
```
#031696
```
#031696 rgb(3,22,150)
```
#960316
```
#960316 rgb(150,3,22)
```
#968303
```
#968303 rgb(150,131,3)
```

Tetradic Color

#010b4b
```
#010b4b rgb(1,11,75)
```
#020f64
```
#020f64 rgb(2,15,100)
```
#02127d
```
#02127d rgb(2,18,125)
```
#031696
```
#031696 rgb(3,22,150)
```
#031aaf
```
#031aaf rgb(3,26,175)
```
#041dc8
```
#041dc8 rgb(4,29,200)
```
#0421e1
```
#0421e1 rgb(4,33,225)
```

Monochromatic Color

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

#033b96
```
#033b96 rgb(3,59,150)
```
#032f96
```
#032f96 rgb(3,47,150)
```
#032296
```
#032296 rgb(3,34,150)
```
#031696
```
#031696 rgb(3,22,150)
```
#030a96
```
#030a96 rgb(3,10,150)
```
#090396
```
#090396 rgb(9,3,150)
```
#150396
```
#150396 rgb(21,3,150)
```

Similar Colors

Text with hexadecimal color #031696

This text has a font color of #031696.

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

#031696 background color

This paragraph has a background color of #031696.

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

#031696 border color

This element has a border color of #031696.

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

CSS codes

.text {color:#031696;}

.background {background-color:#031696;}

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#010523
```
#010523 rgb(1,5,35)
```
#010836
```
#010836 rgb(1,8,54)
```
#010b49
```
#010b49 rgb(1,11,73)
```
#020e5c
```
#020e5c rgb(2,14,92)
```
#021070
```
#021070 rgb(2,16,112)
```
#031383
```
#031383 rgb(3,19,131)
```
#031696
```
#031696 rgb(3,22,150)
```
#0319a9
```
#0319a9 rgb(3,25,169)
```
#041cbc
```
#041cbc rgb(4,28,188)
```
#041ed0
```
#041ed0 rgb(4,30,208)
```
#0521e3
```
#0521e3 rgb(5,33,227)
```
#0524f6
```
#0524f6 rgb(5,36,246)
```

Shade Color Variation

#1432fa
```
#1432fa rgb(20,50,250)
```
#2843fb
```
#2843fb rgb(40,67,251)
```
#3b54fb
```
#3b54fb rgb(59,84,251)
```
#4e64fb
```
#4e64fb rgb(78,100,251)
```
#6175fc
```
#6175fc rgb(97,117,252)
```
#7586fc
```
#7586fc rgb(117,134,252)
```
#8897fd
```
#8897fd rgb(136,151,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#aeb8fd
```
#aeb8fd rgb(174,184,253)
```
#c1c9fe
```
#c1c9fe rgb(193,201,254)
```
#d5dafe
```
#d5dafe rgb(213,218,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#4a4a4f
```
#4a4a4f rgb(74,74,79)
```
#444655
```
#444655 rgb(68,70,85)
```
#3e425b
```
#3e425b rgb(62,66,91)
```
#383d61
```
#383d61 rgb(56,61,97)
```
#323967
```
#323967 rgb(50,57,103)
```
#2c356d
```
#2c356d rgb(44,53,109)
```
#263073
```
#263073 rgb(38,48,115)
```
#202c79
```
#202c79 rgb(32,44,121)
```
#1b277e
```
#1b277e rgb(27,39,126)
```
#152384
```
#152384 rgb(21,35,132)
```
#0f1f8a
```
#0f1f8a rgb(15,31,138)
```
#091a90
```
#091a90 rgb(9,26,144)
```
#031696
```
#031696 rgb(3,22,150)
```

Tone Color Variation

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

#00376c Protanopia 1% of men
#003b5d Deuteranopia 1% of men
#003f41 Tritanopia 0.001% of the population

Trichromacy

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

#031696 hex color

#031696 Color Information

#031696 Color Conversion

Color Schemes with #031696

Alternatives to #031696

#031696 Preview

Shades and Tints of #031696

Tones of #031696

Color Blindness Simulator