#031f8c hex color

In a RGB color space, hex #031f8c is composed of 1.2% red, 12.2% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 77.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 227.7 degrees, a saturation of 95.8% and a lightness of 28%. #031f8c color hex could be obtained by blending #063eff with #000019. Closest websafe color is: #003399.

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

● #031f8c color description : Dark blue.

The hexadecimal color #031f8c has RGB values of R:3, G:31, B:140 and CMYK values of C:0.98, M:0.78, Y:0, K:0.45. Its decimal value is 204684.

Hex triplet	031f8c	`#031f8c`
RGB Decimal	3, 31, 140	`rgb(3,31,140)`
RGB Percent	1.2, 12.2, 54.9	`rgb(1.2%,12.2%,54.9%)`
CMYK	98, 78, 0, 45
HSL	227.7°, 95.8, 28	`hsl(227.7,95.8%,28%)`
HSV (or HSB)	227.7°, 97.9, 54.9
Web Safe	003399	`#003399`

CIE-LAB	19.608, 37.061, -61.224
XYZ	5.26, 2.892, 25.091
xyY	0.158, 0.087, 2.892
CIE-LCH	19.608, 71.567, 301.188
CIE-LUV	19.608, -7.148, -65.832
Hunter-Lab	17.007, 25.447, -75.567
Binary	00000011, 00011111, 10001100

#031f8c
```
#031f8c rgb(3,31,140)
```
#8c7003
```
#8c7003 rgb(140,112,3)
```

Complementary Color

#03648c
```
#03648c rgb(3,100,140)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#2c038c
```
#2c038c rgb(44,3,140)
```

Analogous Color

#648c03
```
#648c03 rgb(100,140,3)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#8c2c03
```
#8c2c03 rgb(140,44,3)
```

Split Complementary Color

#1f8c03
```
#1f8c03 rgb(31,140,3)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#8c031f
```
#8c031f rgb(140,3,31)
```

Triadic Color

#038c70
```
#038c70 rgb(3,140,112)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#8c031f
```
#8c031f rgb(140,3,31)
```
#8c7003
```
#8c7003 rgb(140,112,3)
```

Tetradic Color

#010e41
```
#010e41 rgb(1,14,65)
```
#02145a
```
#02145a rgb(2,20,90)
```
#021973
```
#021973 rgb(2,25,115)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#0425a5
```
#0425a5 rgb(4,37,165)
```
#042abe
```
#042abe rgb(4,42,190)
```
#0530d7
```
#0530d7 rgb(5,48,215)
```

Monochromatic Color

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

#03418c
```
#03418c rgb(3,65,140)
```
#03368c
```
#03368c rgb(3,54,140)
```
#032a8c
```
#032a8c rgb(3,42,140)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#03148c
```
#03148c rgb(3,20,140)
```
#03088c
```
#03088c rgb(3,8,140)
```
#09038c
```
#09038c rgb(9,3,140)
```

Similar Colors

Text with hexadecimal color #031f8c

This text has a font color of #031f8c.

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

#031f8c background color

This paragraph has a background color of #031f8c.

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

#031f8c border color

This element has a border color of #031f8c.

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

CSS codes

.text {color:#031f8c;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010519
```
#010519 rgb(1,5,25)
```
#010a2c
```
#010a2c rgb(1,10,44)
```
#010e3f
```
#010e3f rgb(1,14,63)
```
#021252
```
#021252 rgb(2,18,82)
```
#021666
```
#021666 rgb(2,22,102)
```
#031b79
```
#031b79 rgb(3,27,121)
```
#031f8c
```
#031f8c rgb(3,31,140)
```
#03239f
```
#03239f rgb(3,35,159)
```
#0428b2
```
#0428b2 rgb(4,40,178)
```
#042cc6
```
#042cc6 rgb(4,44,198)
```
#0530d9
```
#0530d9 rgb(5,48,217)
```
#0534ec
```
#0534ec rgb(5,52,236)
```

Shade Color Variation

#0b3cfa
```
#0b3cfa rgb(11,60,250)
```
#1e4bfa
```
#1e4bfa rgb(30,75,250)
```
#315afb
```
#315afb rgb(49,90,251)
```
#456afb
```
#456afb rgb(69,106,251)
```
#5879fb
```
#5879fb rgb(88,121,251)
```
#6b89fc
```
#6b89fc rgb(107,137,252)
```
#7e98fc
```
#7e98fc rgb(126,152,252)
```
#91a7fd
```
#91a7fd rgb(145,167,253)
```
#a5b7fd
```
#a5b7fd rgb(165,183,253)
```
#b8c6fd
```
#b8c6fd rgb(184,198,253)
```
#cbd5fe
```
#cbd5fe rgb(203,213,254)
```
#dee5fe
```
#dee5fe rgb(222,229,254)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#45464a
```
#45464a rgb(69,70,74)
```
#404350
```
#404350 rgb(64,67,80)
```
#3a4055
```
#3a4055 rgb(58,64,85)
```
#353c5b
```
#353c5b rgb(53,60,91)
```
#2f3960
```
#2f3960 rgb(47,57,96)
```
#2a3666
```
#2a3666 rgb(42,54,102)
```
#24336b
```
#24336b rgb(36,51,107)
```
#1f2f71
```
#1f2f71 rgb(31,47,113)
```
#192c76
```
#192c76 rgb(25,44,118)
```
#14297c
```
#14297c rgb(20,41,124)
```
#0e2681
```
#0e2681 rgb(14,38,129)
```
#092287
```
#092287 rgb(9,34,135)
```
#031f8c
```
#031f8c rgb(3,31,140)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#1d2238 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#004042 Tritanopia 0.001% of the population

Trichromacy

#012f78 Protanomaly 1% of men, 0.01% of women
#01316f Deuteranomaly 6% of men, 0.4% of women
#01345d Tritanomaly 0.01% of the population

#031f8c hex color

#031f8c Color Information

#031f8c Color Conversion

Color Schemes with #031f8c

Alternatives to #031f8c

#031f8c Preview

Shades and Tints of #031f8c

Tones of #031f8c

Color Blindness Simulator