#031f50 hex color

In a RGB color space, hex #031f50 is composed of 1.2% red, 12.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 61.3% magenta, 0% yellow and 68.6% black. It has a hue angle of 218.2 degrees, a saturation of 92.8% and a lightness of 16.3%. #031f50 color hex could be obtained by blending #063ea0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 31
RGB color chart
- C 96
- M 61
- Y 0
- K 69
CMYK color chart

● #031f50 color description : Very dark blue.

The hexadecimal color #031f50 has RGB values of R:3, G:31, B:80 and CMYK values of C:0.96, M:0.61, Y:0, K:0.69. Its decimal value is 204624.

Hex triplet	031f50	`#031f50`
RGB Decimal	3, 31, 80	`rgb(3,31,80)`
RGB Percent	1.2, 12.2, 31.4	`rgb(1.2%,12.2%,31.4%)`
CMYK	96, 61, 0, 69
HSL	218.2°, 92.8, 16.3	`hsl(218.2,92.8%,16.3%)`
HSV (or HSB)	218.2°, 96.3, 31.4
Web Safe	003366	`#003366`

CIE-LAB	13.098, 12.044, -32.857
XYZ	1.975, 1.578, 7.79
xyY	0.174, 0.139, 1.578
CIE-LCH	13.098, 34.995, 290.131
CIE-LUV	13.098, -6.243, -30.401
Hunter-Lab	12.563, 6.078, -27.967
Binary	00000011, 00011111, 01010000

#031f50
```
#031f50 rgb(3,31,80)
```
#503403
```
#503403 rgb(80,52,3)
```

Complementary Color

#034650
```
#034650 rgb(3,70,80)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#0e0350
```
#0e0350 rgb(14,3,80)
```

Analogous Color

#465003
```
#465003 rgb(70,80,3)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#500e03
```
#500e03 rgb(80,14,3)
```

Split Complementary Color

#1f5003
```
#1f5003 rgb(31,80,3)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#50031f
```
#50031f rgb(80,3,31)
```

Triadic Color

#035034
```
#035034 rgb(3,80,52)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#50031f
```
#50031f rgb(80,3,31)
```
#503403
```
#503403 rgb(80,52,3)
```

Tetradic Color

#000206
```
#000206 rgb(0,2,6)
```
#010c1f
```
#010c1f rgb(1,12,31)
```
#021537
```
#021537 rgb(2,21,55)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#042969
```
#042969 rgb(4,41,105)
```
#053281
```
#053281 rgb(5,50,129)
```
#063c9a
```
#063c9a rgb(6,60,154)
```

Monochromatic Color

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

#033250
```
#033250 rgb(3,50,80)
```
#032c50
```
#032c50 rgb(3,44,80)
```
#032550
```
#032550 rgb(3,37,80)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#031950
```
#031950 rgb(3,25,80)
```
#031250
```
#031250 rgb(3,18,80)
```
#030c50
```
#030c50 rgb(3,12,80)
```

Similar Colors

Text with hexadecimal color #031f50

This text has a font color of #031f50.

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

#031f50 background color

This paragraph has a background color of #031f50.

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

#031f50 border color

This element has a border color of #031f50.

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

CSS codes

.text {color:#031f50;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#02102a
```
#02102a rgb(2,16,42)
```
#02183d
```
#02183d rgb(2,24,61)
```
#031f50
```
#031f50 rgb(3,31,80)
```
#042663
```
#042663 rgb(4,38,99)
```
#042e76
```
#042e76 rgb(4,46,118)
```
#053589
```
#053589 rgb(5,53,137)
```
#063c9c
```
#063c9c rgb(6,60,156)
```
#0744af
```
#0744af rgb(7,68,175)
```
#074bc1
```
#074bc1 rgb(7,75,193)
```
#0852d4
```
#0852d4 rgb(8,82,212)
```
#095ae7
```
#095ae7 rgb(9,90,231)
```

Shade Color Variation

#0e62f6
```
#0e62f6 rgb(14,98,246)
```
#206ef7
```
#206ef7 rgb(32,110,247)
```
#337bf7
```
#337bf7 rgb(51,123,247)
```
#4687f8
```
#4687f8 rgb(70,135,248)
```
#5993f9
```
#5993f9 rgb(89,147,249)
```
#6ca0f9
```
#6ca0f9 rgb(108,160,249)
```
#7facfa
```
#7facfa rgb(127,172,250)
```
#92b8fb
```
#92b8fb rgb(146,184,251)
```
#a5c4fc
```
#a5c4fc rgb(165,196,252)
```
#b8d1fc
```
#b8d1fc rgb(184,209,252)
```
#cbddfd
```
#cbddfd rgb(203,221,253)
```
#dee9fe
```
#dee9fe rgb(222,233,254)
```
#f0f6fe
```
#f0f6fe rgb(240,246,254)
```

Tint Color Variation

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

#29292a
```
#29292a rgb(41,41,42)
```
#26292d
```
#26292d rgb(38,41,45)
```
#232830
```
#232830 rgb(35,40,48)
```
#202733
```
#202733 rgb(32,39,51)
```
#1d2636
```
#1d2636 rgb(29,38,54)
```
#19253a
```
#19253a rgb(25,37,58)
```
#16243d
```
#16243d rgb(22,36,61)
```
#132340
```
#132340 rgb(19,35,64)
```
#102243
```
#102243 rgb(16,34,67)
```
#0d2246
```
#0d2246 rgb(13,34,70)
```
#09214a
```
#09214a rgb(9,33,74)
```
#06204d
```
#06204d rgb(6,32,77)
```
#031f50
```
#031f50 rgb(3,31,80)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171d26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002b56 Protanopia 1% of men
#002e4b Deuteranopia 1% of men
#003134 Tritanopia 0.001% of the population

Trichromacy

#012753 Protanomaly 1% of men, 0.01% of women
#01284c Deuteranomaly 6% of men, 0.4% of women
#012a3e Tritanomaly 0.01% of the population

#031f50 hex color

#031f50 Color Information

#031f50 Color Conversion

Color Schemes with #031f50

Alternatives to #031f50

#031f50 Preview

Shades and Tints of #031f50

Tones of #031f50

Color Blindness Simulator