#1f4393 hex color

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

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

● #1f4393 color description : Dark blue.

The hexadecimal color #1f4393 has RGB values of R:31, G:67, B:147 and CMYK values of C:0.79, M:0.54, Y:0, K:0.42. Its decimal value is 2048915.

Hex triplet	1f4393	`#1f4393`
RGB Decimal	31, 67, 147	`rgb(31,67,147)`
RGB Percent	12.2, 26.3, 57.6	`rgb(12.2%,26.3%,57.6%)`
CMYK	79, 54, 0, 42
HSL	221.4°, 65.2, 34.9	`hsl(221.4,65.2%,34.9%)`
HSV (or HSB)	221.4°, 78.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	30.428, 17.508, -47.777
XYZ	7.838, 6.412, 28.427
xyY	0.184, 0.15, 6.412
CIE-LCH	30.428, 50.884, 290.126
CIE-LUV	30.428, -12.746, -64.672
Hunter-Lab	25.321, 10.938, -48.837
Binary	00011111, 01000011, 10010011

#1f4393
```
#1f4393 rgb(31,67,147)
```
#936f1f
```
#936f1f rgb(147,111,31)
```

Complementary Color

#1f7d93
```
#1f7d93 rgb(31,125,147)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#351f93
```
#351f93 rgb(53,31,147)
```

Analogous Color

#7d931f
```
#7d931f rgb(125,147,31)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#93351f
```
#93351f rgb(147,53,31)
```

Split Complementary Color

#43931f
```
#43931f rgb(67,147,31)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#931f43
```
#931f43 rgb(147,31,67)
```

Triadic Color

#1f936f
```
#1f936f rgb(31,147,111)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#931f43
```
#931f43 rgb(147,31,67)
```
#936f1f
```
#936f1f rgb(147,111,31)
```

Tetradic Color

#122654
```
#122654 rgb(18,38,84)
```
#163069
```
#163069 rgb(22,48,105)
```
#1b397e
```
#1b397e rgb(27,57,126)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#234da8
```
#234da8 rgb(35,77,168)
```
#2856bd
```
#2856bd rgb(40,86,189)
```
#2c60d2
```
#2c60d2 rgb(44,96,210)
```

Monochromatic Color

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

#1f6093
```
#1f6093 rgb(31,96,147)
```
#1f5693
```
#1f5693 rgb(31,86,147)
```
#1f4d93
```
#1f4d93 rgb(31,77,147)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#1f3993
```
#1f3993 rgb(31,57,147)
```
#1f3093
```
#1f3093 rgb(31,48,147)
```
#1f2693
```
#1f2693 rgb(31,38,147)
```

Similar Colors

Text with hexadecimal color #1f4393

This text has a font color of #1f4393.

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

#1f4393 background color

This paragraph has a background color of #1f4393.

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

#1f4393 border color

This element has a border color of #1f4393.

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

CSS codes

.text {color:#1f4393;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#070f22
```
#070f22 rgb(7,15,34)
```
#0b1732
```
#0b1732 rgb(11,23,50)
```
#0e1e42
```
#0e1e42 rgb(14,30,66)
```
#112552
```
#112552 rgb(17,37,82)
```
#152d62
```
#152d62 rgb(21,45,98)
```
#183473
```
#183473 rgb(24,52,115)
```
#1c3c83
```
#1c3c83 rgb(28,60,131)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#224aa3
```
#224aa3 rgb(34,74,163)
```
#2652b3
```
#2652b3 rgb(38,82,179)
```
#2959c4
```
#2959c4 rgb(41,89,196)
```

Shade Color Variation

#2e61d3
```
#2e61d3 rgb(46,97,211)
```
#3e6dd6
```
#3e6dd6 rgb(62,109,214)
```
#4e79da
```
#4e79da rgb(78,121,218)
```
#5e86dd
```
#5e86dd rgb(94,134,221)
```
#6e92e1
```
#6e92e1 rgb(110,146,225)
```
#7f9ee4
```
#7f9ee4 rgb(127,158,228)
```
#8faae7
```
#8faae7 rgb(143,170,231)
```
#9fb7eb
```
#9fb7eb rgb(159,183,235)
```
#afc3ee
```
#afc3ee rgb(175,195,238)
```
#bfcff2
```
#bfcff2 rgb(191,207,242)
```
#d0dbf5
```
#d0dbf5 rgb(208,219,245)
```
#e0e7f8
```
#e0e7f8 rgb(224,231,248)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#56585c
```
#56585c rgb(86,88,92)
```
#4f5563
```
#4f5563 rgb(79,85,99)
```
#48536a
```
#48536a rgb(72,83,106)
```
#415071
```
#415071 rgb(65,80,113)
```
#3a4d78
```
#3a4d78 rgb(58,77,120)
```
#344b7e
```
#344b7e rgb(52,75,126)
```
#2d4885
```
#2d4885 rgb(45,72,133)
```
#26468c
```
#26468c rgb(38,70,140)
```
#1f4393
```
#1f4393 rgb(31,67,147)
```
#18409a
```
#18409a rgb(24,64,154)
```
#113ea1
```
#113ea1 rgb(17,62,161)
```
#0a3ba8
```
#0a3ba8 rgb(10,59,168)
```
#0439ae
```
#0439ae rgb(4,57,174)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a4151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#064e9a Protanopia 1% of men
#005287 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#0f4a97 Protanomaly 1% of men, 0.01% of women
#0b4d8b Deuteranomaly 6% of men, 0.4% of women
#0b5171 Tritanomaly 0.01% of the population

#1f4393 hex color

#1f4393 Color Information

#1f4393 Color Conversion

Color Schemes with #1f4393

Alternatives to #1f4393

#1f4393 Preview

Shades and Tints of #1f4393

Tones of #1f4393

Color Blindness Simulator