#031e60 hex color

In a RGB color space, hex #031e60 is composed of 1.2% red, 11.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 68.8% magenta, 0% yellow and 62.4% black. It has a hue angle of 222.6 degrees, a saturation of 93.9% and a lightness of 19.4%. #031e60 color hex could be obtained by blending #063cc0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 12
- B 38
RGB color chart
- C 97
- M 69
- Y 0
- K 62
CMYK color chart

● #031e60 color description : Very dark blue.

The hexadecimal color #031e60 has RGB values of R:3, G:30, B:96 and CMYK values of C:0.97, M:0.69, Y:0, K:0.62. Its decimal value is 204384.

Hex triplet	031e60	`#031e60`
RGB Decimal	3, 30, 96	`rgb(3,30,96)`
RGB Percent	1.2, 11.8, 37.6	`rgb(1.2%,11.8%,37.6%)`
CMYK	97, 69, 0, 62
HSL	222.6°, 93.9, 19.4	`hsl(222.6,93.9%,19.4%)`
HSV (or HSB)	222.6°, 96.9, 37.6
Web Safe	003366	`#003366`

CIE-LAB	14.357, 20.051, -41.576
XYZ	2.613, 1.792, 11.274
xyY	0.167, 0.114, 1.792
CIE-LCH	14.357, 46.158, 295.747
CIE-LUV	14.357, -6.119, -39.864
Hunter-Lab	13.387, 11.408, -40.559
Binary	00000011, 00011110, 01100000

#031e60
```
#031e60 rgb(3,30,96)
```
#604503
```
#604503 rgb(96,69,3)
```

Complementary Color

#034d60
```
#034d60 rgb(3,77,96)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#160360
```
#160360 rgb(22,3,96)
```

Analogous Color

#4d6003
```
#4d6003 rgb(77,96,3)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#601603
```
#601603 rgb(96,22,3)
```

Split Complementary Color

#1e6003
```
#1e6003 rgb(30,96,3)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#60031e
```
#60031e rgb(96,3,30)
```

Triadic Color

#036045
```
#036045 rgb(3,96,69)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#60031e
```
#60031e rgb(96,3,30)
```
#604503
```
#604503 rgb(96,69,3)
```

Tetradic Color

#010716
```
#010716 rgb(1,7,22)
```
#010f2f
```
#010f2f rgb(1,15,47)
```
#021647
```
#021647 rgb(2,22,71)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#042679
```
#042679 rgb(4,38,121)
```
#052d91
```
#052d91 rgb(5,45,145)
```
#0535aa
```
#0535aa rgb(5,53,170)
```

Monochromatic Color

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

#033560
```
#033560 rgb(3,53,96)
```
#032e60
```
#032e60 rgb(3,46,96)
```
#032660
```
#032660 rgb(3,38,96)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#031660
```
#031660 rgb(3,22,96)
```
#030f60
```
#030f60 rgb(3,15,96)
```
#030760
```
#030760 rgb(3,7,96)
```

Similar Colors

Text with hexadecimal color #031e60

This text has a font color of #031e60.

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

#031e60 background color

This paragraph has a background color of #031e60.

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

#031e60 border color

This element has a border color of #031e60.

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

CSS codes

.text {color:#031e60;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010614
```
#010614 rgb(1,6,20)
```
#010c27
```
#010c27 rgb(1,12,39)
```
#02123a
```
#02123a rgb(2,18,58)
```
#02184d
```
#02184d rgb(2,24,77)
```
#031e60
```
#031e60 rgb(3,30,96)
```
#042473
```
#042473 rgb(4,36,115)
```
#042a86
```
#042a86 rgb(4,42,134)
```
#053099
```
#053099 rgb(5,48,153)
```
#0536ac
```
#0536ac rgb(5,54,172)
```
#063cbf
```
#063cbf rgb(6,60,191)
```
#0742d2
```
#0742d2 rgb(7,66,210)
```
#0748e5
```
#0748e5 rgb(7,72,229)
```

Shade Color Variation

#094ef7
```
#094ef7 rgb(9,78,247)
```
#1c5cf8
```
#1c5cf8 rgb(28,92,248)
```
#2f69f8
```
#2f69f8 rgb(47,105,248)
```
#4277f9
```
#4277f9 rgb(66,119,249)
```
#5585fa
```
#5585fa rgb(85,133,250)
```
#6892fa
```
#6892fa rgb(104,146,250)
```
#7ba0fb
```
#7ba0fb rgb(123,160,251)
```
#8eaefb
```
#8eaefb rgb(142,174,251)
```
#a1bbfc
```
#a1bbfc rgb(161,187,252)
```
#b4c9fd
```
#b4c9fd rgb(180,201,253)
```
#c7d7fd
```
#c7d7fd rgb(199,215,253)
```
#dae4fe
```
#dae4fe rgb(218,228,254)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Tint Color Variation

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

#313132
```
#313132 rgb(49,49,50)
```
#2d3036
```
#2d3036 rgb(45,48,54)
```
#292e3a
```
#292e3a rgb(41,46,58)
```
#252c3e
```
#252c3e rgb(37,44,62)
```
#212b42
```
#212b42 rgb(33,43,66)
```
#1e2945
```
#1e2945 rgb(30,41,69)
```
#1a2849
```
#1a2849 rgb(26,40,73)
```
#16264d
```
#16264d rgb(22,38,77)
```
#122451
```
#122451 rgb(18,36,81)
```
#0e2355
```
#0e2355 rgb(14,35,85)
```
#0b2158
```
#0b2158 rgb(11,33,88)
```
#07205c
```
#07205c rgb(7,32,92)
```
#031e60
```
#031e60 rgb(3,30,96)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#181d2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00314e Deuteranopia 1% of men
#003437 Tritanopia 0.001% of the population

Trichromacy

#01285c Protanomaly 1% of men, 0.01% of women
#012a54 Deuteranomaly 6% of men, 0.4% of women
#012c45 Tritanomaly 0.01% of the population

#031e60 hex color

#031e60 Color Information

#031e60 Color Conversion

Color Schemes with #031e60

Alternatives to #031e60

#031e60 Preview

Shades and Tints of #031e60

Tones of #031e60

Color Blindness Simulator