#031aa3 hex color

In a RGB color space, hex #031aa3 is composed of 1.2% red, 10.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 84% magenta, 0% yellow and 36.1% black. It has a hue angle of 231.4 degrees, a saturation of 96.4% and a lightness of 32.5%. #031aa3 color hex could be obtained by blending #0634ff with #000047. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 10
- B 64
RGB color chart
- C 98
- M 84
- Y 0
- K 36
CMYK color chart

● #031aa3 color description : Dark blue.

The hexadecimal color #031aa3 has RGB values of R:3, G:26, B:163 and CMYK values of C:0.98, M:0.84, Y:0, K:0.36. Its decimal value is 203427.

Hex triplet	031aa3	`#031aa3`
RGB Decimal	3, 26, 163	`rgb(3,26,163)`
RGB Percent	1.2, 10.2, 63.9	`rgb(1.2%,10.2%,63.9%)`
CMYK	98, 84, 0, 36
HSL	231.4°, 96.4, 32.5	`hsl(231.4,96.4%,32.5%)`
HSV (or HSB)	231.4°, 98.2, 63.9
Web Safe	003399	`#003399`

CIE-LAB	21.587, 47.736, -72.115
XYZ	7.016, 3.402, 34.935
xyY	0.155, 0.075, 3.402
CIE-LCH	21.587, 86.483, 303.503
CIE-LUV	21.587, -7.156, -78.667
Hunter-Lab	18.444, 35.626, -99.389
Binary	00000011, 00011010, 10100011

#031aa3
```
#031aa3 rgb(3,26,163)
```
#a38c03
```
#a38c03 rgb(163,140,3)
```

Complementary Color

#036aa3
```
#036aa3 rgb(3,106,163)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#3c03a3
```
#3c03a3 rgb(60,3,163)
```

Analogous Color

#6aa303
```
#6aa303 rgb(106,163,3)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#a33c03
```
#a33c03 rgb(163,60,3)
```

Split Complementary Color

#1aa303
```
#1aa303 rgb(26,163,3)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#a3031a
```
#a3031a rgb(163,3,26)
```

Triadic Color

#03a38c
```
#03a38c rgb(3,163,140)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#a3031a
```
#a3031a rgb(163,3,26)
```
#a38c03
```
#a38c03 rgb(163,140,3)
```

Tetradic Color

#020e58
```
#020e58 rgb(2,14,88)
```
#021271
```
#021271 rgb(2,18,113)
```
#03168a
```
#03168a rgb(3,22,138)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#031ebc
```
#031ebc rgb(3,30,188)
```
#0422d5
```
#0422d5 rgb(4,34,213)
```
#0426ee
```
#0426ee rgb(4,38,238)
```

Monochromatic Color

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

#0342a3
```
#0342a3 rgb(3,66,163)
```
#0335a3
```
#0335a3 rgb(3,53,163)
```
#0327a3
```
#0327a3 rgb(3,39,163)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#030da3
```
#030da3 rgb(3,13,163)
```
#0703a3
```
#0703a3 rgb(7,3,163)
```
#1403a3
```
#1403a3 rgb(20,3,163)
```

Similar Colors

Text with hexadecimal color #031aa3

This text has a font color of #031aa3.

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

#031aa3 background color

This paragraph has a background color of #031aa3.

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

#031aa3 border color

This element has a border color of #031aa3.

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

CSS codes

.text {color:#031aa3;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01041c
```
#01041c rgb(1,4,28)
```
#01082f
```
#01082f rgb(1,8,47)
```
#010b43
```
#010b43 rgb(1,11,67)
```
#020e56
```
#020e56 rgb(2,14,86)
```
#021169
```
#021169 rgb(2,17,105)
```
#02147c
```
#02147c rgb(2,20,124)
```
#031790
```
#031790 rgb(3,23,144)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```
#031db6
```
#031db6 rgb(3,29,182)
```
#0420ca
```
#0420ca rgb(4,32,202)
```
#0423dd
```
#0423dd rgb(4,35,221)
```
#0426f0
```
#0426f0 rgb(4,38,240)
```

Shade Color Variation

#0e30fb
```
#0e30fb rgb(14,48,251)
```
#2140fb
```
#2140fb rgb(33,64,251)
```
#3451fb
```
#3451fb rgb(52,81,251)
```
#4761fc
```
#4761fc rgb(71,97,252)
```
#5b72fc
```
#5b72fc rgb(91,114,252)
```
#6e82fc
```
#6e82fc rgb(110,130,252)
```
#8193fd
```
#8193fd rgb(129,147,253)
```
#94a3fd
```
#94a3fd rgb(148,163,253)
```
#a8b4fd
```
#a8b4fd rgb(168,180,253)
```
#bbc4fe
```
#bbc4fe rgb(187,196,254)
```
#ced5fe
```
#ced5fe rgb(206,213,254)
```
#e1e6fe
```
#e1e6fe rgb(225,230,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#505156
```
#505156 rgb(80,81,86)
```
#494c5d
```
#494c5d rgb(73,76,93)
```
#434763
```
#434763 rgb(67,71,99)
```
#3c436a
```
#3c436a rgb(60,67,106)
```
#363e70
```
#363e70 rgb(54,62,112)
```
#303a76
```
#303a76 rgb(48,58,118)
```
#29357d
```
#29357d rgb(41,53,125)
```
#233183
```
#233183 rgb(35,49,131)
```
#1d2c89
```
#1d2c89 rgb(29,44,137)
```
#162890
```
#162890 rgb(22,40,144)
```
#102396
```
#102396 rgb(16,35,150)
```
#091f9d
```
#091f9d rgb(9,31,157)
```
#031aa3
```
#031aa3 rgb(3,26,163)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#1d213d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#004065 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#013086 Protanomaly 1% of men, 0.01% of women
#01327b Deuteranomaly 6% of men, 0.4% of women
#013568 Tritanomaly 0.01% of the population

#031aa3 hex color

#031aa3 Color Information

#031aa3 Color Conversion

Color Schemes with #031aa3

Alternatives to #031aa3

#031aa3 Preview

Shades and Tints of #031aa3

Tones of #031aa3

Color Blindness Simulator