#031d80 hex color

In a RGB color space, hex #031d80 is composed of 1.2% red, 11.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 77.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 227.5 degrees, a saturation of 95.4% and a lightness of 25.7%. #031d80 color hex could be obtained by blending #063aff with #000001. Closest websafe color is: #003399.

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

● #031d80 color description : Dark blue.

The hexadecimal color #031d80 has RGB values of R:3, G:29, B:128 and CMYK values of C:0.98, M:0.77, Y:0, K:0.5. Its decimal value is 204160.

Hex triplet	031d80	`#031d80`
RGB Decimal	3, 29, 128	`rgb(3,29,128)`
RGB Percent	1.2, 11.4, 50.2	`rgb(1.2%,11.4%,50.2%)`
CMYK	98, 77, 0, 50
HSL	227.5°, 95.4, 25.7	`hsl(227.5,95.4%,25.7%)`
HSV (or HSB)	227.5°, 97.7, 50.2
Web Safe	003399	`#003399`

CIE-LAB	17.72, 33.813, -56.798
XYZ	4.372, 2.456, 20.665
xyY	0.159, 0.089, 2.456
CIE-LCH	17.72, 66.101, 300.766
CIE-LUV	17.72, -6.538, -58.544
Hunter-Lab	15.672, 22.372, -67.205
Binary	00000011, 00011101, 10000000

#031d80
```
#031d80 rgb(3,29,128)
```
#806603
```
#806603 rgb(128,102,3)
```

Complementary Color

#035c80
```
#035c80 rgb(3,92,128)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#280380
```
#280380 rgb(40,3,128)
```

Analogous Color

#5c8003
```
#5c8003 rgb(92,128,3)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#802703
```
#802703 rgb(128,39,3)
```

Split Complementary Color

#1d8003
```
#1d8003 rgb(29,128,3)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#80031d
```
#80031d rgb(128,3,29)
```

Triadic Color

#038066
```
#038066 rgb(3,128,102)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#80031d
```
#80031d rgb(128,3,29)
```
#806603
```
#806603 rgb(128,102,3)
```

Tetradic Color

#010c35
```
#010c35 rgb(1,12,53)
```
#02124e
```
#02124e rgb(2,18,78)
```
#021767
```
#021767 rgb(2,23,103)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#042399
```
#042399 rgb(4,35,153)
```
#0428b2
```
#0428b2 rgb(4,40,178)
```
#052ecb
```
#052ecb rgb(5,46,203)
```

Monochromatic Color

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

#033c80
```
#033c80 rgb(3,60,128)
```
#033280
```
#033280 rgb(3,50,128)
```
#032780
```
#032780 rgb(3,39,128)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#031380
```
#031380 rgb(3,19,128)
```
#030880
```
#030880 rgb(3,8,128)
```
#080380
```
#080380 rgb(8,3,128)
```

Similar Colors

Text with hexadecimal color #031d80

This text has a font color of #031d80.

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

#031d80 background color

This paragraph has a background color of #031d80.

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

#031d80 border color

This element has a border color of #031d80.

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

CSS codes

.text {color:#031d80;}

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

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

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#010720
```
#010720 rgb(1,7,32)
```
#010c33
```
#010c33 rgb(1,12,51)
```
#021047
```
#021047 rgb(2,16,71)
```
#02145a
```
#02145a rgb(2,20,90)
```
#03196d
```
#03196d rgb(3,25,109)
```
#031d80
```
#031d80 rgb(3,29,128)
```
#032193
```
#032193 rgb(3,33,147)
```
#0426a6
```
#0426a6 rgb(4,38,166)
```
#042ab9
```
#042ab9 rgb(4,42,185)
```
#052ecd
```
#052ecd rgb(5,46,205)
```
#0533e0
```
#0533e0 rgb(5,51,224)
```
#0637f3
```
#0637f3 rgb(6,55,243)
```

Shade Color Variation

#1343f9
```
#1343f9 rgb(19,67,249)
```
#2652fa
```
#2652fa rgb(38,82,250)
```
#3961fa
```
#3961fa rgb(57,97,250)
```
#4c71fb
```
#4c71fb rgb(76,113,251)
```
#6080fb
```
#6080fb rgb(96,128,251)
```
#738ffc
```
#738ffc rgb(115,143,252)
```
#869efc
```
#869efc rgb(134,158,252)
```
#99aefd
```
#99aefd rgb(153,174,253)
```
#acbdfd
```
#acbdfd rgb(172,189,253)
```
#bfccfe
```
#bfccfe rgb(191,204,254)
```
#d3dcfe
```
#d3dcfe rgb(211,220,254)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#3f4044
```
#3f4044 rgb(63,64,68)
```
#3a3d49
```
#3a3d49 rgb(58,61,73)
```
#353a4e
```
#353a4e rgb(53,58,78)
```
#303753
```
#303753 rgb(48,55,83)
```
#2b3558
```
#2b3558 rgb(43,53,88)
```
#26325d
```
#26325d rgb(38,50,93)
```
#212f62
```
#212f62 rgb(33,47,98)
```
#1c2c67
```
#1c2c67 rgb(28,44,103)
```
#17296c
```
#17296c rgb(23,41,108)
```
#122671
```
#122671 rgb(18,38,113)
```
#0d2376
```
#0d2376 rgb(13,35,118)
```
#08207b
```
#08207b rgb(8,32,123)
```
#031d80
```
#031d80 rgb(3,29,128)
```

Tone Color Variation

Below, you can see how #031d80 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
#1b2034 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#003858 Deuteranopia 1% of men
#003b3e Tritanopia 0.001% of the population

Trichromacy

#012c6f Protanomaly 1% of men, 0.01% of women
#012e67 Deuteranomaly 6% of men, 0.4% of women
#013056 Tritanomaly 0.01% of the population

#031d80 hex color

#031d80 Color Information

#031d80 Color Conversion

Color Schemes with #031d80

Alternatives to #031d80

#031d80 Preview

Shades and Tints of #031d80

Tones of #031d80

Color Blindness Simulator