#031276 hex color

In a RGB color space, hex #031276 is composed of 1.2% red, 7.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 84.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 232.2 degrees, a saturation of 95% and a lightness of 23.7%. #031276 color hex could be obtained by blending #0624ec with #000000. Closest websafe color is: #000066.

♥
- f
- t
- g
- R 1
- G 7
- B 46
RGB color chart
- C 97
- M 85
- Y 0
- K 54
CMYK color chart

● #031276 color description : Dark blue.

The hexadecimal color #031276 has RGB values of R:3, G:18, B:118 and CMYK values of C:0.97, M:0.85, Y:0, K:0.54. Its decimal value is 201334.

Hex triplet	031276	`#031276`
RGB Decimal	3, 18, 118	`rgb(3,18,118)`
RGB Percent	1.2, 7.1, 46.3	`rgb(1.2%,7.1%,46.3%)`
CMYK	97, 85, 0, 54
HSL	232.2°, 95, 23.7	`hsl(232.2,95%,23.7%)`
HSV (or HSB)	232.2°, 97.5, 46.3
Web Safe	000066	`#000066`

CIE-LAB	14.172, 36.662, -56.288
XYZ	3.523, 1.76, 17.293
xyY	0.156, 0.078, 1.76
CIE-LCH	14.172, 67.174, 303.077
CIE-LUV	14.172, -4.707, -50.613
Hunter-Lab	13.265, 24.194, -68.004
Binary	00000011, 00010010, 01110110

#031276
```
#031276 rgb(3,18,118)
```
#766703
```
#766703 rgb(118,103,3)
```

Complementary Color

#034c76
```
#034c76 rgb(3,76,118)
```
#031276
```
#031276 rgb(3,18,118)
```
#2e0376
```
#2e0376 rgb(46,3,118)
```

Analogous Color

#4c7603
```
#4c7603 rgb(76,118,3)
```
#031276
```
#031276 rgb(3,18,118)
```
#762e03
```
#762e03 rgb(118,46,3)
```

Split Complementary Color

#127603
```
#127603 rgb(18,118,3)
```
#031276
```
#031276 rgb(3,18,118)
```
#760312
```
#760312 rgb(118,3,18)
```

Triadic Color

#037667
```
#037667 rgb(3,118,103)
```
#031276
```
#031276 rgb(3,18,118)
```
#760312
```
#760312 rgb(118,3,18)
```
#766703
```
#766703 rgb(118,103,3)
```

Tetradic Color

#01072b
```
#01072b rgb(1,7,43)
```
#020a44
```
#020a44 rgb(2,10,68)
```
#020e5d
```
#020e5d rgb(2,14,93)
```
#031276
```
#031276 rgb(3,18,118)
```
#04168f
```
#04168f rgb(4,22,143)
```
#041aa8
```
#041aa8 rgb(4,26,168)
```
#051dc1
```
#051dc1 rgb(5,29,193)
```

Monochromatic Color

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

#032f76
```
#032f76 rgb(3,47,118)
```
#032576
```
#032576 rgb(3,37,118)
```
#031c76
```
#031c76 rgb(3,28,118)
```
#031276
```
#031276 rgb(3,18,118)
```
#030876
```
#030876 rgb(3,8,118)
```
#070376
```
#070376 rgb(7,3,118)
```
#110376
```
#110376 rgb(17,3,118)
```

Similar Colors

Text with hexadecimal color #031276

This text has a font color of #031276.

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

#031276 background color

This paragraph has a background color of #031276.

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

#031276 border color

This element has a border color of #031276.

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

CSS codes

.text {color:#031276;}

.background {background-color:#031276;}

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#010629
```
#010629 rgb(1,6,41)
```
#02093d
```
#02093d rgb(2,9,61)
```
#020c50
```
#020c50 rgb(2,12,80)
```
#030f63
```
#030f63 rgb(3,15,99)
```
#031276
```
#031276 rgb(3,18,118)
```
#031589
```
#031589 rgb(3,21,137)
```
#04189c
```
#04189c rgb(4,24,156)
```
#041baf
```
#041baf rgb(4,27,175)
```
#051ec3
```
#051ec3 rgb(5,30,195)
```
#0521d6
```
#0521d6 rgb(5,33,214)
```
#0624e9
```
#0624e9 rgb(6,36,233)
```

Shade Color Variation

#0a29f9
```
#0a29f9 rgb(10,41,249)
```
#1d39f9
```
#1d39f9 rgb(29,57,249)
```
#304afa
```
#304afa rgb(48,74,250)
```
#435bfa
```
#435bfa rgb(67,91,250)
```
#566cfb
```
#566cfb rgb(86,108,251)
```
#697cfb
```
#697cfb rgb(105,124,251)
```
#7c8dfc
```
#7c8dfc rgb(124,141,252)
```
#8f9efc
```
#8f9efc rgb(143,158,252)
```
#a3aefd
```
#a3aefd rgb(163,174,253)
```
#b6bffd
```
#b6bffd rgb(182,191,253)
```
#c9d0fe
```
#c9d0fe rgb(201,208,254)
```
#dce0fe
```
#dce0fe rgb(220,224,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#3b3b3e
```
#3b3b3e rgb(59,59,62)
```
#363843
```
#363843 rgb(54,56,67)
```
#323447
```
#323447 rgb(50,52,71)
```
#2d314c
```
#2d314c rgb(45,49,76)
```
#282e51
```
#282e51 rgb(40,46,81)
```
#242a55
```
#242a55 rgb(36,42,85)
```
#1f275a
```
#1f275a rgb(31,39,90)
```
#1a235f
```
#1a235f rgb(26,35,95)
```
#162063
```
#162063 rgb(22,32,99)
```
#111c68
```
#111c68 rgb(17,28,104)
```
#0c196d
```
#0c196d rgb(12,25,109)
```
#081571
```
#081571 rgb(8,21,113)
```
#031276
```
#031276 rgb(3,18,118)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#15182c Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e59 Protanopia 1% of men
#00304d Deuteranopia 1% of men
#003436 Tritanopia 0.001% of the population

Trichromacy

#012363 Protanomaly 1% of men, 0.01% of women
#01255b Deuteranomaly 6% of men, 0.4% of women
#01274d Tritanomaly 0.01% of the population

#031276 hex color

#031276 Color Information

#031276 Color Conversion

Color Schemes with #031276

Alternatives to #031276

#031276 Preview

Shades and Tints of #031276

Tones of #031276

Color Blindness Simulator