#1f3970 hex color

In a RGB color space, hex #1f3970 is composed of 12.2% red, 22.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 49.1% magenta, 0% yellow and 56.1% black. It has a hue angle of 220.7 degrees, a saturation of 56.6% and a lightness of 28%. #1f3970 color hex could be obtained by blending #3e72e0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 44
RGB color chart
- C 72
- M 49
- Y 0
- K 56
CMYK color chart

● #1f3970 color description : Very dark blue.

The hexadecimal color #1f3970 has RGB values of R:31, G:57, B:112 and CMYK values of C:0.72, M:0.49, Y:0, K:0.56. Its decimal value is 2046320.

Hex triplet	1f3970	`#1f3970`
RGB Decimal	31, 57, 112	`rgb(31,57,112)`
RGB Percent	12.2, 22.4, 43.9	`rgb(12.2%,22.4%,43.9%)`
CMYK	72, 49, 0, 56
HSL	220.7°, 56.6, 28	`hsl(220.7,56.6%,28%)`
HSV (or HSB)	220.7°, 72.3, 43.9
Web Safe	333366	`#333366`

CIE-LAB	24.912, 10.404, -34.813
XYZ	4.952, 4.387, 15.914
xyY	0.196, 0.174, 4.387
CIE-LCH	24.912, 36.334, 286.638
CIE-LUV	24.912, -9.935, -43.767
Hunter-Lab	20.945, 5.549, -30.386
Binary	00011111, 00111001, 01110000

#1f3970
```
#1f3970 rgb(31,57,112)
```
#70561f
```
#70561f rgb(112,86,31)
```

Complementary Color

#1f6270
```
#1f6270 rgb(31,98,112)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#2e1f70
```
#2e1f70 rgb(46,31,112)
```

Analogous Color

#62701f
```
#62701f rgb(98,112,31)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#702e1f
```
#702e1f rgb(112,46,31)
```

Split Complementary Color

#39701f
```
#39701f rgb(57,112,31)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#701f39
```
#701f39 rgb(112,31,57)
```

Triadic Color

#1f7056
```
#1f7056 rgb(31,112,86)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#701f39
```
#701f39 rgb(112,31,57)
```
#70561f
```
#70561f rgb(112,86,31)
```

Tetradic Color

#0e1b34
```
#0e1b34 rgb(14,27,52)
```
#142548
```
#142548 rgb(20,37,72)
```
#192f5c
```
#192f5c rgb(25,47,92)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#254384
```
#254384 rgb(37,67,132)
```
#2a4d98
```
#2a4d98 rgb(42,77,152)
```
#3057ac
```
#3057ac rgb(48,87,172)
```

Monochromatic Color

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

#1f4d70
```
#1f4d70 rgb(31,77,112)
```
#1f4770
```
#1f4770 rgb(31,71,112)
```
#1f4070
```
#1f4070 rgb(31,64,112)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#1f3270
```
#1f3270 rgb(31,50,112)
```
#1f2c70
```
#1f2c70 rgb(31,44,112)
```
#1f2570
```
#1f2570 rgb(31,37,112)
```

Similar Colors

Text with hexadecimal color #1f3970

This text has a font color of #1f3970.

<span style="color:#1f3970;">Text here</span>

#1f3970 background color

This paragraph has a background color of #1f3970.

<p style="background-color:#1f3970;">Content here</p>

#1f3970 border color

This element has a border color of #1f3970.

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

CSS codes

.text {color:#1f3970;}

.background {background-color:#1f3970;}

.border {border:1px solid #1f3970;}

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#0a1223
```
#0a1223 rgb(10,18,35)
```
#0e1a33
```
#0e1a33 rgb(14,26,51)
```
#122242
```
#122242 rgb(18,34,66)
```
#162951
```
#162951 rgb(22,41,81)
```
#1b3161
```
#1b3161 rgb(27,49,97)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#23417f
```
#23417f rgb(35,65,127)
```
#28498f
```
#28498f rgb(40,73,143)
```
#2c509e
```
#2c509e rgb(44,80,158)
```
#3058ad
```
#3058ad rgb(48,88,173)
```
#3460bd
```
#3460bd rgb(52,96,189)
```

Shade Color Variation

#3c69c9
```
#3c69c9 rgb(60,105,201)
```
#4b75cd
```
#4b75cd rgb(75,117,205)
```
#5a81d1
```
#5a81d1 rgb(90,129,209)
```
#6a8cd6
```
#6a8cd6 rgb(106,140,214)
```
#7998da
```
#7998da rgb(121,152,218)
```
#89a4de
```
#89a4de rgb(137,164,222)
```
#98b0e2
```
#98b0e2 rgb(152,176,226)
```
#a7bce7
```
#a7bce7 rgb(167,188,231)
```
#b7c7eb
```
#b7c7eb rgb(183,199,235)
```
#c6d3ef
```
#c6d3ef rgb(198,211,239)
```
#d5dff3
```
#d5dff3 rgb(213,223,243)
```
#e5ebf8
```
#e5ebf8 rgb(229,235,248)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46474a is the less saturated color, while #042f8c is the most saturated one.

#46474a
```
#46474a rgb(70,71,74)
```
#40454f
```
#40454f rgb(64,69,79)
```
#3b4355
```
#3b4355 rgb(59,67,85)
```
#35415a
```
#35415a rgb(53,65,90)
```
#303f60
```
#303f60 rgb(48,63,96)
```
#2a3d65
```
#2a3d65 rgb(42,61,101)
```
#253b6b
```
#253b6b rgb(37,59,107)
```
#1f3970
```
#1f3970 rgb(31,57,112)
```
#1a3776
```
#1a3776 rgb(26,55,118)
```
#14357b
```
#14357b rgb(20,53,123)
```
#0f3381
```
#0f3381 rgb(15,51,129)
```
#093186
```
#093186 rgb(9,49,134)
```
#042f8c
```
#042f8c rgb(4,47,140)
```

Tone Color Variation

Below, you can see how #1f3970 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

#373737 Achromatopsia 0.005% of the population
#323742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284377 Protanopia 1% of men
#004675 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#243f74 Protanomaly 1% of men, 0.01% of women
#0b4173 Deuteranomaly 6% of men, 0.4% of women
#0b455c Tritanomaly 0.01% of the population

#1f3970 hex color

#1f3970 Color Information

#1f3970 Color Conversion

Color Schemes with #1f3970

Alternatives to #1f3970

#1f3970 Preview

Shades and Tints of #1f3970

Tones of #1f3970

Color Blindness Simulator