#031f56 hex color

In a RGB color space, hex #031f56 is composed of 1.2% red, 12.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 64% magenta, 0% yellow and 66.3% black. It has a hue angle of 219.8 degrees, a saturation of 93.3% and a lightness of 17.5%. #031f56 color hex could be obtained by blending #063eac with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 34
RGB color chart
- C 97
- M 64
- Y 0
- K 66
CMYK color chart

● #031f56 color description : Very dark blue.

The hexadecimal color #031f56 has RGB values of R:3, G:31, B:86 and CMYK values of C:0.97, M:0.64, Y:0, K:0.66. Its decimal value is 204630.

Hex triplet	031f56	`#031f56`
RGB Decimal	3, 31, 86	`rgb(3,31,86)`
RGB Percent	1.2, 12.2, 33.7	`rgb(1.2%,12.2%,33.7%)`
CMYK	97, 64, 0, 66
HSL	219.8°, 93.3, 17.5	`hsl(219.8,93.3%,17.5%)`
HSV (or HSB)	219.8°, 96.5, 33.7
Web Safe	003366	`#003366`

CIE-LAB	13.656, 14.814, -36.021
XYZ	2.207, 1.671, 9.01
xyY	0.171, 0.13, 1.671
CIE-LCH	13.656, 38.948, 292.355
CIE-LUV	13.656, -6.263, -33.976
Hunter-Lab	12.927, 7.852, -32.275
Binary	00000011, 00011111, 01010110

#031f56
```
#031f56 rgb(3,31,86)
```
#563a03
```
#563a03 rgb(86,58,3)
```

Complementary Color

#034956
```
#034956 rgb(3,73,86)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#100356
```
#100356 rgb(16,3,86)
```

Analogous Color

#495603
```
#495603 rgb(73,86,3)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#561103
```
#561103 rgb(86,17,3)
```

Split Complementary Color

#1f5603
```
#1f5603 rgb(31,86,3)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#56031f
```
#56031f rgb(86,3,31)
```

Triadic Color

#03563a
```
#03563a rgb(3,86,58)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#56031f
```
#56031f rgb(86,3,31)
```
#563a03
```
#563a03 rgb(86,58,3)
```

Tetradic Color

#00040c
```
#00040c rgb(0,4,12)
```
#010d25
```
#010d25 rgb(1,13,37)
```
#02163d
```
#02163d rgb(2,22,61)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#04286f
```
#04286f rgb(4,40,111)
```
#053187
```
#053187 rgb(5,49,135)
```
#063aa0
```
#063aa0 rgb(6,58,160)
```

Monochromatic Color

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

#033456
```
#033456 rgb(3,52,86)
```
#032d56
```
#032d56 rgb(3,45,86)
```
#032656
```
#032656 rgb(3,38,86)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#031856
```
#031856 rgb(3,24,86)
```
#031156
```
#031156 rgb(3,17,86)
```
#030a56
```
#030a56 rgb(3,10,86)
```

Similar Colors

Text with hexadecimal color #031f56

This text has a font color of #031f56.

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

#031f56 background color

This paragraph has a background color of #031f56.

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

#031f56 border color

This element has a border color of #031f56.

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

CSS codes

.text {color:#031f56;}

.background {background-color:#031f56;}

.border {border:1px solid #031f56;}

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#010b1d
```
#010b1d rgb(1,11,29)
```
#021130
```
#021130 rgb(2,17,48)
```
#021843
```
#021843 rgb(2,24,67)
```
#031f56
```
#031f56 rgb(3,31,86)
```
#042669
```
#042669 rgb(4,38,105)
```
#042d7c
```
#042d7c rgb(4,45,124)
```
#05338f
```
#05338f rgb(5,51,143)
```
#063aa2
```
#063aa2 rgb(6,58,162)
```
#0641b5
```
#0641b5 rgb(6,65,181)
```
#0748c8
```
#0748c8 rgb(7,72,200)
```
#084fdb
```
#084fdb rgb(8,79,219)
```
#0856ee
```
#0856ee rgb(8,86,238)
```

Shade Color Variation

#1360f7
```
#1360f7 rgb(19,96,247)
```
#266cf7
```
#266cf7 rgb(38,108,247)
```
#3979f8
```
#3979f8 rgb(57,121,248)
```
#4c86f9
```
#4c86f9 rgb(76,134,249)
```
#5f93f9
```
#5f93f9 rgb(95,147,249)
```
#72a0fa
```
#72a0fa rgb(114,160,250)
```
#85acfb
```
#85acfb rgb(133,172,251)
```
#97b9fb
```
#97b9fb rgb(151,185,251)
```
#aac6fc
```
#aac6fc rgb(170,198,252)
```
#bdd3fd
```
#bdd3fd rgb(189,211,253)
```
#d0e0fd
```
#d0e0fd rgb(208,224,253)
```
#e3ecfe
```
#e3ecfe rgb(227,236,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2c2c2d is the less saturated color, while #031f56 is the most saturated one.

#2c2c2d
```
#2c2c2d rgb(44,44,45)
```
#292b30
```
#292b30 rgb(41,43,48)
```
#252a34
```
#252a34 rgb(37,42,52)
```
#222937
```
#222937 rgb(34,41,55)
```
#1e283b
```
#1e283b rgb(30,40,59)
```
#1b273e
```
#1b273e rgb(27,39,62)
```
#182641
```
#182641 rgb(24,38,65)
```
#142545
```
#142545 rgb(20,37,69)
```
#112348
```
#112348 rgb(17,35,72)
```
#0d224c
```
#0d224c rgb(13,34,76)
```
#0a214f
```
#0a214f rgb(10,33,79)
```
#062053
```
#062053 rgb(6,32,83)
```
#031f56
```
#031f56 rgb(3,31,86)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#181d28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002c57 Protanopia 1% of men
#002f4c Deuteranopia 1% of men
#003235 Tritanopia 0.001% of the population

Trichromacy

#012757 Protanomaly 1% of men, 0.01% of women
#012950 Deuteranomaly 6% of men, 0.4% of women
#012b41 Tritanomaly 0.01% of the population

#031f56 hex color

#031f56 Color Information

#031f56 Color Conversion

Color Schemes with #031f56

Alternatives to #031f56

#031f56 Preview

Shades and Tints of #031f56

Tones of #031f56

Color Blindness Simulator