#031596 hex color

In a RGB color space, hex #031596 is composed of 1.2% red, 8.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 86% magenta, 0% yellow and 41.2% black. It has a hue angle of 232.7 degrees, a saturation of 96.1% and a lightness of 30%. #031596 color hex could be obtained by blending #062aff with #00002d. Closest websafe color is: #000099.

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

● #031596 color description : Dark blue.

The hexadecimal color #031596 has RGB values of R:3, G:21, B:150 and CMYK values of C:0.98, M:0.86, Y:0, K:0.41. Its decimal value is 202134.

Hex triplet	031596	`#031596`
RGB Decimal	3, 21, 150	`rgb(3,21,150)`
RGB Percent	1.2, 8.2, 58.8	`rgb(1.2%,8.2%,58.8%)`
CMYK	98, 86, 0, 41
HSL	232.7°, 96.1, 30	`hsl(232.7,96.1%,30%)`
HSV (or HSB)	232.7°, 98, 58.8
Web Safe	000099	`#000099`

CIE-LAB	19.044, 45.905, -68.374
XYZ	5.81, 2.757, 29.078
xyY	0.154, 0.073, 2.757
CIE-LCH	19.044, 82.355, 303.877
CIE-LUV	19.044, -6.174, -70.238
Hunter-Lab	16.605, 33.394, -92.205
Binary	00000011, 00010101, 10010110

#031596
```
#031596 rgb(3,21,150)
```
#968403
```
#968403 rgb(150,132,3)
```

Complementary Color

#035f96
```
#035f96 rgb(3,95,150)
```
#031596
```
#031596 rgb(3,21,150)
```
#3a0396
```
#3a0396 rgb(58,3,150)
```

Analogous Color

#5f9603
```
#5f9603 rgb(95,150,3)
```
#031596
```
#031596 rgb(3,21,150)
```
#963a03
```
#963a03 rgb(150,58,3)
```

Split Complementary Color

#159603
```
#159603 rgb(21,150,3)
```
#031596
```
#031596 rgb(3,21,150)
```
#960315
```
#960315 rgb(150,3,21)
```

Triadic Color

#039684
```
#039684 rgb(3,150,132)
```
#031596
```
#031596 rgb(3,21,150)
```
#960315
```
#960315 rgb(150,3,21)
```
#968403
```
#968403 rgb(150,132,3)
```

Tetradic Color

#010b4b
```
#010b4b rgb(1,11,75)
```
#020e64
```
#020e64 rgb(2,14,100)
```
#02127d
```
#02127d rgb(2,18,125)
```
#031596
```
#031596 rgb(3,21,150)
```
#0319af
```
#0319af rgb(3,25,175)
```
#041cc8
```
#041cc8 rgb(4,28,200)
```
#0420e1
```
#0420e1 rgb(4,32,225)
```

Monochromatic Color

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

#033a96
```
#033a96 rgb(3,58,150)
```
#032e96
```
#032e96 rgb(3,46,150)
```
#032196
```
#032196 rgb(3,33,150)
```
#031596
```
#031596 rgb(3,21,150)
```
#030996
```
#030996 rgb(3,9,150)
```
#090396
```
#090396 rgb(9,3,150)
```
#160396
```
#160396 rgb(22,3,150)
```

Similar Colors

Text with hexadecimal color #031596

This text has a font color of #031596.

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

#031596 background color

This paragraph has a background color of #031596.

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

#031596 border color

This element has a border color of #031596.

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

CSS codes

.text {color:#031596;}

.background {background-color:#031596;}

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

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)
```
#010a49
```
#010a49 rgb(1,10,73)
```
#020d5c
```
#020d5c rgb(2,13,92)
```
#021070
```
#021070 rgb(2,16,112)
```
#031283
```
#031283 rgb(3,18,131)
```
#031596
```
#031596 rgb(3,21,150)
```
#0318a9
```
#0318a9 rgb(3,24,169)
```
#041abc
```
#041abc rgb(4,26,188)
```
#041dd0
```
#041dd0 rgb(4,29,208)
```
#0520e3
```
#0520e3 rgb(5,32,227)
```
#0522f6
```
#0522f6 rgb(5,34,246)
```

Shade Color Variation

#1431fa
```
#1431fa rgb(20,49,250)
```
#2841fb
```
#2841fb rgb(40,65,251)
```
#3b52fb
```
#3b52fb rgb(59,82,251)
```
#4e63fb
```
#4e63fb rgb(78,99,251)
```
#6174fc
```
#6174fc rgb(97,116,252)
```
#7585fc
```
#7585fc rgb(117,133,252)
```
#8896fd
```
#8896fd rgb(136,150,253)
```
#9ba7fd
```
#9ba7fd rgb(155,167,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 #031596 is the most saturated one.

#4a4a4f
```
#4a4a4f rgb(74,74,79)
```
#444655
```
#444655 rgb(68,70,85)
```
#3e415b
```
#3e415b rgb(62,65,91)
```
#383d61
```
#383d61 rgb(56,61,97)
```
#323967
```
#323967 rgb(50,57,103)
```
#2c346d
```
#2c346d rgb(44,52,109)
```
#263073
```
#263073 rgb(38,48,115)
```
#202b79
```
#202b79 rgb(32,43,121)
```
#1b277e
```
#1b277e rgb(27,39,126)
```
#152284
```
#152284 rgb(21,34,132)
```
#0f1e8a
```
#0f1e8a rgb(15,30,138)
```
#091990
```
#091990 rgb(9,25,144)
```
#031596
```
#031596 rgb(3,21,150)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#191c36 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

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

#031596 hex color

#031596 Color Information

#031596 Color Conversion

Color Schemes with #031596

Alternatives to #031596

#031596 Preview

Shades and Tints of #031596

Tones of #031596

Color Blindness Simulator