#031f61 hex color

In a RGB color space, hex #031f61 is composed of 1.2% red, 12.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 68% magenta, 0% yellow and 62% black. It has a hue angle of 222.1 degrees, a saturation of 94% and a lightness of 19.6%. #031f61 color hex could be obtained by blending #063ec2 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 38
RGB color chart
- C 97
- M 68
- Y 0
- K 62
CMYK color chart

● #031f61 color description : Very dark blue.

The hexadecimal color #031f61 has RGB values of R:3, G:31, B:97 and CMYK values of C:0.97, M:0.68, Y:0, K:0.62. Its decimal value is 204641.

Hex triplet	031f61	`#031f61`
RGB Decimal	3, 31, 97	`rgb(3,31,97)`
RGB Percent	1.2, 12.2, 38	`rgb(1.2%,12.2%,38%)`
CMYK	97, 68, 0, 62
HSL	222.1°, 94, 19.6	`hsl(222.1,94%,19.6%)`
HSV (or HSB)	222.1°, 96.9, 38
Web Safe	003366	`#003366`

CIE-LAB	14.747, 19.745, -41.6
XYZ	2.685, 1.862, 11.527
xyY	0.167, 0.116, 1.862
CIE-LCH	14.747, 46.048, 295.391
CIE-LUV	14.747, -6.35, -40.503
Hunter-Lab	13.646, 11.237, -40.528
Binary	00000011, 00011111, 01100001

#031f61
```
#031f61 rgb(3,31,97)
```
#614503
```
#614503 rgb(97,69,3)
```

Complementary Color

#034e61
```
#034e61 rgb(3,78,97)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#160361
```
#160361 rgb(22,3,97)
```

Analogous Color

#4e6103
```
#4e6103 rgb(78,97,3)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#611603
```
#611603 rgb(97,22,3)
```

Split Complementary Color

#1f6103
```
#1f6103 rgb(31,97,3)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#61031f
```
#61031f rgb(97,3,31)
```

Triadic Color

#036145
```
#036145 rgb(3,97,69)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#61031f
```
#61031f rgb(97,3,31)
```
#614503
```
#614503 rgb(97,69,3)
```

Tetradic Color

#010717
```
#010717 rgb(1,7,23)
```
#010f30
```
#010f30 rgb(1,15,48)
```
#021748
```
#021748 rgb(2,23,72)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#04277a
```
#04277a rgb(4,39,122)
```
#052f92
```
#052f92 rgb(5,47,146)
```
#0537ab
```
#0537ab rgb(5,55,171)
```

Monochromatic Color

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

#033761
```
#033761 rgb(3,55,97)
```
#032f61
```
#032f61 rgb(3,47,97)
```
#032761
```
#032761 rgb(3,39,97)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#031761
```
#031761 rgb(3,23,97)
```
#030f61
```
#030f61 rgb(3,15,97)
```
#030861
```
#030861 rgb(3,8,97)
```

Similar Colors

Text with hexadecimal color #031f61

This text has a font color of #031f61.

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

#031f61 background color

This paragraph has a background color of #031f61.

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

#031f61 border color

This element has a border color of #031f61.

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

CSS codes

.text {color:#031f61;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010715
```
#010715 rgb(1,7,21)
```
#010d28
```
#010d28 rgb(1,13,40)
```
#02133b
```
#02133b rgb(2,19,59)
```
#02194e
```
#02194e rgb(2,25,78)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#042574
```
#042574 rgb(4,37,116)
```
#042b87
```
#042b87 rgb(4,43,135)
```
#05319a
```
#05319a rgb(5,49,154)
```
#0537ad
```
#0537ad rgb(5,55,173)
```
#063dc0
```
#063dc0 rgb(6,61,192)
```
#0743d3
```
#0743d3 rgb(7,67,211)
```
#074ae6
```
#074ae6 rgb(7,74,230)
```

Shade Color Variation

#0a50f7
```
#0a50f7 rgb(10,80,247)
```
#1d5ef8
```
#1d5ef8 rgb(29,94,248)
```
#306bf9
```
#306bf9 rgb(48,107,249)
```
#4379f9
```
#4379f9 rgb(67,121,249)
```
#5687fa
```
#5687fa rgb(86,135,250)
```
#6994fa
```
#6994fa rgb(105,148,250)
```
#7ca2fb
```
#7ca2fb rgb(124,162,251)
```
#8faffc
```
#8faffc rgb(143,175,252)
```
#a2bdfc
```
#a2bdfc rgb(162,189,252)
```
#b5cafd
```
#b5cafd rgb(181,202,253)
```
#c8d8fd
```
#c8d8fd rgb(200,216,253)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#313233
```
#313233 rgb(49,50,51)
```
#2d3037
```
#2d3037 rgb(45,48,55)
```
#292f3b
```
#292f3b rgb(41,47,59)
```
#262d3e
```
#262d3e rgb(38,45,62)
```
#222b42
```
#222b42 rgb(34,43,66)
```
#1e2a46
```
#1e2a46 rgb(30,42,70)
```
#1a284a
```
#1a284a rgb(26,40,74)
```
#16274e
```
#16274e rgb(22,39,78)
```
#122552
```
#122552 rgb(18,37,82)
```
#0f2455
```
#0f2455 rgb(15,36,85)
```
#0b2259
```
#0b2259 rgb(11,34,89)
```
#07215d
```
#07215d rgb(7,33,93)
```
#031f61
```
#031f61 rgb(3,31,97)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#191e2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#002f5b Protanopia 1% of men
#00314f Deuteranopia 1% of men
#003537 Tritanopia 0.001% of the population

Trichromacy

#01295d Protanomaly 1% of men, 0.01% of women
#012a56 Deuteranomaly 6% of men, 0.4% of women
#012d46 Tritanomaly 0.01% of the population

#031f61 hex color

#031f61 Color Information

#031f61 Color Conversion

Color Schemes with #031f61

Alternatives to #031f61

#031f61 Preview

Shades and Tints of #031f61

Tones of #031f61

Color Blindness Simulator