#031fa0 hex color

In a RGB color space, hex #031fa0 is composed of 1.2% red, 12.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 80.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 229.3 degrees, a saturation of 96.3% and a lightness of 32%. #031fa0 color hex could be obtained by blending #063eff with #000041. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 12
- B 63
RGB color chart
- C 98
- M 81
- Y 0
- K 37
CMYK color chart

● #031fa0 color description : Dark blue.

The hexadecimal color #031fa0 has RGB values of R:3, G:31, B:160 and CMYK values of C:0.98, M:0.81, Y:0, K:0.37. Its decimal value is 204704.

Hex triplet	031fa0	`#031fa0`
RGB Decimal	3, 31, 160	`rgb(3,31,160)`
RGB Percent	1.2, 12.2, 62.7	`rgb(1.2%,12.2%,62.7%)`
CMYK	98, 81, 0, 37
HSL	229.3°, 96.3, 32	`hsl(229.3,96.3%,32%)`
HSV (or HSB)	229.3°, 98.1, 62.7
Web Safe	003399	`#003399`

CIE-LAB	22.077, 44.167, -69.47
XYZ	6.871, 3.537, 33.576
xyY	0.156, 0.08, 3.537
CIE-LCH	22.077, 82.322, 302.447
CIE-LUV	22.077, -7.678, -77.547
Hunter-Lab	18.806, 32.308, -92.689
Binary	00000011, 00011111, 10100000

#031fa0
```
#031fa0 rgb(3,31,160)
```
#a08403
```
#a08403 rgb(160,132,3)
```

Complementary Color

#036ea0
```
#036ea0 rgb(3,110,160)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#3503a0
```
#3503a0 rgb(53,3,160)
```

Analogous Color

#6ea003
```
#6ea003 rgb(110,160,3)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#a03503
```
#a03503 rgb(160,53,3)
```

Split Complementary Color

#1fa003
```
#1fa003 rgb(31,160,3)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#a0031f
```
#a0031f rgb(160,3,31)
```

Triadic Color

#03a084
```
#03a084 rgb(3,160,132)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#a0031f
```
#a0031f rgb(160,3,31)
```
#a08403
```
#a08403 rgb(160,132,3)
```

Tetradic Color

#021055
```
#021055 rgb(2,16,85)
```
#02156e
```
#02156e rgb(2,21,110)
```
#031a87
```
#031a87 rgb(3,26,135)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#0324b9
```
#0324b9 rgb(3,36,185)
```
#0429d2
```
#0429d2 rgb(4,41,210)
```
#042eeb
```
#042eeb rgb(4,46,235)
```

Monochromatic Color

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

#0346a0
```
#0346a0 rgb(3,70,160)
```
#0339a0
```
#0339a0 rgb(3,57,160)
```
#032ca0
```
#032ca0 rgb(3,44,160)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#0312a0
```
#0312a0 rgb(3,18,160)
```
#0305a0
```
#0305a0 rgb(3,5,160)
```
#0e03a0
```
#0e03a0 rgb(14,3,160)
```

Similar Colors

Text with hexadecimal color #031fa0

This text has a font color of #031fa0.

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

#031fa0 background color

This paragraph has a background color of #031fa0.

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

#031fa0 border color

This element has a border color of #031fa0.

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

CSS codes

.text {color:#031fa0;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000519
```
#000519 rgb(0,5,25)
```
#01092c
```
#01092c rgb(1,9,44)
```
#010c40
```
#010c40 rgb(1,12,64)
```
#021053
```
#021053 rgb(2,16,83)
```
#021466
```
#021466 rgb(2,20,102)
```
#021879
```
#021879 rgb(2,24,121)
```
#031b8d
```
#031b8d rgb(3,27,141)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```
#0323b3
```
#0323b3 rgb(3,35,179)
```
#0426c7
```
#0426c7 rgb(4,38,199)
```
#042ada
```
#042ada rgb(4,42,218)
```
#042eed
```
#042eed rgb(4,46,237)
```

Shade Color Variation

#0b35fa
```
#0b35fa rgb(11,53,250)
```
#1e45fb
```
#1e45fb rgb(30,69,251)
```
#3155fb
```
#3155fb rgb(49,85,251)
```
#4465fc
```
#4465fc rgb(68,101,252)
```
#5875fc
```
#5875fc rgb(88,117,252)
```
#6b85fc
```
#6b85fc rgb(107,133,252)
```
#7e95fd
```
#7e95fd rgb(126,149,253)
```
#91a5fd
```
#91a5fd rgb(145,165,253)
```
#a5b4fd
```
#a5b4fd rgb(165,180,253)
```
#b8c4fe
```
#b8c4fe rgb(184,196,254)
```
#cbd4fe
```
#cbd4fe rgb(203,212,254)
```
#dee4fe
```
#dee4fe rgb(222,228,254)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#4e4f55
```
#4e4f55 rgb(78,79,85)
```
#484b5b
```
#484b5b rgb(72,75,91)
```
#424761
```
#424761 rgb(66,71,97)
```
#3b4368
```
#3b4368 rgb(59,67,104)
```
#353f6e
```
#353f6e rgb(53,63,110)
```
#2f3b74
```
#2f3b74 rgb(47,59,116)
```
#29377a
```
#29377a rgb(41,55,122)
```
#223381
```
#223381 rgb(34,51,129)
```
#1c2f87
```
#1c2f87 rgb(28,47,135)
```
#162b8d
```
#162b8d rgb(22,43,141)
```
#102793
```
#102793 rgb(16,39,147)
```
#09239a
```
#09239a rgb(9,35,154)
```
#031fa0
```
#031fa0 rgb(3,31,160)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e243e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#013286 Protanomaly 1% of men, 0.01% of women
#01347b Deuteranomaly 6% of men, 0.4% of women
#013768 Tritanomaly 0.01% of the population

#031fa0 hex color

#031fa0 Color Information

#031fa0 Color Conversion

Color Schemes with #031fa0

Alternatives to #031fa0

#031fa0 Preview

Shades and Tints of #031fa0

Tones of #031fa0

Color Blindness Simulator