colorhexa.com

#031672 hex color

In a RGB color space, hex #031672 is composed of 1.2% red, 8.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 80.7% magenta, 0% yellow and 55.3% black. It has a hue angle of 229.7 degrees, a saturation of 94.9% and a lightness of 22.9%. #031672 color hex could be obtained by blending #062ce4 with #000000. Closest websafe color is: #000066.

- R 1
- G 9
- B 45
RGB color chart
- C 97
- M 81
- Y 0
- K 55
CMYK color chart

● #031672 color description : Very dark blue.

The hexadecimal color #031672 has RGB values of R:3, G:22, B:114 and CMYK values of C:0.97, M:0.81, Y:0, K:0.55. Its decimal value is 202354.

Hex triplet	031672	`#031672`
RGB Decimal	3, 22, 114	`rgb(3,22,114)`
RGB Percent	1.2, 8.6, 44.7	`rgb(1.2%,8.6%,44.7%)`
CMYK	97, 81, 0, 55
HSL	229.7°, 94.9, 22.9	`hsl(229.7,94.9%,22.9%)`
HSV (or HSB)	229.7°, 97.4, 44.7
Web Safe	000066	`#000066`

CIE-LAB	14.445, 32.89, -53.248
XYZ	3.361, 1.808, 16.09
xyY	0.158, 0.085, 1.808
CIE-LCH	14.445, 62.586, 301.702
CIE-LUV	14.445, -5.092, -49.147
Hunter-Lab	13.445, 21.092, -61.542
Binary	00000011, 00010110, 01110010

#031672
```
#031672 rgb(3,22,114)
```
#725f03
```
#725f03 rgb(114,95,3)
```

Complementary Color

#034e72
```
#034e72 rgb(3,78,114)
```
#031672
```
#031672 rgb(3,22,114)
```
#280372
```
#280372 rgb(40,3,114)
```

Analogous Color

#4e7203
```
#4e7203 rgb(78,114,3)
```
#031672
```
#031672 rgb(3,22,114)
```
#722703
```
#722703 rgb(114,39,3)
```

Split Complementary Color

#010827
```
#010827 rgb(1,8,39)
```
#020c40
```
#020c40 rgb(2,12,64)
```
#021159
```
#021159 rgb(2,17,89)
```
#031672
```
#031672 rgb(3,22,114)
```
#041b8b
```
#041b8b rgb(4,27,139)
```
#0420a4
```
#0420a4 rgb(4,32,164)
```
#0524bd
```
#0524bd rgb(5,36,189)
```

Monochromatic Color

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

#033272
```
#033272 rgb(3,50,114)
```
#032972
```
#032972 rgb(3,41,114)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#031672
```
#031672 rgb(3,22,114)
```
#030d72
```
#030d72 rgb(3,13,114)
```
#030472
```
#030472 rgb(3,4,114)
```
#0c0372
```
#0c0372 rgb(12,3,114)
```

Similar Colors

Text with hexadecimal color #031672

This text has a font color of #031672.

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

#031672 background color

This paragraph has a background color of #031672.

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

#031672 border color

This element has a border color of #031672.

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

CSS codes

.text {color:#031672;}

.background {background-color:#031672;}

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

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

#000412
```
#000412 rgb(0,4,18)
```
#010726
```
#010726 rgb(1,7,38)
```
#010b39
```
#010b39 rgb(1,11,57)
```
#020f4c
```
#020f4c rgb(2,15,76)
```
#02125f
```
#02125f rgb(2,18,95)
```
#031672
```
#031672 rgb(3,22,114)
```
#041a85
```
#041a85 rgb(4,26,133)
```
#041d98
```
#041d98 rgb(4,29,152)
```
#0521ab
```
#0521ab rgb(5,33,171)
```
#0525be
```
#0525be rgb(5,37,190)
```
#0628d2
```
#0628d2 rgb(6,40,210)
```
#062ce5
```
#062ce5 rgb(6,44,229)
```
#0730f8
```
#0730f8 rgb(7,48,248)
```

Shade Color Variation

#193ff9
```
#193ff9 rgb(25,63,249)
```
#2c4ff9
```
#2c4ff9 rgb(44,79,249)
```
#3f5ffa
```
#3f5ffa rgb(63,95,250)
```
#526ffa
```
#526ffa rgb(82,111,250)
```
#657ffb
```
#657ffb rgb(101,127,251)
```
#798ffb
```
#798ffb rgb(121,143,251)
```
#8c9ffc
```
#8c9ffc rgb(140,159,252)
```
#9faffc
```
#9faffc rgb(159,175,252)
```
#b2bffd
```
#b2bffd rgb(178,191,253)
```
#c5cffd
```
#c5cffd rgb(197,207,253)
```
#d8dffe
```
#d8dffe rgb(216,223,254)
```
#ebeffe
```
#ebeffe rgb(235,239,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#393a3c
```
#393a3c rgb(57,58,60)
```
#353741
```
#353741 rgb(53,55,65)
```
#303445
```
#303445 rgb(48,52,69)
```
#2c314a
```
#2c314a rgb(44,49,74)
```
#272e4e
```
#272e4e rgb(39,46,78)
```
#232b53
```
#232b53 rgb(35,43,83)
```
#1e2857
```
#1e2857 rgb(30,40,87)
```
#1a255c
```
#1a255c rgb(26,37,92)
```
#152260
```
#152260 rgb(21,34,96)
```
#111f65
```
#111f65 rgb(17,31,101)
```
#0c1c69
```
#0c1c69 rgb(12,28,105)
```
#08196e
```
#08196e rgb(8,25,110)
```
#031672
```
#031672 rgb(3,22,114)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161a2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00314e Deuteranopia 1% of men
#003436 Tritanopia 0.001% of the population

Trichromacy

#012562 Protanomaly 1% of men, 0.01% of women
#01275b Deuteranomaly 6% of men, 0.4% of women
#01294c Tritanomaly 0.01% of the population