#1f379e hex color

In a RGB color space, hex #1f379e is composed of 12.2% red, 21.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 65.2% magenta, 0% yellow and 38% black. It has a hue angle of 228.7 degrees, a saturation of 67.2% and a lightness of 37.1%. #1f379e color hex could be obtained by blending #3e6eff with #00003d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 22
- B 62
RGB color chart
- C 80
- M 65
- Y 0
- K 38
CMYK color chart

● #1f379e color description : Dark blue.

The hexadecimal color #1f379e has RGB values of R:31, G:55, B:158 and CMYK values of C:0.8, M:0.65, Y:0, K:0.38. Its decimal value is 2045854.

Hex triplet	1f379e	`#1f379e`
RGB Decimal	31, 55, 158	`rgb(31,55,158)`
RGB Percent	12.2, 21.6, 62	`rgb(12.2%,21.6%,62%)`
CMYK	80, 65, 0, 38
HSL	228.7°, 67.2, 37.1	`hsl(228.7,67.2%,37.1%)`
HSV (or HSB)	228.7°, 80.4, 62
Web Safe	333399	`#333399`

CIE-LAB	28.092, 29.994, -58.293
XYZ	8.102, 5.492, 32.979
xyY	0.174, 0.118, 5.492
CIE-LCH	28.092, 65.557, 297.227
CIE-LUV	28.092, -9.77, -75.741
Hunter-Lab	23.434, 20.699, -67.034
Binary	00011111, 00110111, 10011110

#1f379e
```
#1f379e rgb(31,55,158)
```
#9e861f
```
#9e861f rgb(158,134,31)
```

Complementary Color

#1f779e
```
#1f779e rgb(31,119,158)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#471f9e
```
#471f9e rgb(71,31,158)
```

Analogous Color

#779e1f
```
#779e1f rgb(119,158,31)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#9e471f
```
#9e471f rgb(158,71,31)
```

Split Complementary Color

#379e1f
```
#379e1f rgb(55,158,31)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#9e1f37
```
#9e1f37 rgb(158,31,55)
```

Triadic Color

#1f9e86
```
#1f9e86 rgb(31,158,134)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#9e1f37
```
#9e1f37 rgb(158,31,55)
```
#9e861f
```
#9e861f rgb(158,134,31)
```

Tetradic Color

#12215e
```
#12215e rgb(18,33,94)
```
#172873
```
#172873 rgb(23,40,115)
```
#1b3089
```
#1b3089 rgb(27,48,137)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#233eb3
```
#233eb3 rgb(35,62,179)
```
#2746c9
```
#2746c9 rgb(39,70,201)
```
#3352d7
```
#3352d7 rgb(51,82,215)
```

Monochromatic Color

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

#1f579e
```
#1f579e rgb(31,87,158)
```
#1f4c9e
```
#1f4c9e rgb(31,76,158)
```
#1f429e
```
#1f429e rgb(31,66,158)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#1f2c9e
```
#1f2c9e rgb(31,44,158)
```
#1f229e
```
#1f229e rgb(31,34,158)
```
#271f9e
```
#271f9e rgb(39,31,158)
```

Similar Colors

Text with hexadecimal color #1f379e

This text has a font color of #1f379e.

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

#1f379e background color

This paragraph has a background color of #1f379e.

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

#1f379e border color

This element has a border color of #1f379e.

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

CSS codes

.text {color:#1f379e;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#05091b
```
#05091b rgb(5,9,27)
```
#080f2b
```
#080f2b rgb(8,15,43)
```
#0c153c
```
#0c153c rgb(12,21,60)
```
#0f1a4c
```
#0f1a4c rgb(15,26,76)
```
#12205c
```
#12205c rgb(18,32,92)
```
#15266d
```
#15266d rgb(21,38,109)
```
#192c7d
```
#192c7d rgb(25,44,125)
```
#1c318e
```
#1c318e rgb(28,49,142)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#223dae
```
#223dae rgb(34,61,174)
```
#2542bf
```
#2542bf rgb(37,66,191)
```
#2948cf
```
#2948cf rgb(41,72,207)
```

Shade Color Variation

#3453d7
```
#3453d7 rgb(52,83,215)
```
#4561da
```
#4561da rgb(69,97,218)
```
#556fde
```
#556fde rgb(85,111,222)
```
#657de1
```
#657de1 rgb(101,125,225)
```
#768be4
```
#768be4 rgb(118,139,228)
```
#8699e7
```
#8699e7 rgb(134,153,231)
```
#97a6eb
```
#97a6eb rgb(151,166,235)
```
#a7b4ee
```
#a7b4ee rgb(167,180,238)
```
#b7c2f1
```
#b7c2f1 rgb(183,194,241)
```
#c8d0f4
```
#c8d0f4 rgb(200,208,244)
```
#d8def7
```
#d8def7 rgb(216,222,247)
```
#e9ecfb
```
#e9ecfb rgb(233,236,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595b64 is the less saturated color, while #0225bb is the most saturated one.

#595b64
```
#595b64 rgb(89,91,100)
```
#52576b
```
#52576b rgb(82,87,107)
```
#4b5272
```
#4b5272 rgb(75,82,114)
```
#434e7a
```
#434e7a rgb(67,78,122)
```
#3c4981
```
#3c4981 rgb(60,73,129)
```
#354588
```
#354588 rgb(53,69,136)
```
#2e408f
```
#2e408f rgb(46,64,143)
```
#263c97
```
#263c97 rgb(38,60,151)
```
#1f379e
```
#1f379e rgb(31,55,158)
```
#1832a5
```
#1832a5 rgb(24,50,165)
```
#102ead
```
#102ead rgb(16,46,173)
```
#0929b4
```
#0929b4 rgb(9,41,180)
```
#0225bb
```
#0225bb rgb(2,37,187)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#0b4395 Protanomaly 1% of men, 0.01% of women
#0b4589 Deuteranomaly 6% of men, 0.4% of women
#0b4971 Tritanomaly 0.01% of the population

#1f379e hex color

#1f379e Color Information

#1f379e Color Conversion

Color Schemes with #1f379e

Alternatives to #1f379e

#1f379e Preview

Shades and Tints of #1f379e

Tones of #1f379e

Color Blindness Simulator