#1f3170 hex color

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

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

● #1f3170 color description : Very dark blue.

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

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

CIE-LAB	22.505, 16.075, -38.694
XYZ	4.587, 3.657, 15.793
xyY	0.191, 0.152, 3.657
CIE-LCH	22.505, 41.9, 292.56
CIE-LUV	22.505, -7.628, -46.869
Hunter-Lab	19.125, 9.349, -35.573
Binary	00011111, 00110001, 01110000

#1f3170
```
#1f3170 rgb(31,49,112)
```
#705e1f
```
#705e1f rgb(112,94,31)
```

Complementary Color

#1f5a70
```
#1f5a70 rgb(31,90,112)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#361f70
```
#361f70 rgb(54,31,112)
```

Analogous Color

#5a701f
```
#5a701f rgb(90,112,31)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#70361f
```
#70361f rgb(112,54,31)
```

Split Complementary Color

#31701f
```
#31701f rgb(49,112,31)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#701f31
```
#701f31 rgb(112,31,49)
```

Triadic Color

#1f705e
```
#1f705e rgb(31,112,94)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#701f31
```
#701f31 rgb(112,31,49)
```
#705e1f
```
#705e1f rgb(112,94,31)
```

Tetradic Color

#0e1734
```
#0e1734 rgb(14,23,52)
```
#142048
```
#142048 rgb(20,32,72)
```
#19285c
```
#19285c rgb(25,40,92)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#253a84
```
#253a84 rgb(37,58,132)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#304bac
```
#304bac rgb(48,75,172)
```

Monochromatic Color

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

#1f4570
```
#1f4570 rgb(31,69,112)
```
#1f3f70
```
#1f3f70 rgb(31,63,112)
```
#1f3870
```
#1f3870 rgb(31,56,112)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#1f2a70
```
#1f2a70 rgb(31,42,112)
```
#1f2470
```
#1f2470 rgb(31,36,112)
```
#211f70
```
#211f70 rgb(33,31,112)
```

Similar Colors

Text with hexadecimal color #1f3170

This text has a font color of #1f3170.

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

#1f3170 background color

This paragraph has a background color of #1f3170.

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

#1f3170 border color

This element has a border color of #1f3170.

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

CSS codes

.text {color:#1f3170;}

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

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

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)
```
#050914
```
#050914 rgb(5,9,20)
```
#0a0f23
```
#0a0f23 rgb(10,15,35)
```
#0e1633
```
#0e1633 rgb(14,22,51)
```
#121d42
```
#121d42 rgb(18,29,66)
```
#162451
```
#162451 rgb(22,36,81)
```
#1b2a61
```
#1b2a61 rgb(27,42,97)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#23387f
```
#23387f rgb(35,56,127)
```
#283e8f
```
#283e8f rgb(40,62,143)
```
#2c459e
```
#2c459e rgb(44,69,158)
```
#304cad
```
#304cad rgb(48,76,173)
```
#3453bd
```
#3453bd rgb(52,83,189)
```

Shade Color Variation

#3c5bc9
```
#3c5bc9 rgb(60,91,201)
```
#4b68cd
```
#4b68cd rgb(75,104,205)
```
#5a75d1
```
#5a75d1 rgb(90,117,209)
```
#6a82d6
```
#6a82d6 rgb(106,130,214)
```
#798fda
```
#798fda rgb(121,143,218)
```
#899cde
```
#899cde rgb(137,156,222)
```
#98a8e2
```
#98a8e2 rgb(152,168,226)
```
#a7b5e7
```
#a7b5e7 rgb(167,181,231)
```
#b7c2eb
```
#b7c2eb rgb(183,194,235)
```
#c6cfef
```
#c6cfef rgb(198,207,239)
```
#d5dcf3
```
#d5dcf3 rgb(213,220,243)
```
#e5e9f8
```
#e5e9f8 rgb(229,233,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#46464a
```
#46464a rgb(70,70,74)
```
#40434f
```
#40434f rgb(64,67,79)
```
#3b4055
```
#3b4055 rgb(59,64,85)
```
#353d5a
```
#353d5a rgb(53,61,90)
```
#303a60
```
#303a60 rgb(48,58,96)
```
#2a3765
```
#2a3765 rgb(42,55,101)
```
#25346b
```
#25346b rgb(37,52,107)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#1a2e76
```
#1a2e76 rgb(26,46,118)
```
#142b7b
```
#142b7b rgb(20,43,123)
```
#0f2881
```
#0f2881 rgb(15,40,129)
```
#092586
```
#092586 rgb(9,37,134)
```
#04228c
```
#04228c rgb(4,34,140)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0a3e79 Protanopia 1% of men
#00416b Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#113976 Protanomaly 1% of men, 0.01% of women
#0b3b6d Deuteranomaly 6% of men, 0.4% of women
#0b3e58 Tritanomaly 0.01% of the population

#1f3170 hex color

#1f3170 Color Information

#1f3170 Color Conversion

Color Schemes with #1f3170

Alternatives to #1f3170

#1f3170 Preview

Shades and Tints of #1f3170

Tones of #1f3170

Color Blindness Simulator