#031f74 hex color

In a RGB color space, hex #031f74 is composed of 1.2% red, 12.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 73.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 225.1 degrees, a saturation of 95% and a lightness of 23.3%. #031f74 color hex could be obtained by blending #063ee8 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

● #031f74 color description : Dark blue.

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

Hex triplet	031f74	`#031f74`
RGB Decimal	3, 31, 116	`rgb(3,31,116)`
RGB Percent	1.2, 12.2, 45.5	`rgb(1.2%,12.2%,45.5%)`
CMYK	97, 73, 0, 55
HSL	225.1°, 95, 23.3	`hsl(225.1,95%,23.3%)`
HSV (or HSB)	225.1°, 97.4, 45.5
Web Safe	003366	`#003366`

CIE-LAB	16.796, 27.775, -50.649
XYZ	3.679, 2.26, 16.764
xyY	0.162, 0.1, 2.26
CIE-LCH	16.796, 57.765, 298.74
CIE-LUV	16.796, -6.628, -51.72
Hunter-Lab	15.033, 17.378, -55.594
Binary	00000011, 00011111, 01110100

#031f74
```
#031f74 rgb(3,31,116)
```
#745803
```
#745803 rgb(116,88,3)
```

Complementary Color

#035874
```
#035874 rgb(3,88,116)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#200374
```
#200374 rgb(32,3,116)
```

Analogous Color

#587403
```
#587403 rgb(88,116,3)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#742003
```
#742003 rgb(116,32,3)
```

Split Complementary Color

#1f7403
```
#1f7403 rgb(31,116,3)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#74031f
```
#74031f rgb(116,3,31)
```

Triadic Color

#037458
```
#037458 rgb(3,116,88)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#74031f
```
#74031f rgb(116,3,31)
```
#745803
```
#745803 rgb(116,88,3)
```

Tetradic Color

#010b29
```
#010b29 rgb(1,11,41)
```
#021242
```
#021242 rgb(2,18,66)
```
#02185b
```
#02185b rgb(2,24,91)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#04268d
```
#04268d rgb(4,38,141)
```
#042ca6
```
#042ca6 rgb(4,44,166)
```
#0533bf
```
#0533bf rgb(5,51,191)
```

Monochromatic Color

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

#033b74
```
#033b74 rgb(3,59,116)
```
#033274
```
#033274 rgb(3,50,116)
```
#032874
```
#032874 rgb(3,40,116)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#031674
```
#031674 rgb(3,22,116)
```
#030c74
```
#030c74 rgb(3,12,116)
```
#030374
```
#030374 rgb(3,3,116)
```

Similar Colors

Text with hexadecimal color #031f74

This text has a font color of #031f74.

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

#031f74 background color

This paragraph has a background color of #031f74.

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

#031f74 border color

This element has a border color of #031f74.

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

CSS codes

.text {color:#031f74;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#010b28
```
#010b28 rgb(1,11,40)
```
#02103b
```
#02103b rgb(2,16,59)
```
#02154e
```
#02154e rgb(2,21,78)
```
#031a61
```
#031a61 rgb(3,26,97)
```
#031f74
```
#031f74 rgb(3,31,116)
```
#032487
```
#032487 rgb(3,36,135)
```
#04299a
```
#04299a rgb(4,41,154)
```
#042ead
```
#042ead rgb(4,46,173)
```
#0533c0
```
#0533c0 rgb(5,51,192)
```
#0539d4
```
#0539d4 rgb(5,57,212)
```
#063ee7
```
#063ee7 rgb(6,62,231)
```

Shade Color Variation

#0843f9
```
#0843f9 rgb(8,67,249)
```
#1b52f9
```
#1b52f9 rgb(27,82,249)
```
#2e60fa
```
#2e60fa rgb(46,96,250)
```
#416ffa
```
#416ffa rgb(65,111,250)
```
#547dfb
```
#547dfb rgb(84,125,251)
```
#678cfb
```
#678cfb rgb(103,140,251)
```
#7a9afc
```
#7a9afc rgb(122,154,252)
```
#8ea9fc
```
#8ea9fc rgb(142,169,252)
```
#a1b7fd
```
#a1b7fd rgb(161,183,253)
```
#b4c6fd
```
#b4c6fd rgb(180,198,253)
```
#c7d4fe
```
#c7d4fe rgb(199,212,254)
```
#dae3fe
```
#dae3fe rgb(218,227,254)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#3a3b3d
```
#3a3b3d rgb(58,59,61)
```
#353842
```
#353842 rgb(53,56,66)
```
#313646
```
#313646 rgb(49,54,70)
```
#2c344b
```
#2c344b rgb(44,52,75)
```
#28314f
```
#28314f rgb(40,49,79)
```
#232f54
```
#232f54 rgb(35,47,84)
```
#1e2d59
```
#1e2d59 rgb(30,45,89)
```
#1a2b5d
```
#1a2b5d rgb(26,43,93)
```
#152862
```
#152862 rgb(21,40,98)
```
#112666
```
#112666 rgb(17,38,102)
```
#0c246b
```
#0c246b rgb(12,36,107)
```
#08216f
```
#08216f rgb(8,33,111)
```
#031f74
```
#031f74 rgb(3,31,116)
```

Tone Color Variation

Below, you can see how #031f74 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
#1a2031 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003656 Deuteranopia 1% of men
#00393c Tritanopia 0.001% of the population

Trichromacy

#012b69 Protanomaly 1% of men, 0.01% of women
#012d60 Deuteranomaly 6% of men, 0.4% of women
#013050 Tritanomaly 0.01% of the population

#031f74 hex color

#031f74 Color Information

#031f74 Color Conversion

Color Schemes with #031f74

Alternatives to #031f74

#031f74 Preview

Shades and Tints of #031f74

Tones of #031f74

Color Blindness Simulator