#1f3393 hex color

In a RGB color space, hex #1f3393 is composed of 12.2% red, 20% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 65.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 229.7 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f3393 color hex could be obtained by blending #3e66ff 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

● #1f3393 color description : Dark blue.

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

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

CIE-LAB	26.055, 28.456, -54.905
XYZ	7.014, 4.765, 28.152
xyY	0.176, 0.119, 4.765
CIE-LCH	26.055, 61.841, 297.396
CIE-LUV	26.055, -8.689, -69.486
Hunter-Lab	21.829, 19.156, -61.184
Binary	00011111, 00110011, 10010011

#1f3393
```
#1f3393 rgb(31,51,147)
```
#937f1f
```
#937f1f rgb(147,127,31)
```

Complementary Color

#1f6d93
```
#1f6d93 rgb(31,109,147)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#451f93
```
#451f93 rgb(69,31,147)
```

Analogous Color

#6d931f
```
#6d931f rgb(109,147,31)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#93451f
```
#93451f rgb(147,69,31)
```

Split Complementary Color

#33931f
```
#33931f rgb(51,147,31)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#931f33
```
#931f33 rgb(147,31,51)
```

Triadic Color

#1f937f
```
#1f937f rgb(31,147,127)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#931f33
```
#931f33 rgb(147,31,51)
```
#937f1f
```
#937f1f rgb(147,127,31)
```

Tetradic Color

#121d54
```
#121d54 rgb(18,29,84)
```
#162469
```
#162469 rgb(22,36,105)
```
#1b2c7e
```
#1b2c7e rgb(27,44,126)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#233aa8
```
#233aa8 rgb(35,58,168)
```
#2842bd
```
#2842bd rgb(40,66,189)
```
#2c49d2
```
#2c49d2 rgb(44,73,210)
```

Monochromatic Color

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

#1f5093
```
#1f5093 rgb(31,80,147)
```
#1f4693
```
#1f4693 rgb(31,70,147)
```
#1f3d93
```
#1f3d93 rgb(31,61,147)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#1f2993
```
#1f2993 rgb(31,41,147)
```
#1f2093
```
#1f2093 rgb(31,32,147)
```
#281f93
```
#281f93 rgb(40,31,147)
```

Similar Colors

Text with hexadecimal color #1f3393

This text has a font color of #1f3393.

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

#1f3393 background color

This paragraph has a background color of #1f3393.

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

#1f3393 border color

This element has a border color of #1f3393.

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

CSS codes

.text {color:#1f3393;}

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

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

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)
```
#0b1132
```
#0b1132 rgb(11,17,50)
```
#0e1742
```
#0e1742 rgb(14,23,66)
```
#111d52
```
#111d52 rgb(17,29,82)
```
#152262
```
#152262 rgb(21,34,98)
```
#182873
```
#182873 rgb(24,40,115)
```
#1c2d83
```
#1c2d83 rgb(28,45,131)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#2239a3
```
#2239a3 rgb(34,57,163)
```
#263eb3
```
#263eb3 rgb(38,62,179)
```
#2944c4
```
#2944c4 rgb(41,68,196)
```

Shade Color Variation

#2e4ad3
```
#2e4ad3 rgb(46,74,211)
```
#3e58d6
```
#3e58d6 rgb(62,88,214)
```
#4e66da
```
#4e66da rgb(78,102,218)
```
#5e74dd
```
#5e74dd rgb(94,116,221)
```
#6e82e1
```
#6e82e1 rgb(110,130,225)
```
#7f90e4
```
#7f90e4 rgb(127,144,228)
```
#8f9ee7
```
#8f9ee7 rgb(143,158,231)
```
#9faceb
```
#9faceb rgb(159,172,235)
```
#afbaee
```
#afbaee rgb(175,186,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 #0421ae is the most saturated one.

#56575c
```
#56575c rgb(86,87,92)
```
#4f5263
```
#4f5263 rgb(79,82,99)
```
#484e6a
```
#484e6a rgb(72,78,106)
```
#414971
```
#414971 rgb(65,73,113)
```
#3a4578
```
#3a4578 rgb(58,69,120)
```
#34407e
```
#34407e rgb(52,64,126)
```
#2d3c85
```
#2d3c85 rgb(45,60,133)
```
#26378c
```
#26378c rgb(38,55,140)
```
#1f3393
```
#1f3393 rgb(31,51,147)
```
#182f9a
```
#182f9a rgb(24,47,154)
```
#112aa1
```
#112aa1 rgb(17,42,161)
```
#0a26a8
```
#0a26a8 rgb(10,38,168)
```
#0421ae
```
#0421ae rgb(4,33,174)
```

Tone Color Variation

Below, you can see how #1f3393 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
#004976 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#0b3e8b Protanomaly 1% of men, 0.01% of women
#0b4180 Deuteranomaly 6% of men, 0.4% of women
#0b446a Tritanomaly 0.01% of the population

#1f3393 hex color

#1f3393 Color Information

#1f3393 Color Conversion

Color Schemes with #1f3393

Alternatives to #1f3393

#1f3393 Preview

Shades and Tints of #1f3393

Tones of #1f3393

Color Blindness Simulator