#031297 hex color

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

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

● #031297 color description : Dark blue.

The hexadecimal color #031297 has RGB values of R:3, G:18, B:151 and CMYK values of C:0.98, M:0.88, Y:0, K:0.41. Its decimal value is 201367.

Hex triplet	031297	`#031297`
RGB Decimal	3, 18, 151	`rgb(3,18,151)`
RGB Percent	1.2, 7.1, 59.2	`rgb(1.2%,7.1%,59.2%)`
CMYK	98, 88, 0, 41
HSL	233.9°, 96.1, 30.2	`hsl(233.9,96.1%,30.2%)`
HSV (or HSB)	233.9°, 98, 59.2
Web Safe	000099	`#000099`

CIE-LAB	18.739, 47.547, -69.501
XYZ	5.839, 2.686, 29.487
xyY	0.154, 0.071, 2.686
CIE-LCH	18.739, 84.209, 304.377
CIE-LUV	18.739, -5.923, -70.337
Hunter-Lab	16.389, 34.913, -95.205
Binary	00000011, 00010010, 10010111

#031297
```
#031297 rgb(3,18,151)
```
#978803
```
#978803 rgb(151,136,3)
```

Complementary Color

#035c97
```
#035c97 rgb(3,92,151)
```
#031297
```
#031297 rgb(3,18,151)
```
#3e0397
```
#3e0397 rgb(62,3,151)
```

Analogous Color

#5c9703
```
#5c9703 rgb(92,151,3)
```
#031297
```
#031297 rgb(3,18,151)
```
#973e03
```
#973e03 rgb(151,62,3)
```

Split Complementary Color

#129703
```
#129703 rgb(18,151,3)
```
#031297
```
#031297 rgb(3,18,151)
```
#970312
```
#970312 rgb(151,3,18)
```

Triadic Color

#039788
```
#039788 rgb(3,151,136)
```
#031297
```
#031297 rgb(3,18,151)
```
#970312
```
#970312 rgb(151,3,18)
```
#978803
```
#978803 rgb(151,136,3)
```

Tetradic Color

#02094c
```
#02094c rgb(2,9,76)
```
#020c65
```
#020c65 rgb(2,12,101)
```
#030f7e
```
#030f7e rgb(3,15,126)
```
#031297
```
#031297 rgb(3,18,151)
```
#0315b0
```
#0315b0 rgb(3,21,176)
```
#0418c9
```
#0418c9 rgb(4,24,201)
```
#041be2
```
#041be2 rgb(4,27,226)
```

Monochromatic Color

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

#033797
```
#033797 rgb(3,55,151)
```
#032b97
```
#032b97 rgb(3,43,151)
```
#031e97
```
#031e97 rgb(3,30,151)
```
#031297
```
#031297 rgb(3,18,151)
```
#030697
```
#030697 rgb(3,6,151)
```
#0d0397
```
#0d0397 rgb(13,3,151)
```
#190397
```
#190397 rgb(25,3,151)
```

Similar Colors

Text with hexadecimal color #031297

This text has a font color of #031297.

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

#031297 background color

This paragraph has a background color of #031297.

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

#031297 border color

This element has a border color of #031297.

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

CSS codes

.text {color:#031297;}

.background {background-color:#031297;}

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

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)
```
#010424
```
#010424 rgb(1,4,36)
```
#010737
```
#010737 rgb(1,7,55)
```
#01094a
```
#01094a rgb(1,9,74)
```
#020b5d
```
#020b5d rgb(2,11,93)
```
#020d71
```
#020d71 rgb(2,13,113)
```
#031084
```
#031084 rgb(3,16,132)
```
#031297
```
#031297 rgb(3,18,151)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#0417bd
```
#0417bd rgb(4,23,189)
```
#0419d1
```
#0419d1 rgb(4,25,209)
```
#051be4
```
#051be4 rgb(5,27,228)
```
#051df7
```
#051df7 rgb(5,29,247)
```

Shade Color Variation

#152dfa
```
#152dfa rgb(21,45,250)
```
#293efb
```
#293efb rgb(41,62,251)
```
#3c4ffb
```
#3c4ffb rgb(60,79,251)
```
#4f61fc
```
#4f61fc rgb(79,97,252)
```
#6272fc
```
#6272fc rgb(98,114,252)
```
#7683fc
```
#7683fc rgb(118,131,252)
```
#8994fd
```
#8994fd rgb(137,148,253)
```
#9ca6fd
```
#9ca6fd rgb(156,166,253)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#c2c8fe
```
#c2c8fe rgb(194,200,254)
```
#d6dafe
```
#d6dafe rgb(214,218,254)
```
#e9ebff
```
#e9ebff rgb(233,235,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 #031297 is the most saturated one.

#4a4b50
```
#4a4b50 rgb(74,75,80)
```
#444656
```
#444656 rgb(68,70,86)
```
#3e415c
```
#3e415c rgb(62,65,92)
```
#383d62
```
#383d62 rgb(56,61,98)
```
#323868
```
#323868 rgb(50,56,104)
```
#2c336e
```
#2c336e rgb(44,51,110)
```
#272e73
```
#272e73 rgb(39,46,115)
```
#212a79
```
#212a79 rgb(33,42,121)
```
#1b257f
```
#1b257f rgb(27,37,127)
```
#152085
```
#152085 rgb(21,32,133)
```
#0f1b8b
```
#0f1b8b rgb(15,27,139)
```
#091791
```
#091791 rgb(9,23,145)
```
#031297
```
#031297 rgb(3,18,151)
```

Tone Color Variation

Below, you can see how #031297 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
#181b35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#003a5b Deuteranopia 1% of men
#003e40 Tritanopia 0.001% of the population

Trichromacy

#01297a Protanomaly 1% of men, 0.01% of women
#012b71 Deuteranomaly 6% of men, 0.4% of women
#012e60 Tritanomaly 0.01% of the population

#031297 hex color

#031297 Color Information

#031297 Color Conversion

Color Schemes with #031297

Alternatives to #031297

#031297 Preview

Shades and Tints of #031297

Tones of #031297

Color Blindness Simulator