#031d3f hex color

In a RGB color space, hex #031d3f is composed of 1.2% red, 11.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 54% magenta, 0% yellow and 75.3% black. It has a hue angle of 214 degrees, a saturation of 90.9% and a lightness of 12.9%. #031d3f color hex could be obtained by blending #063a7e with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 1
- G 11
- B 25
RGB color chart
- C 95
- M 54
- Y 0
- K 75
CMYK color chart

● #031d3f color description : Very dark blue.

The hexadecimal color #031d3f has RGB values of R:3, G:29, B:63 and CMYK values of C:0.95, M:0.54, Y:0, K:0.75. Its decimal value is 204095.

Hex triplet	031d3f	`#031d3f`
RGB Decimal	3, 29, 63	`rgb(3,29,63)`
RGB Percent	1.2, 11.4, 24.7	`rgb(1.2%,11.4%,24.7%)`
CMYK	95, 54, 0, 75
HSL	214°, 90.9, 12.9	`hsl(214,90.9%,12.9%)`
HSV (or HSB)	214°, 95.2, 24.7
Web Safe	003333	`#003333`

CIE-LAB	10.97, 5.548, -24.505
XYZ	1.374, 1.257, 4.873
xyY	0.183, 0.168, 1.257
CIE-LCH	10.97, 25.126, 282.756
CIE-LUV	10.97, -5.722, -20.494
Hunter-Lab	11.211, 2.256, -17.921
Binary	00000011, 00011101, 00111111

#031d3f
```
#031d3f rgb(3,29,63)
```
#3f2503
```
#3f2503 rgb(63,37,3)
```

Complementary Color

#033b3f
```
#033b3f rgb(3,59,63)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#07033f
```
#07033f rgb(7,3,63)
```

Analogous Color

#3b3f03
```
#3b3f03 rgb(59,63,3)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#3f0703
```
#3f0703 rgb(63,7,3)
```

Split Complementary Color

#1d3f03
```
#1d3f03 rgb(29,63,3)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#3f031d
```
#3f031d rgb(63,3,29)
```

Triadic Color

#033f25
```
#033f25 rgb(3,63,37)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#3f031d
```
#3f031d rgb(63,3,29)
```
#3f2503
```
#3f2503 rgb(63,37,3)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#01070e
```
#01070e rgb(1,7,14)
```
#021227
```
#021227 rgb(2,18,39)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#042857
```
#042857 rgb(4,40,87)
```
#053370
```
#053370 rgb(5,51,112)
```
#063f88
```
#063f88 rgb(6,63,136)
```

Monochromatic Color

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

#032c3f
```
#032c3f rgb(3,44,63)
```
#03273f
```
#03273f rgb(3,39,63)
```
#03223f
```
#03223f rgb(3,34,63)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#03183f
```
#03183f rgb(3,24,63)
```
#03133f
```
#03133f rgb(3,19,63)
```
#030e3f
```
#030e3f rgb(3,14,63)
```

Similar Colors

Text with hexadecimal color #031d3f

This text has a font color of #031d3f.

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

#031d3f background color

This paragraph has a background color of #031d3f.

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

#031d3f border color

This element has a border color of #031d3f.

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

CSS codes

.text {color:#031d3f;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010c1a
```
#010c1a rgb(1,12,26)
```
#02142c
```
#02142c rgb(2,20,44)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#042652
```
#042652 rgb(4,38,82)
```
#052e64
```
#052e64 rgb(5,46,100)
```
#063777
```
#063777 rgb(6,55,119)
```
#073f8a
```
#073f8a rgb(7,63,138)
```
#07489d
```
#07489d rgb(7,72,157)
```
#0851af
```
#0851af rgb(8,81,175)
```
#0959c2
```
#0959c2 rgb(9,89,194)
```
#0a62d5
```
#0a62d5 rgb(10,98,213)
```
#0b6be8
```
#0b6be8 rgb(11,107,232)
```

Shade Color Variation

#1274f4
```
#1274f4 rgb(18,116,244)
```
#257ff5
```
#257ff5 rgb(37,127,245)
```
#388af6
```
#388af6 rgb(56,138,246)
```
#4b95f6
```
#4b95f6 rgb(75,149,246)
```
#5da0f7
```
#5da0f7 rgb(93,160,247)
```
#70abf8
```
#70abf8 rgb(112,171,248)
```
#83b6f9
```
#83b6f9 rgb(131,182,249)
```
#95c1fa
```
#95c1fa rgb(149,193,250)
```
#a8ccfb
```
#a8ccfb rgb(168,204,251)
```
#bbd7fc
```
#bbd7fc rgb(187,215,252)
```
#cee2fd
```
#cee2fd rgb(206,226,253)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #1f2123 is the less saturated color, while #001d42 is the most saturated one.

#1f2123
```
#1f2123 rgb(31,33,35)
```
#1c2026
```
#1c2026 rgb(28,32,38)
```
#1a2028
```
#1a2028 rgb(26,32,40)
```
#17202b
```
#17202b rgb(23,32,43)
```
#151f2d
```
#151f2d rgb(21,31,45)
```
#121f30
```
#121f30 rgb(18,31,48)
```
#101f32
```
#101f32 rgb(16,31,50)
```
#0d1e35
```
#0d1e35 rgb(13,30,53)
```
#0b1e37
```
#0b1e37 rgb(11,30,55)
```
#081e3a
```
#081e3a rgb(8,30,58)
```
#061d3c
```
#061d3c rgb(6,29,60)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#001d42
```
#001d42 rgb(0,29,66)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#151a21 Atypical Achromatopsia 0.001% of the population

Dichromacy

#162848 Protanopia 1% of men
#002945 Deuteranopia 1% of men
#002d2f Tritanopia 0.001% of the population

Trichromacy

#0f2444 Protanomaly 1% of men, 0.01% of women
#012543 Deuteranomaly 6% of men, 0.4% of women
#012735 Tritanomaly 0.01% of the population

#031d3f hex color

#031d3f Color Information

#031d3f Color Conversion

Color Schemes with #031d3f

Alternatives to #031d3f

#031d3f Preview

Shades and Tints of #031d3f

Tones of #031d3f

Color Blindness Simulator