#031d86 hex color

In a RGB color space, hex #031d86 is composed of 1.2% red, 11.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 78.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 228.1 degrees, a saturation of 95.6% and a lightness of 26.9%. #031d86 color hex could be obtained by blending #063aff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 11
- B 53
RGB color chart
- C 98
- M 78
- Y 0
- K 47
CMYK color chart

● #031d86 color description : Dark blue.

The hexadecimal color #031d86 has RGB values of R:3, G:29, B:134 and CMYK values of C:0.98, M:0.78, Y:0, K:0.47. Its decimal value is 204166.

Hex triplet	031d86	`#031d86`
RGB Decimal	3, 29, 134	`rgb(3,29,134)`
RGB Percent	1.2, 11.4, 52.5	`rgb(1.2%,11.4%,52.5%)`
CMYK	98, 78, 0, 47
HSL	228.1°, 95.6, 26.9	`hsl(228.1,95.6%,26.9%)`
HSV (or HSB)	228.1°, 97.8, 52.5
Web Safe	003399	`#003399`

CIE-LAB	18.448, 36.063, -59.383
XYZ	4.779, 2.619, 22.807
xyY	0.158, 0.087, 2.619
CIE-LCH	18.448, 69.476, 301.27
CIE-LUV	18.448, -6.689, -62.065
Hunter-Lab	16.183, 24.393, -72.228
Binary	00000011, 00011101, 10000110

#031d86
```
#031d86 rgb(3,29,134)
```
#866c03
```
#866c03 rgb(134,108,3)
```

Complementary Color

#035f86
```
#035f86 rgb(3,95,134)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#2b0386
```
#2b0386 rgb(43,3,134)
```

Analogous Color

#5f8603
```
#5f8603 rgb(95,134,3)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#862b03
```
#862b03 rgb(134,43,3)
```

Split Complementary Color

#1d8603
```
#1d8603 rgb(29,134,3)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#86031d
```
#86031d rgb(134,3,29)
```

Triadic Color

#03866c
```
#03866c rgb(3,134,108)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#86031d
```
#86031d rgb(134,3,29)
```
#866c03
```
#866c03 rgb(134,108,3)
```

Tetradic Color

#010d3b
```
#010d3b rgb(1,13,59)
```
#021254
```
#021254 rgb(2,18,84)
```
#02186d
```
#02186d rgb(2,24,109)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#04229f
```
#04229f rgb(4,34,159)
```
#0428b8
```
#0428b8 rgb(4,40,184)
```
#052dd1
```
#052dd1 rgb(5,45,209)
```

Monochromatic Color

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

#033e86
```
#033e86 rgb(3,62,134)
```
#033386
```
#033386 rgb(3,51,134)
```
#032886
```
#032886 rgb(3,40,134)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#031286
```
#031286 rgb(3,18,134)
```
#030786
```
#030786 rgb(3,7,134)
```
#0a0386
```
#0a0386 rgb(10,3,134)
```

Similar Colors

Text with hexadecimal color #031d86

This text has a font color of #031d86.

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

#031d86 background color

This paragraph has a background color of #031d86.

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

#031d86 border color

This element has a border color of #031d86.

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

CSS codes

.text {color:#031d86;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#010826
```
#010826 rgb(1,8,38)
```
#010c39
```
#010c39 rgb(1,12,57)
```
#02114c
```
#02114c rgb(2,17,76)
```
#021560
```
#021560 rgb(2,21,96)
```
#031973
```
#031973 rgb(3,25,115)
```
#031d86
```
#031d86 rgb(3,29,134)
```
#032199
```
#032199 rgb(3,33,153)
```
#0425ac
```
#0425ac rgb(4,37,172)
```
#0429c0
```
#0429c0 rgb(4,41,192)
```
#052ed3
```
#052ed3 rgb(5,46,211)
```
#0532e6
```
#0532e6 rgb(5,50,230)
```
#0636f9
```
#0636f9 rgb(6,54,249)
```

Shade Color Variation

#1845fa
```
#1845fa rgb(24,69,250)
```
#2c55fa
```
#2c55fa rgb(44,85,250)
```
#3f64fb
```
#3f64fb rgb(63,100,251)
```
#5274fb
```
#5274fb rgb(82,116,251)
```
#6583fc
```
#6583fc rgb(101,131,252)
```
#7893fc
```
#7893fc rgb(120,147,252)
```
#8ca2fc
```
#8ca2fc rgb(140,162,252)
```
#9fb1fd
```
#9fb1fd rgb(159,177,253)
```
#b2c1fd
```
#b2c1fd rgb(178,193,253)
```
#c5d0fe
```
#c5d0fe rgb(197,208,254)
```
#d8e0fe
```
#d8e0fe rgb(216,224,254)
```
#ecefff
```
#ecefff rgb(236,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#424347
```
#424347 rgb(66,67,71)
```
#3d404c
```
#3d404c rgb(61,64,76)
```
#383d51
```
#383d51 rgb(56,61,81)
```
#323a57
```
#323a57 rgb(50,58,87)
```
#2d365c
```
#2d365c rgb(45,54,92)
```
#283361
```
#283361 rgb(40,51,97)
```
#233066
```
#233066 rgb(35,48,102)
```
#1d2d6c
```
#1d2d6c rgb(29,45,108)
```
#182a71
```
#182a71 rgb(24,42,113)
```
#132776
```
#132776 rgb(19,39,118)
```
#0e237b
```
#0e237b rgb(14,35,123)
```
#082081
```
#082081 rgb(8,32,129)
```
#031d86
```
#031d86 rgb(3,29,134)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b2035 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395b Deuteranopia 1% of men
#003d40 Tritanopia 0.001% of the population

Trichromacy

#012d73 Protanomaly 1% of men, 0.01% of women
#012f6a Deuteranomaly 6% of men, 0.4% of women
#013159 Tritanomaly 0.01% of the population

#031d86 hex color

#031d86 Color Information

#031d86 Color Conversion

Color Schemes with #031d86

Alternatives to #031d86

#031d86 Preview

Shades and Tints of #031d86

Tones of #031d86

Color Blindness Simulator