#031e7f hex color

In a RGB color space, hex #031e7f is composed of 1.2% red, 11.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 76.4% magenta, 0% yellow and 50.2% black. It has a hue angle of 226.9 degrees, a saturation of 95.4% and a lightness of 25.5%. #031e7f color hex could be obtained by blending #063cfe with #000000. Closest websafe color is: #003366.

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

● #031e7f color description : Dark blue.

The hexadecimal color #031e7f has RGB values of R:3, G:30, B:127 and CMYK values of C:0.98, M:0.76, Y:0, K:0.5. Its decimal value is 204415.

Hex triplet	031e7f	`#031e7f`
RGB Decimal	3, 30, 127	`rgb(3,30,127)`
RGB Percent	1.2, 11.8, 49.8	`rgb(1.2%,11.8%,49.8%)`
CMYK	98, 76, 0, 50
HSL	226.9°, 95.4, 25.5	`hsl(226.9,95.4%,25.5%)`
HSV (or HSB)	226.9°, 97.6, 49.8
Web Safe	003366	`#003366`

CIE-LAB	17.827, 32.792, -55.984
XYZ	4.332, 2.48, 20.328
xyY	0.16, 0.091, 2.48
CIE-LCH	17.827, 64.881, 300.359
CIE-LUV	17.827, -6.678, -58.082
Hunter-Lab	15.748, 21.543, -65.512
Binary	00000011, 00011110, 01111111

#031e7f
```
#031e7f rgb(3,30,127)
```
#7f6403
```
#7f6403 rgb(127,100,3)
```

Complementary Color

#035c7f
```
#035c7f rgb(3,92,127)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#26037f
```
#26037f rgb(38,3,127)
```

Analogous Color

#5c7f03
```
#5c7f03 rgb(92,127,3)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#7f2603
```
#7f2603 rgb(127,38,3)
```

Split Complementary Color

#1e7f03
```
#1e7f03 rgb(30,127,3)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#7f031e
```
#7f031e rgb(127,3,30)
```

Triadic Color

#037f64
```
#037f64 rgb(3,127,100)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#7f031e
```
#7f031e rgb(127,3,30)
```
#7f6403
```
#7f6403 rgb(127,100,3)
```

Tetradic Color

#010c34
```
#010c34 rgb(1,12,52)
```
#02124d
```
#02124d rgb(2,18,77)
```
#021866
```
#021866 rgb(2,24,102)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#042498
```
#042498 rgb(4,36,152)
```
#042ab1
```
#042ab1 rgb(4,42,177)
```
#0530ca
```
#0530ca rgb(5,48,202)
```

Monochromatic Color

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

#033d7f
```
#033d7f rgb(3,61,127)
```
#03337f
```
#03337f rgb(3,51,127)
```
#03287f
```
#03287f rgb(3,40,127)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#03147f
```
#03147f rgb(3,20,127)
```
#03097f
```
#03097f rgb(3,9,127)
```
#07037f
```
#07037f rgb(7,3,127)
```

Similar Colors

Text with hexadecimal color #031e7f

This text has a font color of #031e7f.

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

#031e7f background color

This paragraph has a background color of #031e7f.

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

#031e7f border color

This element has a border color of #031e7f.

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

CSS codes

.text {color:#031e7f;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#01071f
```
#01071f rgb(1,7,31)
```
#010c32
```
#010c32 rgb(1,12,50)
```
#021046
```
#021046 rgb(2,16,70)
```
#021559
```
#021559 rgb(2,21,89)
```
#03196c
```
#03196c rgb(3,25,108)
```
#031e7f
```
#031e7f rgb(3,30,127)
```
#032392
```
#032392 rgb(3,35,146)
```
#0427a5
```
#0427a5 rgb(4,39,165)
```
#042cb8
```
#042cb8 rgb(4,44,184)
```
#0530cc
```
#0530cc rgb(5,48,204)
```
#0535df
```
#0535df rgb(5,53,223)
```
#0639f2
```
#0639f2 rgb(6,57,242)
```

Shade Color Variation

#1244f9
```
#1244f9 rgb(18,68,249)
```
#2553fa
```
#2553fa rgb(37,83,250)
```
#3862fa
```
#3862fa rgb(56,98,250)
```
#4b72fb
```
#4b72fb rgb(75,114,251)
```
#5f81fb
```
#5f81fb rgb(95,129,251)
```
#7290fc
```
#7290fc rgb(114,144,252)
```
#859ffc
```
#859ffc rgb(133,159,252)
```
#98aefd
```
#98aefd rgb(152,174,253)
```
#abbdfd
```
#abbdfd rgb(171,189,253)
```
#beccfd
```
#beccfd rgb(190,204,253)
```
#d2dbfe
```
#d2dbfe rgb(210,219,254)
```
#e5eafe
```
#e5eafe rgb(229,234,254)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#3f4043
```
#3f4043 rgb(63,64,67)
```
#3a3d48
```
#3a3d48 rgb(58,61,72)
```
#353a4d
```
#353a4d rgb(53,58,77)
```
#303752
```
#303752 rgb(48,55,82)
```
#2b3557
```
#2b3557 rgb(43,53,87)
```
#26325c
```
#26325c rgb(38,50,92)
```
#212f61
```
#212f61 rgb(33,47,97)
```
#1c2c66
```
#1c2c66 rgb(28,44,102)
```
#17296b
```
#17296b rgb(23,41,107)
```
#122670
```
#122670 rgb(18,38,112)
```
#0d2475
```
#0d2475 rgb(13,36,117)
```
#08217a
```
#08217a rgb(8,33,122)
```
#031e7f
```
#031e7f rgb(3,30,127)
```

Tone Color Variation

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

#003567 Protanopia 1% of men
#003859 Deuteranopia 1% of men
#003c3e Tritanopia 0.001% of the population

Trichromacy

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

#031e7f hex color

#031e7f Color Information

#031e7f Color Conversion

Color Schemes with #031e7f

Alternatives to #031e7f

#031e7f Preview

Shades and Tints of #031e7f

Tones of #031e7f

Color Blindness Simulator