#1f3670 hex color

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

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

● #1f3670 color description : Very dark blue.

The hexadecimal color #1f3670 has RGB values of R:31, G:54, B:112 and CMYK values of C:0.72, M:0.52, Y:0, K:0.56. Its decimal value is 2045552.

Hex triplet	1f3670	`#1f3670`
RGB Decimal	31, 54, 112	`rgb(31,54,112)`
RGB Percent	12.2, 21.2, 43.9	`rgb(12.2%,21.2%,43.9%)`
CMYK	72, 52, 0, 56
HSL	223°, 56.6, 28	`hsl(223,56.6%,28%)`
HSV (or HSB)	223°, 72.3, 43.9
Web Safe	333366	`#333366`

CIE-LAB	23.997, 12.522, -36.285
XYZ	4.808, 4.099, 15.866
xyY	0.194, 0.165, 4.099
CIE-LCH	23.997, 38.385, 289.039
CIE-LUV	23.997, -9.038, -45.052
Hunter-Lab	20.246, 6.96, -32.29
Binary	00011111, 00110110, 01110000

#1f3670
```
#1f3670 rgb(31,54,112)
```
#70591f
```
#70591f rgb(112,89,31)
```

Complementary Color

#1f5f70
```
#1f5f70 rgb(31,95,112)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#311f70
```
#311f70 rgb(49,31,112)
```

Analogous Color

#5f701f
```
#5f701f rgb(95,112,31)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#70311f
```
#70311f rgb(112,49,31)
```

Split Complementary Color

#36701f
```
#36701f rgb(54,112,31)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#701f36
```
#701f36 rgb(112,31,54)
```

Triadic Color

#1f7059
```
#1f7059 rgb(31,112,89)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#701f36
```
#701f36 rgb(112,31,54)
```
#70591f
```
#70591f rgb(112,89,31)
```

Tetradic Color

#0e1934
```
#0e1934 rgb(14,25,52)
```
#142348
```
#142348 rgb(20,35,72)
```
#192c5c
```
#192c5c rgb(25,44,92)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#254084
```
#254084 rgb(37,64,132)
```
#2a4998
```
#2a4998 rgb(42,73,152)
```
#3053ac
```
#3053ac rgb(48,83,172)
```

Monochromatic Color

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

#1f4a70
```
#1f4a70 rgb(31,74,112)
```
#1f4470
```
#1f4470 rgb(31,68,112)
```
#1f3d70
```
#1f3d70 rgb(31,61,112)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#1f2f70
```
#1f2f70 rgb(31,47,112)
```
#1f2970
```
#1f2970 rgb(31,41,112)
```
#1f2270
```
#1f2270 rgb(31,34,112)
```

Similar Colors

Text with hexadecimal color #1f3670

This text has a font color of #1f3670.

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

#1f3670 background color

This paragraph has a background color of #1f3670.

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

#1f3670 border color

This element has a border color of #1f3670.

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

CSS codes

.text {color:#1f3670;}

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

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

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 #f4f6fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#0a1123
```
#0a1123 rgb(10,17,35)
```
#0e1833
```
#0e1833 rgb(14,24,51)
```
#122042
```
#122042 rgb(18,32,66)
```
#162751
```
#162751 rgb(22,39,81)
```
#1b2f61
```
#1b2f61 rgb(27,47,97)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#233d7f
```
#233d7f rgb(35,61,127)
```
#28458f
```
#28458f rgb(40,69,143)
```
#2c4c9e
```
#2c4c9e rgb(44,76,158)
```
#3054ad
```
#3054ad rgb(48,84,173)
```
#345bbd
```
#345bbd rgb(52,91,189)
```

Shade Color Variation

#3c64c9
```
#3c64c9 rgb(60,100,201)
```
#4b70cd
```
#4b70cd rgb(75,112,205)
```
#5a7cd1
```
#5a7cd1 rgb(90,124,209)
```
#6a88d6
```
#6a88d6 rgb(106,136,214)
```
#7995da
```
#7995da rgb(121,149,218)
```
#89a1de
```
#89a1de rgb(137,161,222)
```
#98ade2
```
#98ade2 rgb(152,173,226)
```
#a7b9e7
```
#a7b9e7 rgb(167,185,231)
```
#b7c6eb
```
#b7c6eb rgb(183,198,235)
```
#c6d2ef
```
#c6d2ef rgb(198,210,239)
```
#d5def3
```
#d5def3 rgb(213,222,243)
```
#e5eaf8
```
#e5eaf8 rgb(229,234,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,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 #042a8c is the most saturated one.

#46474a
```
#46474a rgb(70,71,74)
```
#40444f
```
#40444f rgb(64,68,79)
```
#3b4255
```
#3b4255 rgb(59,66,85)
```
#35405a
```
#35405a rgb(53,64,90)
```
#303d60
```
#303d60 rgb(48,61,96)
```
#2a3b65
```
#2a3b65 rgb(42,59,101)
```
#25386b
```
#25386b rgb(37,56,107)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#1a3476
```
#1a3476 rgb(26,52,118)
```
#14317b
```
#14317b rgb(20,49,123)
```
#0f2f81
```
#0f2f81 rgb(15,47,129)
```
#092c86
```
#092c86 rgb(9,44,134)
```
#042a8c
```
#042a8c rgb(4,42,140)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#313642 Atypical Achromatopsia 0.001% of the population

Dichromacy

#214178 Protanopia 1% of men
#004471 Deuteranopia 1% of men
#00494f Tritanopia 0.001% of the population

Trichromacy

#203d75 Protanomaly 1% of men, 0.01% of women
#0b3f71 Deuteranomaly 6% of men, 0.4% of women
#0b425b Tritanomaly 0.01% of the population

#1f3670 hex color

#1f3670 Color Information

#1f3670 Color Conversion

Color Schemes with #1f3670

Alternatives to #1f3670

#1f3670 Preview

Shades and Tints of #1f3670

Tones of #1f3670

Color Blindness Simulator