#031f85 hex color

In a RGB color space, hex #031f85 is composed of 1.2% red, 12.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 76.7% magenta, 0% yellow and 47.8% black. It has a hue angle of 227.1 degrees, a saturation of 95.6% and a lightness of 26.7%. #031f85 color hex could be obtained by blending #063eff with #00000b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 12
- B 52
RGB color chart
- C 98
- M 77
- Y 0
- K 48
CMYK color chart

● #031f85 color description : Dark blue.

The hexadecimal color #031f85 has RGB values of R:3, G:31, B:133 and CMYK values of C:0.98, M:0.77, Y:0, K:0.48. Its decimal value is 204677.

Hex triplet	031f85	`#031f85`
RGB Decimal	3, 31, 133	`rgb(3,31,133)`
RGB Percent	1.2, 12.2, 52.2	`rgb(1.2%,12.2%,52.2%)`
CMYK	98, 77, 0, 48
HSL	227.1°, 95.6, 26.7	`hsl(227.1,95.6%,26.7%)`
HSV (or HSB)	227.1°, 97.7, 52.2
Web Safe	003399	`#003399`

CIE-LAB	18.767, 34.445, -58.224
XYZ	4.76, 2.692, 22.458
xyY	0.159, 0.09, 2.692
CIE-LCH	18.767, 67.65, 300.608
CIE-LUV	18.767, -6.981, -61.721
Hunter-Lab	16.409, 23.07, -69.662
Binary	00000011, 00011111, 10000101

#031f85
```
#031f85 rgb(3,31,133)
```
#856903
```
#856903 rgb(133,105,3)
```

Complementary Color

#036085
```
#036085 rgb(3,96,133)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#280385
```
#280385 rgb(40,3,133)
```

Analogous Color

#608503
```
#608503 rgb(96,133,3)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#852803
```
#852803 rgb(133,40,3)
```

Split Complementary Color

#1f8503
```
#1f8503 rgb(31,133,3)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#85031f
```
#85031f rgb(133,3,31)
```

Triadic Color

#038569
```
#038569 rgb(3,133,105)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#85031f
```
#85031f rgb(133,3,31)
```
#856903
```
#856903 rgb(133,105,3)
```

Tetradic Color

#010e3a
```
#010e3a rgb(1,14,58)
```
#021353
```
#021353 rgb(2,19,83)
```
#02196c
```
#02196c rgb(2,25,108)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#04259e
```
#04259e rgb(4,37,158)
```
#042bb7
```
#042bb7 rgb(4,43,183)
```
#0530d0
```
#0530d0 rgb(5,48,208)
```

Monochromatic Color

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

#034085
```
#034085 rgb(3,64,133)
```
#033585
```
#033585 rgb(3,53,133)
```
#032a85
```
#032a85 rgb(3,42,133)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#031485
```
#031485 rgb(3,20,133)
```
#030985
```
#030985 rgb(3,9,133)
```
#070385
```
#070385 rgb(7,3,133)
```

Similar Colors

Text with hexadecimal color #031f85

This text has a font color of #031f85.

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

#031f85 background color

This paragraph has a background color of #031f85.

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

#031f85 border color

This element has a border color of #031f85.

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

CSS codes

.text {color:#031f85;}

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

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

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

#000412
```
#000412 rgb(0,4,18)
```
#010925
```
#010925 rgb(1,9,37)
```
#010d38
```
#010d38 rgb(1,13,56)
```
#02124b
```
#02124b rgb(2,18,75)
```
#02165f
```
#02165f rgb(2,22,95)
```
#031b72
```
#031b72 rgb(3,27,114)
```
#031f85
```
#031f85 rgb(3,31,133)
```
#032398
```
#032398 rgb(3,35,152)
```
#0428ab
```
#0428ab rgb(4,40,171)
```
#042cbf
```
#042cbf rgb(4,44,191)
```
#0531d2
```
#0531d2 rgb(5,49,210)
```
#0535e5
```
#0535e5 rgb(5,53,229)
```
#063af8
```
#063af8 rgb(6,58,248)
```

Shade Color Variation

#1848fa
```
#1848fa rgb(24,72,250)
```
#2b57fa
```
#2b57fa rgb(43,87,250)
```
#3e67fb
```
#3e67fb rgb(62,103,251)
```
#5176fb
```
#5176fb rgb(81,118,251)
```
#6485fc
```
#6485fc rgb(100,133,252)
```
#7794fc
```
#7794fc rgb(119,148,252)
```
#8ba3fc
```
#8ba3fc rgb(139,163,252)
```
#9eb2fd
```
#9eb2fd rgb(158,178,253)
```
#b1c1fd
```
#b1c1fd rgb(177,193,253)
```
#c4d1fe
```
#c4d1fe rgb(196,209,254)
```
#d7e0fe
```
#d7e0fe rgb(215,224,254)
```
#ebefff
```
#ebefff rgb(235,239,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#424346
```
#424346 rgb(66,67,70)
```
#3d404b
```
#3d404b rgb(61,64,75)
```
#373d51
```
#373d51 rgb(55,61,81)
```
#323a56
```
#323a56 rgb(50,58,86)
```
#2d375b
```
#2d375b rgb(45,55,91)
```
#283460
```
#283460 rgb(40,52,96)
```
#223166
```
#223166 rgb(34,49,102)
```
#1d2e6b
```
#1d2e6b rgb(29,46,107)
```
#182b70
```
#182b70 rgb(24,43,112)
```
#132875
```
#132875 rgb(19,40,117)
```
#0d257b
```
#0d257b rgb(13,37,123)
```
#082280
```
#082280 rgb(8,34,128)
```
#031f85
```
#031f85 rgb(3,31,133)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c2136 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#003a5c Deuteranopia 1% of men
#003e40 Tritanopia 0.001% of the population

Trichromacy

#012e74 Protanomaly 1% of men, 0.01% of women
#01306b Deuteranomaly 6% of men, 0.4% of women
#013259 Tritanomaly 0.01% of the population

#031f85 hex color

#031f85 Color Information

#031f85 Color Conversion

Color Schemes with #031f85

Alternatives to #031f85

#031f85 Preview

Shades and Tints of #031f85

Tones of #031f85

Color Blindness Simulator