#1f3493 hex color

In a RGB color space, hex #1f3493 is composed of 12.2% red, 20.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 64.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 229.1 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f3493 color hex could be obtained by blending #3e68ff with #000027. Closest websafe color is: #333399.

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

● #1f3493 color description : Dark blue.

The hexadecimal color #1f3493 has RGB values of R:31, G:52, B:147 and CMYK values of C:0.79, M:0.65, Y:0, K:0.42. Its decimal value is 2045075.

Hex triplet	1f3493	`#1f3493`
RGB Decimal	31, 52, 147	`rgb(31,52,147)`
RGB Percent	12.2, 20.4, 57.6	`rgb(12.2%,20.4%,57.6%)`
CMYK	79, 65, 0, 42
HSL	229.1°, 65.2, 34.9	`hsl(229.1,65.2%,34.9%)`
HSV (or HSB)	229.1°, 78.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	26.313, 27.782, -54.482
XYZ	7.058, 4.853, 28.167
xyY	0.176, 0.121, 4.853
CIE-LCH	26.313, 61.156, 297.018
CIE-LUV	26.313, -8.914, -69.295
Hunter-Lab	22.03, 18.637, -60.384
Binary	00011111, 00110100, 10010011

#1f3493
```
#1f3493 rgb(31,52,147)
```
#937e1f
```
#937e1f rgb(147,126,31)
```

Complementary Color

#1f6e93
```
#1f6e93 rgb(31,110,147)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#441f93
```
#441f93 rgb(68,31,147)
```

Analogous Color

#6e931f
```
#6e931f rgb(110,147,31)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#93441f
```
#93441f rgb(147,68,31)
```

Split Complementary Color

#34931f
```
#34931f rgb(52,147,31)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#931f34
```
#931f34 rgb(147,31,52)
```

Triadic Color

#1f937e
```
#1f937e rgb(31,147,126)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#931f34
```
#931f34 rgb(147,31,52)
```
#937e1f
```
#937e1f rgb(147,126,31)
```

Tetradic Color

#121e54
```
#121e54 rgb(18,30,84)
```
#162569
```
#162569 rgb(22,37,105)
```
#1b2d7e
```
#1b2d7e rgb(27,45,126)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#233ba8
```
#233ba8 rgb(35,59,168)
```
#2843bd
```
#2843bd rgb(40,67,189)
```
#2c4ad2
```
#2c4ad2 rgb(44,74,210)
```

Monochromatic Color

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

#1f5193
```
#1f5193 rgb(31,81,147)
```
#1f4793
```
#1f4793 rgb(31,71,147)
```
#1f3e93
```
#1f3e93 rgb(31,62,147)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#1f2a93
```
#1f2a93 rgb(31,42,147)
```
#1f2193
```
#1f2193 rgb(31,33,147)
```
#271f93
```
#271f93 rgb(39,31,147)
```

Similar Colors

Text with hexadecimal color #1f3493

This text has a font color of #1f3493.

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

#1f3493 background color

This paragraph has a background color of #1f3493.

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

#1f3493 border color

This element has a border color of #1f3493.

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

CSS codes

.text {color:#1f3493;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0b1232
```
#0b1232 rgb(11,18,50)
```
#0e1742
```
#0e1742 rgb(14,23,66)
```
#111d52
```
#111d52 rgb(17,29,82)
```
#152362
```
#152362 rgb(21,35,98)
```
#182973
```
#182973 rgb(24,41,115)
```
#1c2e83
```
#1c2e83 rgb(28,46,131)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#223aa3
```
#223aa3 rgb(34,58,163)
```
#263fb3
```
#263fb3 rgb(38,63,179)
```
#2945c4
```
#2945c4 rgb(41,69,196)
```

Shade Color Variation

#2e4cd3
```
#2e4cd3 rgb(46,76,211)
```
#3e59d6
```
#3e59d6 rgb(62,89,214)
```
#4e67da
```
#4e67da rgb(78,103,218)
```
#5e75dd
```
#5e75dd rgb(94,117,221)
```
#6e83e1
```
#6e83e1 rgb(110,131,225)
```
#7f91e4
```
#7f91e4 rgb(127,145,228)
```
#8f9fe7
```
#8f9fe7 rgb(143,159,231)
```
#9fadeb
```
#9fadeb rgb(159,173,235)
```
#afbbee
```
#afbbee rgb(175,187,238)
```
#bfc8f2
```
#bfc8f2 rgb(191,200,242)
```
#d0d6f5
```
#d0d6f5 rgb(208,214,245)
```
#e0e4f8
```
#e0e4f8 rgb(224,228,248)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

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

#56575c
```
#56575c rgb(86,87,92)
```
#4f5363
```
#4f5363 rgb(79,83,99)
```
#484e6a
```
#484e6a rgb(72,78,106)
```
#414a71
```
#414a71 rgb(65,74,113)
```
#3a4578
```
#3a4578 rgb(58,69,120)
```
#34417e
```
#34417e rgb(52,65,126)
```
#2d3d85
```
#2d3d85 rgb(45,61,133)
```
#26388c
```
#26388c rgb(38,56,140)
```
#1f3493
```
#1f3493 rgb(31,52,147)
```
#18309a
```
#18309a rgb(24,48,154)
```
#112ba1
```
#112ba1 rgb(17,43,161)
```
#0a27a8
```
#0a27a8 rgb(10,39,168)
```
#0423ae
```
#0423ae rgb(4,35,174)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#34384b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#0b3f8c Protanomaly 1% of men, 0.01% of women
#0b4281 Deuteranomaly 6% of men, 0.4% of women
#0b456a Tritanomaly 0.01% of the population

#1f3493 hex color

#1f3493 Color Information

#1f3493 Color Conversion

Color Schemes with #1f3493

Alternatives to #1f3493

#1f3493 Preview

Shades and Tints of #1f3493

Tones of #1f3493

Color Blindness Simulator