#1f3391 hex color

In a RGB color space, hex #1f3391 is composed of 12.2% red, 20% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 64.8% magenta, 0% yellow and 43.1% black. It has a hue angle of 229.5 degrees, a saturation of 64.8% and a lightness of 34.5%. #1f3391 color hex could be obtained by blending #3e66ff with #000023. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 20
- B 57
RGB color chart
- C 79
- M 65
- Y 0
- K 43
CMYK color chart

● #1f3391 color description : Dark blue.

The hexadecimal color #1f3391 has RGB values of R:31, G:51, B:145 and CMYK values of C:0.79, M:0.65, Y:0, K:0.43. Its decimal value is 2044817.

Hex triplet	1f3391	`#1f3391`
RGB Decimal	31, 51, 145	`rgb(31,51,145)`
RGB Percent	12.2, 20, 56.9	`rgb(12.2%,20%,56.9%)`
CMYK	79, 65, 0, 43
HSL	229.5°, 64.8, 34.5	`hsl(229.5,64.8%,34.5%)`
HSV (or HSB)	229.5°, 78.6, 56.9
Web Safe	333399	`#333399`

CIE-LAB	25.871, 27.686, -53.974
XYZ	6.859, 4.703, 27.333
xyY	0.176, 0.121, 4.703
CIE-LCH	25.871, 60.66, 297.156
CIE-LUV	25.871, -8.652, -68.208
Hunter-Lab	21.686, 18.504, -59.548
Binary	00011111, 00110011, 10010001

#1f3391
```
#1f3391 rgb(31,51,145)
```
#917d1f
```
#917d1f rgb(145,125,31)
```

Complementary Color

#1f6c91
```
#1f6c91 rgb(31,108,145)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#441f91
```
#441f91 rgb(68,31,145)
```

Analogous Color

#6c911f
```
#6c911f rgb(108,145,31)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#91441f
```
#91441f rgb(145,68,31)
```

Split Complementary Color

#33911f
```
#33911f rgb(51,145,31)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#911f33
```
#911f33 rgb(145,31,51)
```

Triadic Color

#1f917d
```
#1f917d rgb(31,145,125)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#911f33
```
#911f33 rgb(145,31,51)
```
#917d1f
```
#917d1f rgb(145,125,31)
```

Tetradic Color

#121d52
```
#121d52 rgb(18,29,82)
```
#162467
```
#162467 rgb(22,36,103)
```
#1b2c7c
```
#1b2c7c rgb(27,44,124)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#233aa6
```
#233aa6 rgb(35,58,166)
```
#2842bb
```
#2842bb rgb(40,66,187)
```
#2c49d0
```
#2c49d0 rgb(44,73,208)
```

Monochromatic Color

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

#1f5091
```
#1f5091 rgb(31,80,145)
```
#1f4691
```
#1f4691 rgb(31,70,145)
```
#1f3d91
```
#1f3d91 rgb(31,61,145)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#1f2a91
```
#1f2a91 rgb(31,42,145)
```
#1f2091
```
#1f2091 rgb(31,32,145)
```
#271f91
```
#271f91 rgb(39,31,145)
```

Similar Colors

Text with hexadecimal color #1f3391

This text has a font color of #1f3391.

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

#1f3391 background color

This paragraph has a background color of #1f3391.

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

#1f3391 border color

This element has a border color of #1f3391.

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

CSS codes

.text {color:#1f3391;}

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

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

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

#030610
```
#030610 rgb(3,6,16)
```
#070b20
```
#070b20 rgb(7,11,32)
```
#0a1130
```
#0a1130 rgb(10,17,48)
```
#0e1740
```
#0e1740 rgb(14,23,64)
```
#111c50
```
#111c50 rgb(17,28,80)
```
#152261
```
#152261 rgb(21,34,97)
```
#182871
```
#182871 rgb(24,40,113)
```
#1c2d81
```
#1c2d81 rgb(28,45,129)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#2239a1
```
#2239a1 rgb(34,57,161)
```
#263eb1
```
#263eb1 rgb(38,62,177)
```
#2944c1
```
#2944c1 rgb(41,68,193)
```
#2d4ad2
```
#2d4ad2 rgb(45,74,210)
```

Shade Color Variation

#3d57d5
```
#3d57d5 rgb(61,87,213)
```
#4d65d9
```
#4d65d9 rgb(77,101,217)
```
#5d73dc
```
#5d73dc rgb(93,115,220)
```
#6d81e0
```
#6d81e0 rgb(109,129,224)
```
#7d8fe3
```
#7d8fe3 rgb(125,143,227)
```
#8d9de7
```
#8d9de7 rgb(141,157,231)
```
#9eabea
```
#9eabea rgb(158,171,234)
```
#aeb9ee
```
#aeb9ee rgb(174,185,238)
```
#bec7f1
```
#bec7f1 rgb(190,199,241)
```
#ced5f5
```
#ced5f5 rgb(206,213,245)
```
#dee3f8
```
#dee3f8 rgb(222,227,248)
```
#eef1fb
```
#eef1fb rgb(238,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55565b is the less saturated color, while #0421ac is the most saturated one.

#55565b
```
#55565b rgb(85,86,91)
```
#4e5262
```
#4e5262 rgb(78,82,98)
```
#484d68
```
#484d68 rgb(72,77,104)
```
#41496f
```
#41496f rgb(65,73,111)
```
#3a4576
```
#3a4576 rgb(58,69,118)
```
#33407d
```
#33407d rgb(51,64,125)
```
#2d3c83
```
#2d3c83 rgb(45,60,131)
```
#26378a
```
#26378a rgb(38,55,138)
```
#1f3391
```
#1f3391 rgb(31,51,145)
```
#182f98
```
#182f98 rgb(24,47,152)
```
#112a9f
```
#112a9f rgb(17,42,159)
```
#0b26a5
```
#0b26a5 rgb(11,38,165)
```
#0421ac
```
#0421ac rgb(4,33,172)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#33374a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#0b3e8a Protanomaly 1% of men, 0.01% of women
#0b417f Deuteranomaly 6% of men, 0.4% of women
#0b4469 Tritanomaly 0.01% of the population

#1f3391 hex color

#1f3391 Color Information

#1f3391 Color Conversion

Color Schemes with #1f3391

Alternatives to #1f3391

#1f3391 Preview

Shades and Tints of #1f3391

Tones of #1f3391

Color Blindness Simulator