#031f72 hex color

In a RGB color space, hex #031f72 is composed of 1.2% red, 12.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 72.8% magenta, 0% yellow and 55.3% black. It has a hue angle of 224.9 degrees, a saturation of 94.9% and a lightness of 22.9%. #031f72 color hex could be obtained by blending #063ee4 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 45
RGB color chart
- C 97
- M 73
- Y 0
- K 55
CMYK color chart

● #031f72 color description : Very dark blue.

The hexadecimal color #031f72 has RGB values of R:3, G:31, B:114 and CMYK values of C:0.97, M:0.73, Y:0, K:0.55. Its decimal value is 204658.

Hex triplet	031f72	`#031f72`
RGB Decimal	3, 31, 114	`rgb(3,31,114)`
RGB Percent	1.2, 12.2, 44.7	`rgb(1.2%,12.2%,44.7%)`
CMYK	97, 73, 0, 55
HSL	224.9°, 94.9, 22.9	`hsl(224.9,94.9%,22.9%)`
HSV (or HSB)	224.9°, 97.4, 44.7
Web Safe	003366	`#003366`

CIE-LAB	16.572, 26.959, -49.728
XYZ	3.564, 2.214, 16.158
xyY	0.162, 0.101, 2.214
CIE-LCH	16.572, 56.565, 298.464
CIE-LUV	16.572, -6.593, -50.542
Hunter-Lab	14.879, 16.719, -53.97
Binary	00000011, 00011111, 01110010

#031f72
```
#031f72 rgb(3,31,114)
```
#725603
```
#725603 rgb(114,86,3)
```

Complementary Color

#035772
```
#035772 rgb(3,87,114)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#1f0372
```
#1f0372 rgb(31,3,114)
```

Analogous Color

#577203
```
#577203 rgb(87,114,3)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#721f03
```
#721f03 rgb(114,31,3)
```

Split Complementary Color

#1f7203
```
#1f7203 rgb(31,114,3)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#72031f
```
#72031f rgb(114,3,31)
```

Triadic Color

#037256
```
#037256 rgb(3,114,86)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#72031f
```
#72031f rgb(114,3,31)
```
#725603
```
#725603 rgb(114,86,3)
```

Tetradic Color

#010b27
```
#010b27 rgb(1,11,39)
```
#021140
```
#021140 rgb(2,17,64)
```
#021859
```
#021859 rgb(2,24,89)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#04268b
```
#04268b rgb(4,38,139)
```
#042da4
```
#042da4 rgb(4,45,164)
```
#0533bd
```
#0533bd rgb(5,51,189)
```

Monochromatic Color

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

#033b72
```
#033b72 rgb(3,59,114)
```
#033272
```
#033272 rgb(3,50,114)
```
#032872
```
#032872 rgb(3,40,114)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#031672
```
#031672 rgb(3,22,114)
```
#030d72
```
#030d72 rgb(3,13,114)
```
#030372
```
#030372 rgb(3,3,114)
```

Similar Colors

Text with hexadecimal color #031f72

This text has a font color of #031f72.

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

#031f72 background color

This paragraph has a background color of #031f72.

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

#031f72 border color

This element has a border color of #031f72.

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

CSS codes

.text {color:#031f72;}

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

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

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

#000512
```
#000512 rgb(0,5,18)
```
#010a26
```
#010a26 rgb(1,10,38)
```
#010f39
```
#010f39 rgb(1,15,57)
```
#02154c
```
#02154c rgb(2,21,76)
```
#021a5f
```
#021a5f rgb(2,26,95)
```
#031f72
```
#031f72 rgb(3,31,114)
```
#042485
```
#042485 rgb(4,36,133)
```
#042998
```
#042998 rgb(4,41,152)
```
#052fab
```
#052fab rgb(5,47,171)
```
#0534be
```
#0534be rgb(5,52,190)
```
#0639d2
```
#0639d2 rgb(6,57,210)
```
#063ee5
```
#063ee5 rgb(6,62,229)
```
#0743f8
```
#0743f8 rgb(7,67,248)
```

Shade Color Variation

#1951f9
```
#1951f9 rgb(25,81,249)
```
#2c60f9
```
#2c60f9 rgb(44,96,249)
```
#3f6efa
```
#3f6efa rgb(63,110,250)
```
#527dfa
```
#527dfa rgb(82,125,250)
```
#658bfb
```
#658bfb rgb(101,139,251)
```
#799afb
```
#799afb rgb(121,154,251)
```
#8ca8fc
```
#8ca8fc rgb(140,168,252)
```
#9fb6fc
```
#9fb6fc rgb(159,182,252)
```
#b2c5fd
```
#b2c5fd rgb(178,197,253)
```
#c5d3fd
```
#c5d3fd rgb(197,211,253)
```
#d8e2fe
```
#d8e2fe rgb(216,226,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,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 #031f72 is the most saturated one.

#393a3c
```
#393a3c rgb(57,58,60)
```
#353841
```
#353841 rgb(53,56,65)
```
#303545
```
#303545 rgb(48,53,69)
```
#2c334a
```
#2c334a rgb(44,51,74)
```
#27314e
```
#27314e rgb(39,49,78)
```
#232f53
```
#232f53 rgb(35,47,83)
```
#1e2c57
```
#1e2c57 rgb(30,44,87)
```
#1a2a5c
```
#1a2a5c rgb(26,42,92)
```
#152860
```
#152860 rgb(21,40,96)
```
#112665
```
#112665 rgb(17,38,101)
```
#0c2369
```
#0c2369 rgb(12,35,105)
```
#08216e
```
#08216e rgb(8,33,110)
```
#031f72
```
#031f72 rgb(3,31,114)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a2030 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003262 Protanopia 1% of men
#003555 Deuteranopia 1% of men
#00393b Tritanopia 0.001% of the population

Trichromacy

#012b68 Protanomaly 1% of men, 0.01% of women
#012d5f Deuteranomaly 6% of men, 0.4% of women
#012f4f Tritanomaly 0.01% of the population

#031f72 hex color

#031f72 Color Information

#031f72 Color Conversion

Color Schemes with #031f72

Alternatives to #031f72

#031f72 Preview

Shades and Tints of #031f72

Tones of #031f72

Color Blindness Simulator