#1f3964 hex color

In a RGB color space, hex #1f3964 is composed of 12.2% red, 22.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 43% magenta, 0% yellow and 60.8% black. It has a hue angle of 217.4 degrees, a saturation of 52.7% and a lightness of 25.7%. #1f3964 color hex could be obtained by blending #3e72c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 39
RGB color chart
- C 69
- M 43
- Y 0
- K 61
CMYK color chart

● #1f3964 color description : Very dark blue.

The hexadecimal color #1f3964 has RGB values of R:31, G:57, B:100 and CMYK values of C:0.69, M:0.43, Y:0, K:0.61. Its decimal value is 2046308.

Hex triplet	1f3964	`#1f3964`
RGB Decimal	31, 57, 100	`rgb(31,57,100)`
RGB Percent	12.2, 22.4, 39.2	`rgb(12.2%,22.4%,39.2%)`
CMYK	69, 43, 0, 61
HSL	217.4°, 52.7, 25.7	`hsl(217.4,52.7%,25.7%)`
HSV (or HSB)	217.4°, 69, 39.2
Web Safe	333366	`#333366`

CIE-LAB	24.121, 5.613, -28.356
XYZ	4.328, 4.137, 12.626
xyY	0.205, 0.196, 4.137
CIE-LCH	24.121, 28.907, 281.197
CIE-LUV	24.121, -9.974, -34.873
Hunter-Lab	20.341, 2.384, -22.566
Binary	00011111, 00111001, 01100100

#1f3964
```
#1f3964 rgb(31,57,100)
```
#644a1f
```
#644a1f rgb(100,74,31)
```

Complementary Color

#1f5c64
```
#1f5c64 rgb(31,92,100)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#271f64
```
#271f64 rgb(39,31,100)
```

Analogous Color

#5c641f
```
#5c641f rgb(92,100,31)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#64271f
```
#64271f rgb(100,39,31)
```

Split Complementary Color

#39641f
```
#39641f rgb(57,100,31)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#641f39
```
#641f39 rgb(100,31,57)
```

Triadic Color

#1f644a
```
#1f644a rgb(31,100,74)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#641f39
```
#641f39 rgb(100,31,57)
```
#644a1f
```
#644a1f rgb(100,74,31)
```

Tetradic Color

#0d182a
```
#0d182a rgb(13,24,42)
```
#13233d
```
#13233d rgb(19,35,61)
```
#192e51
```
#192e51 rgb(25,46,81)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#254477
```
#254477 rgb(37,68,119)
```
#2b4f8b
```
#2b4f8b rgb(43,79,139)
```
#315a9e
```
#315a9e rgb(49,90,158)
```

Monochromatic Color

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

#1f4a64
```
#1f4a64 rgb(31,74,100)
```
#1f4564
```
#1f4564 rgb(31,69,100)
```
#1f3f64
```
#1f3f64 rgb(31,63,100)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#1f3364
```
#1f3364 rgb(31,51,100)
```
#1f2e64
```
#1f2e64 rgb(31,46,100)
```
#1f2864
```
#1f2864 rgb(31,40,100)
```

Similar Colors

Text with hexadecimal color #1f3964

This text has a font color of #1f3964.

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

#1f3964 background color

This paragraph has a background color of #1f3964.

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

#1f3964 border color

This element has a border color of #1f3964.

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

CSS codes

.text {color:#1f3964;}

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

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

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, #03060a is the darkest color, while #fafbfe is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0c1728
```
#0c1728 rgb(12,23,40)
```
#111f37
```
#111f37 rgb(17,31,55)
```
#162846
```
#162846 rgb(22,40,70)
```
#1a3055
```
#1a3055 rgb(26,48,85)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#244273
```
#244273 rgb(36,66,115)
```
#284a82
```
#284a82 rgb(40,74,130)
```
#2d5391
```
#2d5391 rgb(45,83,145)
```
#325ba0
```
#325ba0 rgb(50,91,160)
```
#3664af
```
#3664af rgb(54,100,175)
```
#3b6cbe
```
#3b6cbe rgb(59,108,190)
```

Shade Color Variation

#4776c6
```
#4776c6 rgb(71,118,198)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#648dcf
```
#648dcf rgb(100,141,207)
```
#7398d4
```
#7398d4 rgb(115,152,212)
```
#82a3d8
```
#82a3d8 rgb(130,163,216)
```
#91aedd
```
#91aedd rgb(145,174,221)
```
#a0b9e2
```
#a0b9e2 rgb(160,185,226)
```
#afc4e6
```
#afc4e6 rgb(175,196,230)
```
#becfeb
```
#becfeb rgb(190,207,235)
```
#cddaf0
```
#cddaf0 rgb(205,218,240)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#3d4046
```
#3d4046 rgb(61,64,70)
```
#383f4b
```
#383f4b rgb(56,63,75)
```
#333e50
```
#333e50 rgb(51,62,80)
```
#2e3d55
```
#2e3d55 rgb(46,61,85)
```
#293b5a
```
#293b5a rgb(41,59,90)
```
#243a5f
```
#243a5f rgb(36,58,95)
```
#1f3964
```
#1f3964 rgb(31,57,100)
```
#1a3869
```
#1a3869 rgb(26,56,105)
```
#15376e
```
#15376e rgb(21,55,110)
```
#103573
```
#103573 rgb(16,53,115)
```
#0b3478
```
#0b3478 rgb(11,52,120)
```
#06337d
```
#06337d rgb(6,51,125)
```
#013282
```
#013282 rgb(1,50,130)
```

Tone Color Variation

Below, you can see how #1f3964 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
#31373f Atypical Achromatopsia 0.001% of the population

Dichromacy

#31426b Protanopia 1% of men
#25446b Deuteranopia 1% of men
#12494f Tritanopia 0.001% of the population

Trichromacy

#2a3e68 Protanomaly 1% of men, 0.01% of women
#234068 Deuteranomaly 6% of men, 0.4% of women
#174356 Tritanomaly 0.01% of the population

#1f3964 hex color

#1f3964 Color Information

#1f3964 Color Conversion

Color Schemes with #1f3964

Alternatives to #1f3964

#1f3964 Preview

Shades and Tints of #1f3964

Tones of #1f3964

Color Blindness Simulator